HOME

TheInfoList



OR:

Flat design is a minimalist
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 A graphical user interface, or GUI, is a form of user interface that allows user (computing), users to human–computer interaction, interact with electronic devices through Graphics, graphical icon (computing), icons and visual indicators such ...
(GUI) (such as
web application A web application (or web app) is application software that is created with web technologies and runs via a web browser. Web applications emerged during the late 1990s and allowed for the server to dynamically build a response to the request, ...
s 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 smartphone, phone, tablet computer, tablet, or smartwatch, watch. Mobile applications often stand in contrast to desktop appli ...
s), and also in graphical materials such as
poster A poster is a large sheet that is placed either on a public space to promote something or on a wall as decoration. Typically, posters include both typography, textual and graphic elements, although a poster may be either wholly graphical or w ...
s, 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 Typesetting, arranging type to make written language legibility, legible, readability, readable and beauty, appealing when displayed. The arrangement of type involves selecting typefaces, Point (typogra ...
, 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
download In computer networks, download means to ''receive'' data from a remote system, typically a server such as a web server, an FTP server, an email server, or other similar systems. This contrasts with uploading, where data is ''sent to'' a remote ...
ed 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 is a systemic approach to graphic design that emerged during the 1930s–1950s but continued to develop internationally. It is considered the basis of the Swiss style. It expanded on and formalized the modern ...
(also known as ''Swiss Style''), text user interfaces,
modernism Modernism was an early 20th-century movement in literature, visual arts, and music that emphasized experimentation, abstraction, and Subjectivity and objectivity (philosophy), subjective experience. Philosophy, politics, architecture, and soc ...
, and the styles emerging from
Bauhaus The Staatliches Bauhaus (), commonly known as the , was a German art school operational from 1919 to 1933 that combined Decorative arts, crafts and the fine arts.Oxford Dictionary of Art and Artists (Oxford: Oxford University Press, 4th edn., ...
. 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 corporation and technology company, technology conglomerate headquartered in Redmond, Washington. Founded in 1975, the company became influential in the History of personal computers#The ear ...
released
Windows Media Center Windows Media Center (WMC) is a discontinued 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 U ...
, 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 Letter case is the distinction between the letters that are in larger uppercase or capitals (more formally ''majuscule'') and smaller lowercase (more formally '' minuscule'') in the written representation of certain languages. The writing system ...
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 In typography and lettering, a sans-serif, sans serif (), gothic, or simply sans letterform is one that does not have extending features called "serifs" at the end of strokes. Sans-serif typefaces tend to have less stroke width variation than ...
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 Software release life cycle#Release to manufacturing (RTM), released to manufacturing on August 1, 2012, made available for download via Microsoft ...
PC
operating system An operating system (OS) is system software that manages computer hardware and software resources, and provides common daemon (computing), services for computer programs. Time-sharing operating systems scheduler (computing), schedule tasks for ...
. 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 and technology company focusing on online advertising, search engine technology, cloud computing, computer software, quantum computing, e-commerce, consumer electronics, and artificial ...
's vice president of design, felt that
Apple An apple is a round, edible fruit produced by an apple tree (''Malus'' spp.). Fruit trees of the orchard or domestic apple (''Malus domestica''), the most widely grown in the genus, are agriculture, cultivated worldwide. The tree originated ...
's
iOS Ios, Io or Nio (, ; ; locally Nios, Νιός) is a Greek island in the Cyclades group in the Aegean Sea. Ios is a hilly island with cliffs down to the sea on most sides. It is situated halfway between Naxos and Santorini. It is about long an ...
was too skeuomorphic,
Windows Phone Windows Phone (WP) is a discontinued mobile operating system developed by Microsoft Mobile for smartphones as the replacement successor to Windows Mobile and Zune. Windows Phone featured a new user interface derived from the Metro design languag ...
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 18 ...
, which shifted to a flat UI design with use of brighter colors, typography, as well as blurred,
translucent In the field of optics, transparency (also called pellucidity or diaphaneity) is the physical property of allowing light to pass through the material without appreciable light scattering by particles, scattering of light. On a macroscopic scale ...
overlays. The following year, OS X Yosemite 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, Unix-based operating system developed and marketed by Apple Inc., Apple since 2001. It is the current operating system for Apple's Mac (computer), Mac computers. With ...
operating system. Google began to introduce its own flat design language known as "
Material Design Material Design (codename Quantum Paper) is a design language developed by Google in 2014. Expanding on the "cards" UI that debuted in Google Now, Material Design uses more grid-based layouts, responsive animations and transitions, padding, an ...
" for Android (beginning on Android 5.0 "Lollipop") and its other platforms, which is based on
index card An index card (or record card in British English and system cards in Australian English) consists of card stock (heavy paper) cut to a standard size, used for recording and storing small amounts of discrete data. A collection of such cards ei ...
-like sheets and the use of shadows to promote depth and hierarchy, as well as smooth
animation Animation is a filmmaking technique whereby still images are manipulated to create moving images. In traditional animation, images are drawn or painted by hand on transparent celluloid sheets to be photographed and exhibited on film. Animati ...
s and transitions. In 2017, Microsoft unveiled the
Fluent Design System Fluent Design System (codenamed "Project Neon") is a design language developed in 2017 by Microsoft. Fluent Design is a revamp of Metro (design language), Microsoft Design Language 2 that includes guidelines for the designs and interactions u ...
, a new flat user interface. This new interface departs from its predecessor, Metro, through the use of depth, interface
feedback Feedback occurs when outputs of a system are routed back as inputs as part of a chain of cause and effect that forms a circuit or loop. The system can then be said to ''feed back'' into itself. The notion of cause-and-effect has to be handle ...
, and a new translucency effect Microsoft 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 according to which the use of interfaces using flat design was 22% slower on average.


See also

* Corporate Memphis *
Minimalism In visual arts, music, and other media, minimalism is an art movement that began in the post-war era in western art. The movement is often interpreted as a reaction to abstract expressionism and modernism; it anticipated contemporary post-mi ...
* Swiss Style (design) * Skeuomorphism * Neumorphism


References

{{Reflist Design languages Graphical user interfaces