[Design] Mark-up bar button visual treatments

Mimi Yin mimi at osafoundation.org
Sat Feb 11 08:57:23 PST 2006


Hi Philippe,

The outline/gradient balance is a really hard issue. I tried 5-6  
different approaches and this was the best one I could come up with.

If I make the gradient less pronounced in the "light" direction, the  
whole button looks even more greyed out.
If I make the gradient less pronounced in the "dark" direction, the  
whole button becomes so dark, the outline doesn't show.

The way I have the gradient balanced right now, the dark portion of  
it lends the button weight (to say, I'm active), the light portion is  
light enough that the outline on the top is apparent.

Do you feel the button is still not different enough from the greyed  
out state? If I can understand the root of the concern a little  
better then I can come up with a few different solutions. Perhaps an  
(outline + gradient) is not the right approach at all.

I'd like to get these to the point where we think they're worthy of  
testing with users and then do further tweaks based on that feedback.

Mimi

On Feb 10, 2006, at 8:42 PM, Philippe Bossut wrote:

> Mimi Yin wrote:
>> I've narrowed it down to 2 treatments: Ovals and Circles
>> I've added a Greyed out state for each treatment, for comparison.
> I still prefer the Circles.
>> On Circles, I've added a slight gradient and outline to the Active  
>> state.
> I think the outline could be darker and the gradient less pronounced.
>
> Cheers,
> - Philippe
> _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
>
> Open Source Applications Foundation "Design" mailing list
> http://lists.osafoundation.org/mailman/listinfo/design



More information about the Design mailing list