Flat UI Design

From Wikipedia, the free encyclopedia
Jump to: navigation, search

Flat User Interface Design is a minimalist UI Design Genre, or design language, currently used in various graphical user interfaces (such as Web sites or Web applications).

Definition and purpose[edit]

Flat design refers to a style of interface design which removes any stylistic choices that give the illusion of three-dimensions (such as drop shadows, gradients, or textures)[1] and is focused on a minimalist use of simple elements, typography and flat colors.[2] Designers may prefer flat design because it allows interface designs to be more streamlined and efficient. It is easier to quickly convey information while still looking visually appealing and approachable.[3] Additionally, it makes it easier to design an interface that is responsive to changes in browser size across different devices. With minimal design elements, websites are able to load faster and resize easily, and still look sharp on high-definition screens.[1] As a design approach, it is often contrasted to skeuomorphism [4] and rich design.[1]

The design was influenced by International Typographic Style and the style of Bauhaus.[1][5]

Notable examples[edit]

Modern examples of flat design include Microsoft's Metro,[6] Apple's OS X Yosemite,[7] and Google's material design.


  1. ^ a b c d Turner, Amber Leigh (March 19, 2014). "The history of flat design: How efficiency and minimalism turned the digital world flat". The Next Web. Retrieved April 11, 2014. 
  2. ^ Carrie Cousins (May 28, 2013). "Flat design principles". designmodo.com. 
  3. ^ Clum, Luke (May 13, 2013). "A Look at Flat Design and Why It's Significant". UX Magazine. Retrieved April 11, 2014. 
  4. ^ Yair Grinberg (September 11, 2013). "iOS 7, Windows 8, and flat design: In defense of skeuomorphism". VentureBeat. Retrieved April 13, 2014. 
  5. ^ Diogo Terror (July 17, 2009). "Lessons From Swiss Style Graphic Design". Smashing magazine. Retrieved March 28, 2014. 
  6. ^ Kelsey Campbell-Dollaghan (May 27, 2013). "What Is Flat Design?". Gizmodo Australia. Retrieved April 13, 2014. 
  7. ^ Kelsey Campbell-Dollaghan (June 2, 2014). "The Future of Apple Design Is Hidden Inside OS X Yosemite". Gizmodo. Retrieved June 2, 2014. 

External links[edit]