Flat design
<1995 | 2000 | 2019 |
Flat design is a minimalist design language or design style commonly used in graphical user interfaces, and also in graphical materials such as posters, arts, guide documents and publishing products.
Definition and purpose
Flat design is a style of interface design emphasizing minimalist use of simple elements, typography, and flat colors.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. Additionally, it makes it easier to design an interface that is responsive to changes in browser size across different devices. With minimal design elements, webpages can be downloaded faster and resize easily, and still look sharp on high-definition screens. As a design approach, it is often contrasted to skeuomorphism and rich design.
History
Flat design is primarily influenced by the International Typographic Style, text user interfaces, modernism, and the styles emerging from Bauhaus. The International Typographic style is often considered the most substantial influence on flat design, and its emergence and popularization during the 1950s and 1960s is regarded as the starting point of flat design, although it would not make an appearance in the digital world for some time thereafter.In 2002, Microsoft released Windows Media Center, and in 2006, the Zune MP3 player, both of which contained elements of flat design. The design of the Zune was clean and simple, with a focus on large lower case typography, silhouette-style logos, and monochromatic font colors. Microsoft continued this style of design with the 2010 release of Windows Phone 7, which built on the flat design elements introduced with the Zune, formalized as the "Metro design language". The design was dominated by large and bright shapes accompanied by sans-serif typography from the Segoe font family, flat images, and a menu with a grid-like pattern. Metro was subsequently adopted by all Microsoft software lines, including the Windows 8 PC operating system.
Android began to adopt flat design trends with 4.0 "Ice Cream Sandwich" in 2011; Matias Duarte, Google's vice president of design, felt that Apple's iOS was too skeuomorphic, Windows Phone looked like "airport lavatory signage", and that both interfaces were too rigidly standardized with limited flexibility for designers. The platform's new "Holo" interface was designed to appear more simplistic than past Android versions, with neon-blue accents, hard edges, and drop shadows for depth.
In 2013, Apple unveiled iOS 7, which shifted to a flat UI design with use of brighter colors, typography, as well as blurred, translucent overlays. The following year, OS X Yosemite introduced the iOS 7-styled user interface to Apple's Mac OS X operating system. Google began to introduce its own flat design language known as "Material Design" for Android and its other platforms, which is based on index card-like sheets and the use of shadows to promote depth and hierarchy, as well as smooth animations and transitions.
In 2017, Microsoft unveiled the Fluent Design System, a new flat user interface. This new interface departs from its predecessor, Metro, through the use of depth, interface feedback, and a new translucency effect Microsoft dubbed "Acrylic".