It’s a matter of taste

This is a quick note on the flat v. depth debate and I can already hear you thinking, “Whatever, brah.” I’ll be quick as I’m not trying grind this horse into a fine paste let alone kick it another time.

Taste

I don’t believe that either “style” or “philosophical stance” is more correct or better than the other. I often believe that the answer is somewhere in between, and always believe that the right tool should be used for the right job. Sometimes UI calls for flat elements and sometimes it calls for dimensional ones.

As for how, and the degree to which, the effects are actually applied simply comes down to taste. Take two visual design decisions that have gone into Dropbox for iOS.

First, the headers feature subtle gradients that are not quite flat and far from the bubbly nature of stock iOS headers. If we followed suit and used the more stark contrast of iOS’s gradients we’d end up with something like the top header. If we removed all gradients, like Windows 8, we’d end up with the middle example. Finally, if we’re a little more reasonable with how we apply our header gradient we’d end up with something subtly tactile and understated like the last one.

It’s The Story of the Three Bears told through the lens of iOS headers.

Dropbox is juuuust right

Secondly, check out the active states for our UITableViewCells. Instead of a gnarly blue gradient we present a simple light blue background to convey it’s active state. It accomplishes it’s job without being too conspicuous or unappealing.

Understated active states

We’re mixing both flat and dimensional design with logic and purpose behind our decisions rather than dogma.

 
1,623
Kudos
 
1,623
Kudos

Now read this

Define a Grid & Keep it Simple

Grids are important tools for most types of design. Breaking out of them in the wrong ways can create cognitive hurdles in your user’s experience, and it can diminish the beauty of your information design. But, once you have an... Continue →