FLAT ICON DESIGN

Flat Design was introduced with Windows 8 and their Metro Tile System, but it really became super popular when Apple release their iOS7. What does Flat UI or Icon Design mean? Let’s explore it and demystify design jargon.

Flat Design was introduced with Windows 8 and their Metro Tile System, but it really became super popular when Apple release their iOS7. What does Flat UI or Icon Design mean?

Let’s explore it and demystify design jargon. Flat UI design really means getting rid of beveled edges, any fancy gradients, deep shadows, and shiny reflections. In web design, “flat” pages never really introduce dimensionality, shadows, or textures, they rely instead on parallax scrolling and a visual clarity so the message can be better communicated.

Flat design is the opposite of fancy details with tons of texture, intricate patterns and ornaments. Basically the simpler the better the better the simpler. It is a minimal visual approach.

 

Skeuomorphism what? Yes, hard to pronounce, harder to explain and gosh, even harder to understand. The basic explanation is that Skeuomorphism used design elements from the past designs and incorporate those design features into the redesign or new design. Now in plain English: remember the iOS6 when the iBook app once opened looks like a real book shelf? Well here we can see how design element (a book shelf) and material imitation (the look of wood) were used to visually represent the idea of a digital bookshelf.

 

Is Flat not the same as Skeuomorphism?

I gave it some thought and in my humble opinion it is not. Some might argue with me and say when designing a flat icon you just make the real icon or button look like a flat representative of it hence using past elements but I differ. If I create a flat icon of an airplane, I will used the shape but no bevel nor material representation of a real airplane.

 

What will the future bring?

I believe Flat UI Design will marry Skeuomorphism which will make things a bit more interesting.

We can already find examples of FLAT goes out with Skeuomorphism when we look at the more detailed Flat Icon Designs

 

I personally love FLAT Design, either flat flat or more detailed flat. Not that I cannot appreciate the skeuomorphic designs but with a big love for simple illustrations I tend to like Flat Design more.

What is your take on Flat Design? I would love to hear your opinions.

Share your love
Simona
Simona

Simona Pfreundner has been teaching Adobe Creative Suite since 2008 through written tutorials, instructional video courses and classroom teaching. With 15 years experience in the graphic design field as an agency, in-house and freelance designer, her love for art and drawing has enabled her develop an approachable and intuitive style of teaching that helps people learn graphic design software in a fun and easy way.

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.