Flat Design

Der Begriff Flat Design (aus dem Englischen flat flach und design Gestaltung) hat seinen Ursprung im Interfacedesign. Es handelt sich um einen grafisch minimalistischen Gestaltungsstil.

Geschichte

2010 wurde Flat Design in Windows Phone 7 verwendet. 2012 wurde es mit dem Erscheinen von Windows 8 in größerer Breite wahrgenommen.

2013 setzte auch Apple mit seinem Betriebssystem iOS 7 Elemente des Flat Design ein,[1] Googles Smartphone-Betriebssystem Android folgt ab Version 5 im November 2014 diesem Gestaltungsprinzip (unter der Marketing-Bezeichnung Material Design[2]), machte allerdings schon ab der Vorgängerversion 4 zum Teil Gebrauch vom Flat Design.[3]

Ab Herbst 2017 begann Microsoft in Windows 10, die Flat-Design-Optik zum Fluent Design System zu ändern, das eine Rückkehr zur halbtransparenten Milchglasoptik darstellt.[4][5]

Allgemeines

Beim Flat Design wird auf eine realistische Darstellung von Texturen, Verzierungen, Schlagschatten und dreidimensionalen Elementen verzichtet. Die Gestaltung unterliegt stilistischen Beschränkungen und ist auf wesentliche Elemente reduziert. Das Flat Design steht formal der Gestaltung der europäischen Moderne nahe.[6]

Farbe wird im Flat Design oft intensiv eingesetzt; beispielsweise ist Windows 8 deutlich bunter als die Vorversion.[7]

Skeuomorphismus als Gegensatz zum Flat Design

Gegensatz zum Skeuomorphismus

Flat Design hat sich als Gegenstrom zum Skeuomorphismus entwickelt,[8] bei dem reale Abbildungen (wie eine analoge Uhr, ein analoger Kompass) mit Papiertexturen und Farbverläufen eingesetzt werden, um reale Interaktionen im Interfacedesign nachzubilden. Auf diese Weise werden mögliche Interaktionen wie „einen Knopf drücken“ vom Benutzer sofort erkannt.

Bei der Entwicklung dieser neuen reduzierten Bildsprache wurde die Notwendigkeit, reale Gegenstände und Funktionen nachzubilden, hinterfragt und weitgehend darauf verzichtet.

Literatur

Einzelnachweise
  1. Design in iOS 7 - Digitale Fastenzeit. Süddeutsche Zeitung, 18. September 2013
  2. Material design – Google design guidelines. google.com, abgerufen am 20. Mai 2015 (englisch).
  3. Flat Design – Was es ist, warum es bleibt. Uhr-App von Android 4 als ein Beispiel für Flat Design. manx.de, 27. Juni 2013, abgerufen am 20. Mai 2015.
  4. golem.de: Microsoft zeigt Fluent Design im Detailvideo
  5. microsoft.com: The Fluent Design System for UWP apps
  6. Lindsay Kramer: Flat design and semi-flat design: what it is and how to use it. 2018, abgerufen am 19. Dezember 2021.
  7. Weg vom Fenster – Ein Blick auf die Beta-Version von Windows 8. heise.de, März 2012, abgerufen am 18. Januar 2014.
  8. What is flat design? creativebloq.com, 12. März 2013, abgerufen am 18. Januar 2014 (englisch).
This article is issued from Wikipedia. The text is licensed under Creative Commons - Attribution - Sharealike. Additional terms may apply for the media files.