Flat Design als vereinfachender Stil entwickelt sich gerade im Bereich der Illustration immer weiter. Neben den alt bekannten Icons im Web, die \u201cflat\u201d gestaltet sind, gibt es Illustratoren, die Elemente des Flat Designs \u00fcbernehmen und ihre eigene Variante daraus entwickeln. Dabei kann sogar eine recht komplexe illustrative Darstellung entstehen, die sich dennoch der reduzierten Formensprache des Flat Design bedient. Flat Design ist als Illustrationsstil so aufregend, weil das Spiel mit der Einfachheit weit weniger einfach ist, als man denken mag: mit begrenzten Mitteln, den maximalen Ausdruck zu finden, ist schwer.<\/p>\n
<\/p>\n
Vereinfachung f\u00fcr bessere Wahrnehmung<\/strong><\/p>\n Flat Design l\u00e4sst alles visuell Verzichtbare weg. Doch was kann das f\u00fcr eine Illustration bedeuten? Dass eine starke Reduktion und Vereinfachung in bestimmten Bereichen notwendig ist, ist Basiswissen im Mediendesign. Das bezieht sich zum Beispiel auf den Abbildungsma\u00dfstab: wird eine Illustration sehr klein wiedergegeben, sollte ihre Formensprache vereinfacht werden. Denn das Auge kann die winzigen Details kaum wahrnehmen.<\/p>\n Zu den illustrativen Symbolen, die seit jeher vereinfacht werden, geh\u00f6ren Verkehrszeichen, Piktogramme und Fahnen \u2013 also alles, was schnell oder unter erschwerten Bedingungen wahrgenommen werden muss. Auch der Aspekt der Wichtigkeit eines Zeichens ist hier entscheidend. Was also unbedingt wahrgenommen werden muss \u2013 wie ein Verkehrszeichen oder ein Gefahrensymbol auf einer Lackdose \u2013 wird m\u00f6glichst klar und eindeutig dargestellt. Die Reduktion der Information erleichtert es Auge und Gehirn, die visuelle Information umso schneller wahrzunehmen, weil sie klar und deutlich \u00fcbermittelt wird.<\/p>\n <\/p>\n Ist die Flat-Design-Illustration zu emotionslos?<\/strong><\/p>\n Dieser Ansatz gilt auch f\u00fcr Illustrationen im Flat Design, die grafisch reduziert sind und mit wenig Farben und Elementen Wirkung erzeugen. Doch wie verh\u00e4lt es sich bei gr\u00f6\u00dferen Abbildungen? Sind die nicht zu uninteressant, weil sie zu einfach sind? Neben der starken Stilisierung, bei der Details, an denen sich das Auge festhalten kann, wegfallen, gibt es ein weiteres Problem. Die mangelnde Komplexit\u00e4t der Darstellung hat nicht nur formale Auswirkungen, sondern auch inhaltliche: stark vereinfachte Illustrationen, die zudem geometrisch und glatt gestaltet sind, wirken konstruiert und damit sachlich. Sie sprechen weniger das Gef\u00fchl an und mehr den Kopf. Visualit\u00e4t jedoch soll Gef\u00fchle ansprechen, wecken oder sogar provozieren. Kann da die Flat-Illustration auf der Geburtstagskarte oder als Gesch\u00e4ftsgrafik in einem Wirtschaftsmagazin taugen?<\/p>\n <\/p>\n Es gibt mehrere Antworten darauf:<\/em><\/strong><\/p>\n <\/p>\n Die 5 Darstellungsweisen der Flat-Design-Illustration<\/strong><\/p>\n \u201e\u2026ein Zeichen ist gut, wenn man es mit dem gro\u00dfen Zeh in den Sand kratzen kann!\u201c<\/em> hat Prof. Kurt Weidemann, einer der gro\u00dfen Grafik Designer in Deutschland, einmal gesagt. Flat Design-Illustrationen folgen diesem Anspruch mit unterschiedlich einfachen Darstellungsweisen. Manch ein Designer interpretiert das Flat Design puristisch ein anderer legt es gro\u00dfz\u00fcgiger aus. Es ist ein Unterschied, rein fl\u00e4chig zu illustrieren, ohne Schatten und Verl\u00e4ufe \u2013 oder doch wieder damit zu arbeiten. Auch der Detaillierungsgrad ist entscheidend. Wir stellen 5 M\u00f6glichkeiten vor.<\/p>\n Ein minimalistisch illustrierender Designer setzt sich die Aufgabe, Komplexit\u00e4t stark zu vereinfachen. Das schlie\u00dft mit ein, dass Formen einfach gehalten werden und die Darstellung alles vermeidet, was einen r\u00e4umlichen Eindruck hinterl\u00e4sst. Es wird in diesem einfachsten Ansatz also ausschlie\u00dflich fl\u00e4chig gearbeitet, nicht linear, es gibt keine Schatten, Verl\u00e4ufe, Transparenzen oder Spiegelungen.<\/p>\n Diese Regeln der Einfachheit, die alles weglassen, was die visuelle Komplexit\u00e4t erh\u00f6ht, kennt man bereits: von der Markenentwicklung, vom Design von Orientierungssystemen oder beim Schriftdesign. Die Regeln beim Flat Design basieren darauf und \u00fcberf\u00fchren diese strengste Auffassung in die Illustration – was gleicherma\u00dfen \u00dcbung und Herausforderung ist, ob man auch mit begrenzten Mitteln \u00fcberzeugen kann.<\/p>\n Die Beispiel-Illustration oben arbeitet mit drei Farben und Fl\u00e4chen. Alle Details des Gl\u00fchfadens oder des Gewindes sind weggefallen und abstrahiert. Ein anderes Beispiel<\/a>. Etwas zu abstrahieren, bedeutet, das Wesentliche des Dargestellten zu erkennen und visuell mit einfachsten Mitteln darzustellen. Im Beispiel oben werden der gelbe Glask\u00f6rper der Gl\u00fchbirne und ihr blauer Gewindebereich unten durch eine Schattierung von rechts erg\u00e4nzt. Beide Schattierungen sind wieder reine Fl\u00e4chen ohne Au\u00dfenkontur und ohne Verl\u00e4ufe. Aus den zwei Fl\u00e4chen des stilisierten Gegenstandes sind nun insgesamt vier geworden. Der Detaillierungsgrad ist gering aber vorhanden. Ein weiteres Beispiel einer detaillierteren Illustration.<\/a> <\/p>\n Die immer noch formreduzierte Zeichnung verf\u00fcgt neben den K\u00f6rperschatten, die in Beispiel 2 hinzugef\u00fcgt wurden, \u00fcber einen einfarbigen Schlagschatten nach rechts unten. Diese Stilistik mit langen Schlagschatten nennt man Long Shadow Flat Design Illustration<\/em>. Ebenfalls dazu gekommen ist links oben auf der Birne ein wei\u00dfer Lichtreflex. Aus den anf\u00e4nglichen zwei Gegenstandsfl\u00e4chen und einer Hintergrundfl\u00e4che sind insgesamt sieben Fl\u00e4chen geworden. Ein weiteres Beispiel.<\/a><\/p>\n Wie bei Googles Material-Design werden hier kaum bewusst wahrnehmbare monochrome Farbverl\u00e4ufe eingesetzt. Sie unterstreichen und verst\u00e4rken zur\u00fcckhaltend einfache Schattierungen und bringen korrespondierend mit ihnen mehr R\u00e4umlichkeit. Ein weiteres Beispiel.<\/a><\/p>\n Manchmal arbeiten Illustratoren aufwendig und detailliert, nutzen aber dennoch die fl\u00e4chig-geometrische Darstellungsweise des Flat Design. Sie greifen dabei die augenf\u00e4lligen Elemente auf, illustrieren aber mit mehr Details, als beim Flat Design \u00fcblich. Im Beispiel oben sind der Gl\u00fchbirne stilisierte Lichtstrahlen als kleine Dreiecke hinzugef\u00fcgt worden wie auch ein angedeutetes Gewinde. Je mehr an Gestaltungselementen hinzugef\u00fcgt werden, desto h\u00f6her die Komplexit\u00e4t, und irgendwann verschwindet die Einfachheit und schnelle Wahrnehmung. Ein weiteres Beispiel.<\/a><\/p>\n <\/p>\n Humorvolle Abstraktion<\/strong><\/p>\n Etwas Kompliziertes wie z.B. ein Schauspielergesicht illustrativ auf seine Grundformen zu reduzieren, das kennt man aus der Karikatur. Es liegt nahe, dass eine solche Darstellung in Flat-Design-Stilistik eher sachlich und weniger witzig ausfallen m\u00fcsste. Flat Designer haben sich aber zum Teil einen Spa\u00df daraus gemacht, bekannte Figuren aus Filmen wie Star Wars mit reduzierten Mitteln darzustellen. Das wirkt \u00fcberraschenderweise dann doch witzig und grafisch originell und geh\u00f6rt zu den Sternstunden des Flat Design. Der visuelle Kniff ist hier die \u00dcberbetonung der Sachlichkeit, die in ihrer an sich gegenteiligen Formensprache einen \u00dcberraschungseffekt generiert. Ein Beispiel.<\/a><\/p>\n <\/p>\n FAZIT<\/strong><\/p>\n Wie jeder andere illustrative Stil ist Flat Design nicht fest gemei\u00dfelt, sondern lebt und wandelt sich. Dabei ist die Tendenz, von der absoluten Einfachheit wieder wegzugehen. Es entstehen so Illustrationen, die nicht mehr schnell wahrnehmbar sind, sich aber dennoch um eine \u00d6konomie der visuellen Mittel bem\u00fchen. Flat Design hat die Illustrations-Szene mit dem Impuls zur Einfachheit bereichert \u2013 was nicht immer gleich zum gr\u00f6\u00dftm\u00f6glichen Minimalismus f\u00fchren muss.<\/p>\n <\/p>\n <\/p>\n In dieser Serie ist bisher erschienen:<\/p>\n Reduce to the Flat: Wie relevant ist Flat Design?<\/a><\/p>\n Flat und flott: In der zweiten Folge zum Flat Design befassen wir uns mit der Kunst des Weglassens in der Illustration. Denn Flat Design f\u00fchrt gerade dort mit seiner Vereinfachung zu ungewohnten Ergebnissen. Wir zeigen verschiedene Auspr\u00e4gungen, wie in diesem Illustrationsstil vereinfacht wird.<\/p>\n","protected":false},"author":7,"featured_media":9563,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[5],"tags":[230],"class_list":["post-9632","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-layout","tag-flat-design-illustration"],"mb":[],"acf":[],"yoast_head":"\n\n
![\"1flat](\"https:\/\/www.viaprinto.de\/blog\/wp-content\/uploads\/2016\/11\/flatdesign_birne1.jpg\")
<\/a><\/p>\n\n
<\/a><\/p>\n\n
<\/a><\/p>\n\n
<\/a><\/p>\n\n
<\/a><\/p>\n\n
<\/a>