{"id":9568,"date":"2016-10-27T11:00:41","date_gmt":"2016-10-27T09:00:41","guid":{"rendered":"https:\/\/www.viaprinto.de\/blog\/?p=9568"},"modified":"2016-10-27T11:00:41","modified_gmt":"2016-10-27T09:00:41","slug":"flatdesign","status":"publish","type":"post","link":"https:\/\/www.viaprinto.de\/blog\/flatdesign\/","title":{"rendered":"Reduce to the flat: Wie relevant ist Flat Design?"},"content":{"rendered":"

Was ist Flat Design?<\/strong><\/p>\n

Die Darstellungsweisen im Mediendesign haben zurzeit einen gemeinsamen Nenner: das Flat Design. Diese Gestaltungsrichtung kommt aus dem Webdesign, wird aber inzwischen medien\u00fcbergreifend auch im Print-Bereich verwendet. Es verzichtet auf alles, was eine einfache Darstellung verkompliziert: keine Schn\u00f6rkel oder Verzierungen, keine Texturen oder kleinteiligen Oberfl\u00e4chen, keine Verl\u00e4ufe, Spiegelungen, Verzerrungen, Transparenzen oder Schattenw\u00fcrfe, und keine dreidimensional wirkenden Elemente.<\/p>\n

\"metrodesign<\/a>
Das Metrodesign von Microsoft initiierte den Trend des Flat Designs. \u00a9Microsoft<\/figcaption><\/figure>\n

Merkmale der Flat Design-Gestaltung sind neben illustrativen Elementen der Einsatz gro\u00dfer Farbfl\u00e4chen und Farbbalken sowie einfacher serifenloser Schriften. Die Fl\u00e4che kann den Hintergrund einer Drucksache bilden oder ein Infokasten auf der Webseite sein. Auch Elemente wie Gesch\u00e4ftsgrafiken sind in dieser Stilistik angelegt.<\/p>\n

\u201eFlat\u201c zu gestalten ist die R\u00fcckf\u00fchrung von zu viel visueller Information auf das formal Wichtige. Denn in einer Welt, in der vieles un\u00fcbersichtlich ist, strebt man nach Einfachheit der Darstellung, Reduktion der Information, nach pr\u00e4gnanter Strukturierung und Hierarchisierung der Inhalte \u2013 und damit nach einer \u00dcbersichtlichkeit, die Orientierung schafft. Flat Design ist ein neuer Minimalismus, der sich nicht nur auf das einzelne dargestellte Zeichen, sondern insgesamt auf den Gestaltungsstil bezieht. Flat Design ist also sowohl ein Illustrationsstil als auch ein Gestaltungsstil.<\/p>\n

Als das Flat Design entstand<\/strong><\/p>\n

2013 wurde Flat Design zum Trend. Der Ausl\u00f6ser war, dass Konzerne wie Google, Facebook, Apple und Microsoft das Flat Design f\u00fcr sich entdeckt hatten und ihr Corporate Design darauf umstellten. Dieser Trend fiel mit der immer st\u00e4rkeren Nutzung kleinerer Bildschirme von Smartphones zusammen, bei denen es auf \u00dcbersichtlichkeit ankam. Es ging darum, den zur Verf\u00fcgung stehenden Raum optimal zu nutzen. Schon lange war im Printdesign ein Credo, dass Logos oder Piktogramme so vereinfacht sein m\u00fcssen, dass sie selbst in kleinen Abbildungsma\u00dfst\u00e4ben gut erkennbar sind. Das wurde vom Webdesign aufgegriffen, und vom Screendesign schwappte die Flat Design-Welle wieder zur\u00fcck ins Printdesign. Das Flat Design modernisiert damit alt hergebrachte Designauffassungen.<\/p>\n

Geschichte und Herkunft des vereinfachten Designs<\/strong><\/p>\n

Pionier des Flat Design war 2010 Microsoft mit seinem Betriebssystem Windows Phone 7. Zwei Jahre sp\u00e4ter wurde die bunte Kachel-Gestaltung f\u00fcr Schaltfl\u00e4chen in Windows-8-Desktop als sogenannter Metro-Style<\/em> (sp\u00e4ter in Modern UI<\/em> umgetauft) eingef\u00fchrt. Googles<\/a> Mobil-Betriebssystem Android 4 setzt 2013 eine Vorversion von Flat Design ein, 2014 realisierte Google sein sogenanntes Material Design,<\/a> das deutlich reduzierter war als vorher aber nicht v\u00f6llig \u201eflat\u201c. Daf\u00fcr hat sich die Bezeichnung \u201e<\/em>Almost Flat Design\u201c<\/em> eingeb\u00fcrgert, die ein Flat Design mit Kompromissen meint. (\u00dcbersetzt etwa: \u201eBeinahe-Flat Design\u201c.) Im gleichen Jahr kam Apples iOS 7 gestalterisch vereinfacht daher und auch Facebook ver\u00f6ffentlichte eine \u00dcberarbeitung seiner Benutzeroberfl\u00e4che.<\/p>\n

Varianten des Flat Design<\/strong><\/p>\n

W\u00e4hrend das urspr\u00fcngliche Flat Design fl\u00e4chig und nicht linear war und keine Farbnuancen oder Verl\u00e4ufe enthielt, haben sich inzwischen Mischformen entwickelt. Das aktuelle Flat Design arbeitet auch mit Linien und zudem mit d\u00fcnnen gro\u00dfen Schriften, sodass es feiner und weniger fl\u00e4chig wirkt als anfangs. Google benutzt leichte Verl\u00e4ufe oder Schatten. Auch wenn Flat Design frische Farben und Buntheit in die Entwurfslandschaft gebracht hat, gibt es zahlreichen Entw\u00fcrfe, die dies zur\u00fcckgenommen haben und nur mit einer Grundfarbe in Tonwerten arbeiten.<\/p>\n

\"\u00a9Shell\"<\/a>
Von links nach rechts ein Ausschnitt aus der Entwicklung des Shell-Logos aus den Jahren 1909, 1930, 1955 und 1971. Das letzte Logo zeigt, dass es schon in den 1970er-Jahren Designstilistiken gab, die dem Flat Design sehr nahe kamen.
\u00a9Shell<\/figcaption><\/figure>\n

 <\/p>\n

Vom Grafikdesign der Verangenheit zur Jetztzeit<\/strong><\/p>\n

Zum Teil greift das Flat Design auf fast ein Jahrhundert alte Gestaltungstugenden zur\u00fcck, zum Teil bringt es Neues in das Mediendesign. Immer schon haben Designer Zeichen wie Piktogramme oder<\/p>\n

\"\u00a9Otl<\/a>
Piktogrammsystem von Otl Aicher anl\u00e4sslich der Olympischen Spiele 1972.
\u00a9Otl Aicher<\/figcaption><\/figure>\n

Unternehmenssignets stark vereinfacht und auf reduzierte Formen zur\u00fcckgef\u00fchrt. Bekannt war die Kunstschule Staatliches Bauhaus<\/em><\/a>,<\/em> die zwischen 1919-1933 gestalterisch stilbildend wirkte. Ihr Credo war unter anderem die Kopplung von Vereinfachung und Funktionalit\u00e4t. Auch die Hochschule f\u00fcr Gestaltung Ulm <\/em>(1953-1968), \u00fcbte gro\u00dfen Einfluss auf einen reduktionistischen Gestaltungsstil im Printdesign aus. Schn\u00f6rkellosigkeit, \u00dcbersichtlichkeit und Strukturierung einer Drucksache waren hier zentral. Einer der Initiatoren der Hochschule, Otl Aicher<\/a>, sollte 1972 die Olympischen Spiele in M\u00fcnchen gestalterisch betreuen. Dabei hat er ein ber\u00fchmt gewordenes Piktogrammsystem<\/a> geschaffen, das als Einfluss auf die Icongestaltung des Flat Design gelten kann.<\/p>\n

Flach gegen gew\u00f6lbt: Flat Design gegen Skeumorphismus<\/strong><\/p>\n

Das Flat Design ist eine Reaktion auf zu viel Realismus im Design. Vor dem Flat Design war Skeumorphismus das gestalterische Gebot der Stunde. Der Begriff stammt aus dem Produktdesign und meint das Nachahmen von Materialien und Oberfl\u00e4cheneigenschaften. Im Internet war es schick, Designelemente dreidimensional wirken zu lassen, mit Schlag- oder K\u00f6rperschatten r\u00e4umlich abzubilden oder mit Transparenzen, Farbverl\u00e4ufen und Spiegelungen realistischer wirken zu lassen. Auf dem Bildschirm sollte alles m\u00f6glichst wie in der realen Welt wirken. Irgendwann musste diese Opulenz dazu f\u00fchren, dass man sich diese \u00fcberfrachtete virtuelle Welt sattgesehen hat.<\/p>\n

Kritik am Flat Design<\/strong><\/p>\n

Man kann Designtrends als Erm\u00fcdungserscheinungen<\/a> deuten: Sind die Designer eines dominierenden Design-Stils \u00fcberdr\u00fcssig, tendieren sie zum Gegenteil. Auf Komplexit\u00e4t folgt Einfachheit, auf Dreidimensionalit\u00e4t Zweidimensionalit\u00e4t, auf Einfarbigkeit Mehrfarbigkeit. Auf den Fotorealismus der App-Icons folgte die Stilisierung des Flat Design. Dessen Einfachheit der Anfangstage hat sich inzwischen weiter differenziert. Mit dem Longshadow-Design zum Beispiel sind dominante Schatten Bestandteil mancher Flat Design-Entw\u00fcrfe geworden. Neben der Kritik, dass solche Varianten wieder mehr Kompliziertheit in die Darstellungen bringen, sind die Kritikpunkte am Flat Design:<\/p>\n