FlatUI

A quick explanation of flat user interface design, versus "realistic" interfaces.

April 17, 2014

FlatUI – the “flat user interface” is directly opposed to the older Skeuomorphic interface design. Skeuomorphic interfaces look like “what they are,” they are realistic representations, such as a bookshelf for the iBooks App or a picture of a camera used as a camera button, calendar page, etc.

An interface with realistic representations of knobs and gauges:

Skeuomorphism is dead, long live skeuomorphism

Flat UI doesn’t have shadows, it doesn’t have reflections. It’s flat.  FlatUI uses simplified icons and simple colors. FlatUI is designed to work on tablets, PC’s, mobile devices and has clarity, rapid load times and streamlined, focused UX. FlatUI can be challenging for users if not carefully designed.

 

A completely flattened, radio interface:

 

Colorful Mobile Radio App UI Free PSD

Microsoft started flattening its UI’s with the introduction of the ZuneHD in 2009 and continued with all product lines. Apple’s iPhone finally went flat ui in September 2013.

https://www.interaction-design.org/literature/topics/skeuomorphism#:~:text=Skeuomorphism%20is%20a%20term%20most,icon%20used%20for%20discarding%20files.

 

 

 

You May Also Like…

UI for Quantum Analysis Device

UI for Quantum Analysis Device

Client Brief Client provided highly technical documents and asked for a Neumorphic UI. Deliverables included...

0 Comments

Submit a Comment

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