Flat Design ist ein Gestaltungsstil für Oberflächen, der auf Schatten, Verläufe und Texturen verzichtet und mit einfarbigen Flächen, klaren Formen und Schrift arbeitet. Er entstand als Gegenbewegung zum Skeuomorphismus, der digitale Elemente wie echte Gegenstände aussehen ließ. Bekannt wurde er mit Windows Phone 7 ab 2010 und iOS 7 im Jahr 2013.
- Flat Design
Ein Gestaltungsstil für Oberflächen, der auf Schatten, Verläufe und Texturen verzichtet und mit Fläche, Farbe und Schrift arbeitet.
Beispiel: „Im Flat Design der App sind die Buttons einfarbige Flächen ohne Schatten.“Abgrenzung zum Skeuomorphismus: Er ahmt Material, Licht und Tiefe nach. Flat Design verzichtet bewusst darauf.
Woher Flat Design kommt
Microsoft stellte Windows Phone 7 am 15. Februar 2010 vor; die Gestaltung trug intern den Namen Metro und nahm sich Beschilderungen in Flughäfen und U-Bahnen zum Vorbild. Mit Windows 8 verbreitete sie sich ab 2011, und Apple folgte im Juni 2013 mit iOS 7.
Das Problem flacher Bedienelemente
In einer Eyetracking-Studie mit 71 Teilnehmenden brauchten Nutzer auf Seiten mit schwachen Hinweisen auf Klickbarkeit 22 Prozent mehr Zeit und 25 Prozent mehr Blicke. Flat Design funktioniert laut Nielsen Norman Group am besten bei wenig Information, gewohntem Layout und deutlich erkennbaren Bedienelementen.
Flat 2.0
Die Weiterentwicklung heißt Flat 2.0 oder fast flach: Sie bleibt reduziert, setzt aber feine Schatten, Lichtkanten und Ebenen ein, damit Bedienelemente erkennbar sind. Ein bekanntes Beispiel ist Material Design.