|
last days i checked a lot of pattern-sites for mobile web. If the app is using lists or buttons most of them are using a gradient background. Is there anything regarding UX or is this only a design choice? I am building a webapp and in my opinion the flat style looks nicer. Here the 2 versions:
Flat:
Gradient:
|
|||||
|
|
With so little space having visual clues like gradient are useful. For example it may be better that you dont have a gradient on the table with check boxes but do have gradients on the wide grey + / - sections which are clickable. The gradient gives the impression of something raised that can be clicked on whilst not taking up extra space. You can also use shading to sharpen edges (as you are doing in your flat version anyway) and shadows to show that one section is part of another. It looks like the table of checkboxes appears when you click on the grey section - if you have a drop shadow between the grey Werkstattarbeiten section and the checkboxes below it appears like it is an extension of the heading. Unless of course you design for Microsoft metro... |
|||
|
|
There is no such guidelines from Apple, and you can count on Apple's UI development guidelines for many such things http://developer.apple.com/library/safari/#documentation/UserExperience/Conceptual/MobileHIG/Introduction/Introduction.html#//apple_ref/doc/uid/TP40006556 Personally for me gradient for background color of the content or the header looks cooler than gradient for the button. Also, I guess it depends on your personal choice and imagination of the designer more than anything else. |
|||||||||
|
