< Back

Trending: Flat Design

By: Joshua Bolt

It’s hard telling what the future of design holds, but we can tell you the current trend in UI/UX. It’s flat design and we’re seeing elements of it popping up more and more every day on websites, mobile apps and even operating systems.

Screen Shot 2013-10-05 at 5.11.09 PM

Flat design places a strong emphasis on typography, solid colors, and simplistic layouts and shapes, steering clear of gradients, shading, shadows, beveled edges, reflections, dimension and texture. In flat design, you won’t see much detail or ornamentation, making the object/function appear as something else – this is called skeuomorphism, the opposite of flat design. A few primary examples of skeuomorphism is the volume control on your keyboard, that trash can icon on your Mac computer (or Recycle Bin for you Windows users), or even that decorative (and also fake) wood paneling on the side of that Chrysler Town and Country.

Relevant Examples of Flat Design

Apple iOS 7
Look below. The image on the left is a text message conversation on iOS 7, while the image on the right is the previous version of iOS. Notice how the left is simply less in-your-face and subtle? This is just one of many ways Apple has made the dramatic change over to flat design.

ios_compare_messages

Image courtesy of currenteditorials.com

In an interview with USA Today, Apple’s long-time designer, Jony Ive said, “When we sat down last November (to work on iOS 7), we understood that people had already become comfortable with touching glass, they didn’t need physical buttons, they understood the benefits, so there was an incredible liberty in not having to reference the physical world so literally. We were trying to create an environment that was less specific. It got design out of the way.” We’re also seeing many iOS apps update with similar design patterns, such as Instagram, LinkedIn, OkCupid (look, I’m human), Twitter and Evernote.

Google
Google scrapped the beveled edges and went for smooth, solid 2D branding. All Google has mentioned about their enhanced logo is, “As part of this design, we’ve also refined the color palette and letter shapes of the Google logo.” That’s it.

GoogleLogo

Image courtesy of mashable.com

Windows 8
An early example of flat design stemmed from the Windows 8 Start screen back in August 2012.

windows-8-11

Image courtesy of wikipedia.org

Is this new way of streamlining information the way of the future? Or is this just a fad with a dead-end? You tell us. What are your thoughts on everyday designs getting flattened?

Posted in: All Tags: