Flat design
   HOME

TheInfoList



OR:

Flat design is a
minimalist In visual arts, music and other media, minimalism is an art movement that began in post– World War II in Western art, most strongly with American visual arts in the 1960s and early 1970s. Prominent artists associated with minimalism include Do ...
design language A design language or design vocabulary is an overarching scheme or style that guides the design of a complement of products or architectural settings, creating a coherent design system for styling. Objectives Designers wishing to give their su ...
or design style commonly used in
graphical user interfaces The GUI ( "UI" by itself is still usually pronounced . or ), graphical user interface, is a form of user interface that allows users to interact with electronic devices through graphical icons and audio indicator such as primary notation, inste ...
(GUI) (such as web applications and
mobile app A mobile application or app is a computer program or software application designed to run on a mobile device such as a phone, tablet, or watch. Mobile applications often stand in contrast to desktop applications which are designed to run on d ...
s), 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 Typography is the art and technique of arranging type to make written language legible, readable and appealing when displayed. The arrangement of type involves selecting typefaces, point sizes, line lengths, line-spacing ( leading), ...
, 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, websites are able to load 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 The International Typographic Style, also known as the Swiss Style, is a graphic design style that emerged in Russia, the Netherlands, and Germany in the 1920s and was further developed by designers in Switzerland during the 1950s. The Internati ...
(also known as ''Swiss Style''),
text user interface In computing, text-based user interfaces (TUI) (alternately terminal user interfaces, to reflect a dependence upon the properties of computer terminals and not just text), is a retronym describing a type of user interface (UI) common as an ear ...
s,
modernism Modernism is both a philosophy, philosophical and arts movement that arose from broad transformations in Western world, Western society during the late 19th and early 20th centuries. The movement reflected a desire for the creation of new fo ...
, and the styles emerging from
Bauhaus The Staatliches Bauhaus (), commonly known as the Bauhaus (), was a German art school operational from 1919 to 1933 that combined crafts and the fine arts.Oxford Dictionary of Art and Artists (Oxford: Oxford University Press, 4th edn., 20 ...
. 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 Microsoft Corporation is an American multinational technology corporation producing computer software, consumer electronics, personal computers, and related services headquartered at the Microsoft Redmond campus located in Redmond, Washin ...
released
Windows Media Center Windows Media Center (WMC) is a defunct digital video recorder and media player created by Microsoft. Media Center was first introduced to Windows in 2002 on Windows XP Media Center Edition (MCE). It was included in Home Premium and Ultimate ...
, and in 2006, the
Zune Zune is a discontinued line of digital media products and services marketed by Microsoft from November 2006 until its discontinuation in June 2012. Zune consisted of a line of portable media players, digital media player software for Windows Per ...
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 Windows Phone 7 is the first release of the Windows Phone mobile client operating system, released worldwide on October 21, 2010, and in the United States on November 8, 2010. It runs on the Windows CE 6.0 kernel. It received multiple large upda ...
, which built on the flat design elements introduced with the Zune, formalized as the "
Metro design language Microsoft Design Language (or MDL), previously known as Metro, is a design language created by Microsoft. This design language is focused on typography and simplified icons, absence of clutter, increased content to chrome ratio ("content bef ...
". 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 Windows 8 is a major release of the Windows NT operating system developed by Microsoft. It was released to manufacturing on August 1, 2012; it was subsequently made available for download via MSDN and TechNet on August 15, 2012, and later to ...
PC
operating system An operating system (OS) is system software that manages computer hardware, software resources, and provides common services for computer programs. Time-sharing operating systems schedule tasks for efficient use of the system and may also i ...
. Android began to adopt flat design trends with 4.0 "Ice Cream Sandwich" in 2011; Matias Duarte,
Google Google LLC () is an American Multinational corporation, multinational technology company focusing on Search Engine, search engine technology, online advertising, cloud computing, software, computer software, quantum computing, e-commerce, ar ...
's vice president of design, felt that
Apple An apple is an edible fruit produced by an apple tree (''Malus domestica''). Apple trees are cultivated worldwide and are the most widely grown species in the genus ''Malus''. The tree originated in Central Asia, where its wild ancestor, ' ...
's
iOS iOS (formerly iPhone OS) is a mobile operating system created and developed by Apple Inc. exclusively for its hardware. It is the operating system that powers many of the company's mobile devices, including the iPhone; the term also include ...
was too skeuomorphic,
Windows Phone Windows Phone (WP) is a discontinued family of mobile operating systems developed by Microsoft for smartphones as the replacement successor to Windows Mobile and Zune. Windows Phone featured a new user interface derived from the Metro design l ...
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 iOS 7 is the seventh major release of the iOS mobile operating system developed by Apple Inc., being the successor to iOS 6. It was announced at the company's Worldwide Developers Conference on June 10, 2013, and was released on September 1 ...
, 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 OS X Yosemite ( ; version 10.10) is the eleventh major release of macOS, Apple Inc.'s desktop and server operating system for Macintosh computers. OS X Yosemite was announced and released to developers on June 2, 2014, at WWDC 2014 and rel ...
introduced the iOS 7-styled user interface to Apple's
Mac OS X macOS (; previously OS X and originally Mac OS X) is a Unix operating system developed and marketed by Apple Inc. since 2001. It is the primary operating system for Apple's Mac computers. Within the market of desktop and la ...
operating system. Google began to introduce its own flat design language known as " Material Design" for Android (beginning on Android Lollipop) 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 Animation is a method by which still figures are manipulated to appear as moving images. In traditional animation, images are drawn or painted by hand on transparent celluloid sheets to be photographed and exhibited on film. Today, most ani ...
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 dubbed "Acrylic".


Criticism

Flat design has been criticized for making user interfaces unintuitive and less usable. By making all design elements (menus, buttons, links, etc.) flat, distinguishing what function an element serves may become more difficult, for example, determining whether an element is a button or an indicator. Research has shown that flat design is more popular with young adults than older adults. Research also showed that, while young people seem faster at navigating flat designs, they also have trouble with understanding the user interface. In 2013 Jakob Nielsen, an expert in user interface design and usability, dubbed flat design as a "threat to tablet usability". Nielsen also proposed an alternative, namely a middle-ground between skeuomorphism and flat design. Nielsen group conducted research in 2017 that showed that use of interfaces using flat design was 22% slower on average.


See also

* Corporate Memphis * Minimalism * Skeuomorphism


References


External links

* {{Cite video , title=Why 3D Logos Fell Out of Favor Overnight - Cheddar Explains , url=https://www.youtube.com/watch?v=TfzEPtLPnP4 , publisher=Cheddar , date=2019-03-05 , via=YouTube Design language Graphical user interfaces