{"id":9693,"date":"2016-11-24T10:00:20","date_gmt":"2016-11-24T09:00:20","guid":{"rendered":"https:\/\/www.viaprinto.de\/blog\/?p=9693"},"modified":"2024-04-18T11:11:17","modified_gmt":"2024-04-18T09:11:17","slug":"longshadow","status":"publish","type":"post","link":"https:\/\/www.viaprinto.de\/blog\/longshadow\/","title":{"rendered":"Long-Shadow-Illustration: Flat Design der langen Schatten"},"content":{"rendered":"

Das sogenannte Long-Shadow-Design ist eine Variante des Flat Design. Die langen Schlagschatten haben bei \u00dcberschriften-Typografie und in der Illustration an Wichtigkeit gewonnen. Man findet sie aktuell in den meisten Flat-Design-Entw\u00fcrfen. Warum ist das so und welche Vorteile bietet die \u00fcberbetonten Schattenw\u00fcrfe?<\/em><\/p>\n

Tuning des Medien-Designs<\/strong><\/p>\n

Um ein Zeichen oder eine Illustration bei aller Vereinfachung interessant erscheinen lassen, gibt es eine begrenzte Anzahl an grafischen Mitteln. Ein Teil dieser Mittel erzeugt Plastizit\u00e4t und R\u00e4umlichkeit durch Schattierungen oder Schatten. Schlagschatten, wie sie im Long-Shadow-Design eingesetzt werden, findet man inzwischen allerorten. Lange Schatten bei Schriften oder Illustrationen weichen von der reinen Fl\u00e4chigkeit der Darstellung ab, machen sie interessanter und dramatisieren sie. Das Long-Shadow-Design \u00fcberbetont eine Nebens\u00e4chlichkeit und schafft damit neue Seherlebnisse.<\/p>\n

\"longshadow1<\/a>
Die kleine Extension f\u00fcr Adobe Photoshop, \u201cLong Shadow Generator\u201d, l\u00e4sst sich kostenlos downloaden. Sie erscheint in Photoshop im Men\u00fc \u201cFenster\u201d unter \u201cErweiterungen\u201d.
\u00a9Ralf Wasselowski<\/figcaption><\/figure>\n
\"longshadow2<\/a>
Mit zwei Schiebereglern f\u00fcr die L\u00e4nge des Schattens und seine Intensit\u00e4t lassen sich schnell Long Shadows erzeugen. \u00a9Ralf Wasselowski<\/figcaption><\/figure>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

\"longshadow3<\/a>
Daf\u00fcr muss das Element, f\u00fcr das der Schlagschatten erzeugt werden soll, auf einer eigenen Ebene liegen. Wichtig ist, dass vor der Anwendung die Ebene mit dem Element angew\u00e4hlt wird, sonst wird eine Fehlermeldung ausgeworfen.
\u00a9Ralf Wasselowski<\/figcaption><\/figure>\n

Die neue Einfachheit im Flat Design<\/strong><\/p>\n

Das Flat Design ist angetreten, um fotorealistischen Darstellungen bezogen auf Oberfl\u00e4chen, Verl\u00e4ufe oder Schattierungen eine neue Einfachheit entgegen zu setzen. Beim Flat Design werden – wenn \u00fcberhaupt – selbst Spiegelungen stilisiert. Das hei\u00dft, sie haben harte Kanten und laufen nicht weich aus wie beim Skeuomorphismus, der die reale Welt mit sanften \u00dcberg\u00e4ngen nachahmt. Viele Elemente realistischer Darstellungen simulierten m\u00f6glichst wirklichkeitsgetreu die Effekte, die eine nat\u00fcrliche Lichtquelle erzeugen w\u00fcrde. Ihre Mittel sind zarte Verl\u00e4ufe, Spiegelungen, Schattierungen oder sogar Lichtreflexe. Diese M\u00f6glichkeiten wirken aber schnell kitschig oder \u00fcberladen eine grafische Darstellung mit zu viel Information. Im Long-Shadow-Design werden Schatten oft fl\u00e4chig einfarbig dargestellt, es gibt aber auch viele Varianten, die mit kaum merklichen monochromen Verl\u00e4ufen arbeiten.<\/p>\n

Schlagschatten im Long-Shadow-Design<\/strong><\/p>\n

Schatten erzeugen die Illusion einer grundlegenden R\u00e4umlichkeit. Sie sind dunkel und monochrom und lassen sich deshalb gut mit hellen oder bunten Farben kontrastieren. Dabei wirken K\u00f6rperschatten, die sich am bzw. auf dem Objekt selbst befinden, und Schlagschatten zusammen. Der Schlagschatten wird im Long-Shadow-Design in seiner Dimensionierung \u00fcberbetont. Vom Objekt ausgehend verl\u00e4uft er in der Regel bis zur Formatau\u00dfenkante und ist damit fast so dominant wie das Objekt selbst. In seiner T\u00f6nung wird er im Flat Design entweder zur\u00fcckhaltend oder bewusst herausstechend eingesetzt. Oft sieht man auch Schattenvarianten, die mit einem hellen Verlauf, der sich auf die Hintergrundfarbe bezieht, korrespondierenden. Manchmal wird der Schatten als bunte Volltonfarbe realisiert, z.B. bei Schriftz\u00fcgen.<\/p>\n

Long-Shadow-Klarheit<\/strong><\/p>\n

W\u00e4hrend also Verl\u00e4ufe farblich eher zur\u00fcckhaltend eingesetzt werden, bietet die Long-Shadow-Variante des Flat Design im Entwurf gro\u00dfe dunkle bzw. abgedunkelte Fl\u00e4chen. Davon kann sich die Buntheit der Farben absetzen. Ein Beispiel ist das Mottobild dieser Artikelserie.<\/p>\n

Das Dilemma des Flat Design<\/strong><\/p>\n

Visuell steckt das Flat Design grundlegend in einem Dilemma. Es will zwar erkl\u00e4rterma\u00dfen zweidimensional fl\u00e4chig wirken. Wird dies jedoch \u00fcberbetont und zu oft wiederholt, l\u00e4uft sich die zu sachliche Darstellungsform aber schnell tot. Das haben die Medien-Designer erkannt und ihren Flat-Entw\u00fcrfen weitere Effekte hinzugef\u00fcgt – die allerdings dezent eingesetzt werden, damit das Flat Design einigerma\u00dfen \u201cflat\u201d bleibt. Dazu geh\u00f6ren in erster Linie zarte, harmonische Farbverl\u00e4ufe in geometrischen Fl\u00e4chen. Visuelle Dramatik und Originalit\u00e4t liegen dann vor allem in der Art der Vereinfachung. Eine stark stilisierte Grafik in all ihrer Reduziertheit kann so zum Beispiel dennoch eindeutig ein bekanntes Gesicht nachbilden. Diese Vereinfachung ist in ihrer extremen Stilisierung kunstvoll und sorgt f\u00fcr Aufmerksamkeit.<\/p>\n

Long-Shadow-Design f\u00fcr mehr R\u00e4umlichkeit<\/strong><\/p>\n

Das Flat Design kultiviert also die Begrenztheit seiner Mittel, andererseits schr\u00e4nkt es sich damit ein. So sind Verl\u00e4ufe und Schatten Erweiterungsmodule einer unter Umst\u00e4nden zu langweilig-flachen Darstellung geworden. Werden die K\u00f6rperschatten, die Plastizit\u00e4t erzeugen, mit Schlagschatten kombiniert, ergibt sich eine erstaunliche R\u00e4umlichkeit. Und das trotz fehlenden Realismus‘. Dabei ist die \u00dcberbetonung der „Long Shadows“ geradezu aberwitzig augenzwinkernd. Genau betrachtet ist das Long-Shadow-Design eine \u00dcberdramatisierung. Ist die grafische Gesamtkomposition gelungen, stellt sich mithilfe der langen Schatten ein Aha-Effekt ein, der Aufmerksamkeit bringt.<\/p>\n

FAZIT<\/strong><\/p>\n

Ist das Flat Design in seiner reinsten Form sachlich und sogar spr\u00f6de, f\u00fcgt das Long-Shadow-Design dem Entwurf Witz, visuelle Finesse und eine augenf\u00e4llige Dramatisierung hinzu. Das Long-Shadow-Design bettet die Vereinfachung der visuellen Form in ein schattiertes grafisches Umfeld ein. Dieses basiert auf gelernten Sehgewohnheiten, f\u00fcr die Schattenw\u00fcrfe und Schattenwirkungen wichtig sind. Denn sie dienen der r\u00e4umlichen Einordnung und machen aus dem illustrativen Grafik-Design einen Eyecatcher, der ins Auge f\u00e4llt.<\/p>\n

SERVICE<\/strong><\/p>\n

Wo findet man Long-Shadow-Generatoren, -Online-Tools, -Beispiele und -Tutorials? Wir haben f\u00fcr unsere Leser ein paar Webadressen zusammengestellt:<\/p>\n