top | item 8042585

(no title)

jarrett | 11 years ago

Philosophically or practically: What's the justification for nearly everyone switching to flat design? Is there any articulable reason it's "better" than the rich, three-dimensional style[1] that was previously popular? Or is it just an arbitrary trend?

Some say the change is driven by high-DPI displays. I disagree. I don't see any intrinsic reason that flat designs look better than rich, three-dimensional designs on a high-DPI display. Without a doubt, flat can look nice, but so can things like this:

http://www.sequelpro.com/blog/wp-content/uploads/2013/01/seq...

Another justification I've heard is that it's a reaction to the excesses of the previous trend. People often point to the leather motif in certain Apple applications as an example of such excess. But first of all, those examples are outliers; few designs actually went that far. Second, the existence of a questionable use of a given style is not an effective argument against that style in general. Third, "some things were extremely 3d, so now we'll be extremely flat" seems like contrarianism for contrarianism's sake.

[1] Some call this skeuomorphism. I tend not to, because the term technically means something narrower than what we're talking about: http://en.wikipedia.org/wiki/Skeuomorph

discuss

order

flohofwoe|11 years ago

Frankly, I don't care about the look of the icons (these should be theme-able anyway), but I do care a lot about the actual application user interface, and for this, flat design is a step back into the 80's.

Flat design is good as long as there are no important visual cues lost what elements can be interacted with and which are just passively displaying information. I really do still have problems in iOS7 to separate passive text elements from interactive text elements (formerly called "buttons"). Examples are the contacts list or the famous shift-button of the onscreen keyboard.

Thankfully in OSX 10.10, buttons are still recognizable as buttons, and I like that less radical flatness much more then iOS7. Although, in the current state the UI looks a lot like a Gnome skin which tries to mimic OSX though, I hope that improves until release.

zephjc|11 years ago

It's not a jump back to the 80s exactly. For example, here is an old NT screenshot: http://upload.wikimedia.org/wikipedia/en/c/ca/Windows_NT_3.1...

A lot of it is flat, but they use simple bevels for buttons and other clickable elements, and its reuse on, for example, the buttons in the file manager window, looks tacky because it appears cluttered and overused. Also, excessive lines (e.g. for the window borders), high contrast colors, and small color pallet makes the overall appearance not nice to look at. Also the icon set suuuuucked.

lloeki|11 years ago

Let's take a balanced view from each side:

pro-3d / anti-flat: details made possible by volume add to the icon's rich design, making its personality stand out, while flat icons results in boring, uniform design in comparison.

pro-flat / anti-3d: the apparent uniformity makes even slight nuances readily apparent and efficient to parse, making each icon stand out against other flat icons, while 3d icons are full of complex and distracting artifacts.

Bottom line: don't mix both, as the result is that 3d crushes flat with its rich details while flat makes 3d look needlessly busy and noisy. Consistency is key to reducing cognitive friction.

refrigerator|11 years ago

I think 'flat design' is really just an example of minimalist design (which has been around for ages) applied to graphical elements. With many things, especially apps/websites, minimalist design often ends up being a good experience for users because it's not distracting, but that's not to say that you can't have great UX without a minimalist design.

For me, I like flat design (to an extent) because it gives the product a more uniform look and feel, but sometimes it can be overdone and I find myself wishing there were an illusion of depth to guide me.

gumby|11 years ago

> With many things... minimalist design often ends up being a good experience for users because it's not distracting...

As long as too many cues aren't discarded (iOS 7 went a bit overboard in this regard) I completely agree; shiny or complicated visual elements with "pop" demo well at first but become tiresome.

It's the same reason our keyboards don't make musical tones like they did in Star Trek -- it would quickly become distracting and annoying.

Synaesthesia|11 years ago

Well it's a trend, and these don't always have rules, other than people follow them.

Here are a few theories: is it's a refinement of the icon concept, taking it to a higher level of abstraction.

Possibly the reduced visual noise has a greater aesthetic appeal.

Lastly I think the simplification makes it easier to see at a glance what the icon represents.

zephjc|11 years ago

Since the Aqua look came out in OS X, there have been a lot of imitations used on webpages, knock-off UIs, etc. which tended to look terrible, in part because it's hard to do them tastefully. At least flat UIs are harder to mess up.

Personally, I really liked the modified Platinum UI from MacOS X DR2 code named Rhapsody, though it could have used some polish: http://www.guidebookgallery.org/screenshots/rhapsodydr2

jarrett|11 years ago

> I really liked the modified Platinum UI from MacOS X DR2 code named Rhapsody, though it could have used some polish

Interesting. I feel like the current OS X UI is just that: Rhapsody with a lot of polish. The core concept seems to be the same.

msutherl|11 years ago

Flat design is successful because it's a system that allows unskilled designers to produce acceptable results.

poopsintub|11 years ago

It's a fad. Apple came out with it 'first', making it automatically used among millions of people, then designers followed with other software packages and apps.

ender7|11 years ago

Gradients and juicy-fruit graphics are like candy -- they provide an instant and strong positive feeling, but they don't age well. If you had to eat nothing but candy, you'd hate the sugar-coated morass your mouth had become. In general, a flat icon tends to age better and reduce "eye exhaustion" (not a physiological thing, but a psychological one). Note that this applies mostly just to icons; the entire UI is not so tightly bound by these rules.

However, design is also trend-oriented, and flat is a rising trend.

jarrett|11 years ago

> but they don't age well...In general, a flat icon tends to age better and reduce "eye exhaustion"

Two thoughts on that:

1) Is that just an opinion? (If so, there's obviously nothing wrong with that.) Or is there some objective evidence?

2) How well do icons need to age? Realistically, how many icons in the wild will go 5+ years without a design refresh?

ngcazz|11 years ago

Microsoft went that way in Windows Phone; everyone else grudgingly felt it was more pleasant.

tchai_|11 years ago

I've always hated that Sequel Pro logo, old one was much better.

jarrett|11 years ago

Which one is your favorite? Googling turned up several.