Drücke die Tasten ◄ ► für weitere Artikel  

Long-Shadow-Design: Flat Design wirft lange Schatten

Während viele Designer anfangen, das Flat-Design-Phänomen in ihren Design-Alltag zu lassen, scheint eine andere Gruppe nach dem Next Big Thing im Design zu suchen. Mit Long-Shadow-Design schaffen sie eine Erweiterung der Flat-Design-Ästhetik, die sich, anders als der Name vielleicht vermuten lässt, definitiv sehen lassen kann. Wir verraten euch mehr zum Long-Shadow-Trend.

Long-Shadow-Design: Flat Design wirft lange Schatten

Nur wenige Monate, nachdem Flat-Design die große Runde gemacht hat, ist es zum festen Bestandteil der Design-Landschaft geworden. Unzählige Websites und Apps folgen dem Trend der minimalistischen Interface-Gestaltung und machen Flat-Design vom Novum zum Mainstream-Phänomen. Höchste Zeit für einen neuen Design-Trend, dem man folgen kann: Long-Shadow-Design bahnt sich jetzt den Weg in verschiedene Projekte.

Wie der Name schon vermuten lässt, wird beim Long-Shadow-Design auf den überproportionalen Einsatz von Schlagschatten gesetzt. Entgegen der Erwartungen: In Kombination mit den grundlegenden Maximen des Flat-Designssieht Long-Shadow-Design auch noch verdammt gut aus.

Long Shadow Design
Social-Media-Icons im Long-Shadow-Design.

Prinzipien des Long-Shadow-Design

Wie auch Flat-Design, ist Long-Shadow-Design nicht neu. Das minimalistische Design-Prinzip folgt einem einfachen Muster: Jedes Objekt in deinem muss einen „flachen“, diagonal abgehenden (in der Rwegel 45 Grad), zweidimensionalen Schatten enthalten, der mindestens die 2,5-fache Größe des Objektes hat. Durch die überproportionale Größe des Schattens kann der fast nicht mehr als Schatten identifiziert werden und wird zu einem ansprechenden Design-Element.

Bist du bereit für Long-Shadow-Design?

Einige bezeichnen das Long-Shadow-Design als „den Nachfolger des Flat-Design“. Insgesamt betrachtet ist Long-Shadow-Design aber eher als Weiterentwicklung in der großen Flat-Design-Bewegung anzusehen.

Long-Shadow-Design basiert auf den ästhetischen Ansätzen von Flat-Design, trägt diese weiter und verleiht ihnen eine zusätzliche Perspektive. Ob es gefällt oder nicht, bleibt auch in diesem Fall eher Geschmackssache. So oder so – in Zukunft werden wir mehr Designs in diesem Stil im Web und in Apps wiederfinden können.

Wenn du jetzt darauf brennst, mit Long-Shadow-Design loszulegen, könnte dieser Long-Shadow-Design-Generator dich interessieren. Zur Inspiration haben wir einige Beispiele in unserer Long-Shadow-Design-Galerie für dich zusammengestellt.

Weiterführende Links zum Thema „Flat-Design“

148 Shares bis jetzt – Dankeschön!

Bewerten
VN:F [1.9.22_1171]
16 Antworten
  1. von André Köbel am 31.07.2013 (09:10Uhr)

    Hab erst neulich für einen Bekannten ein Photoshop Tutorial dazu geschrieben: http://www.the-webdesign.net/blog/long-shadow-design-photoshop-tutorial/ - vllt. für den ein oder anderen hilfreich. :)

  2. von Gepard am 31.07.2013 (09:27Uhr)

    Mensch, welch ein Geschwurbel. So viel schwammige Formulierungen und Du-Botschaften habe ich hier noch nie gelesen. Würde mich nicht wundern, wenn die Schattenlänge im kostenlosen Generator beschränkt ist und mehr dann Geld kostet. Hol die noch heute den Long-Tail. Amen

  3. von Timo am 31.07.2013 (09:41Uhr)

    Fast alles, was man bisher dazu sah, beschränkt sich auf Ikono- und Typografie. Möchte erstmal eine ganze Seite o.ä. in dem Stil sehen, bevor ich es das „next big thing“ schimpfe ...

  4. von Mario am 31.07.2013 (10:01Uhr)

    Ich bin ja mal gespannt, wann der erste Artikel mit der Überschrift "Flat-Design mit Box-Shadow" kommt.

  5. von s. am 31.07.2013 (10:17Uhr)

    @Mario

    ... oder Flat-Design im 3D-Look.

  6. von Martin am 31.07.2013 (10:46Uhr)

    Mir gefällt's.
    Schätze Long Shadow Design wird sich etwas länger halten.

  7. von PlaceIt: Per Drag & Drop schicke Pro… am 31.07.2013 (13:30Uhr)

    [...] Long-Shadow-Design: Flat Design wirft lange Schatten – t3n News [...]

  8. von skp am 31.07.2013 (14:45Uhr)

    nein

  9. von Mike am 31.07.2013 (15:17Uhr)

    Bin der selben Meinung wie Timo: Für Icons / Logos sieht das ja nicht schlecht aus, aber wie ein gesamtes Projekt im Sinne von Flat-Design + Long Shadow aussehen soll, ist noch schwer vorstellbar. Vor allem da die Schattierungen ja eigentlich dem sauberen und aufgeräumten Design der Flat-Philosophie widersprechen.

    Ich denke es wird ein Trend für Logos, Icons und evtl. auch Buttons - nicht mehr.

  10. von Jörg am 31.07.2013 (23:03Uhr)

    Als ich zum ersten mal in einem Blog darüber las (ist schon ein bissl her), empfand ich das Ganze eher als Persiflage auf den Flat Design Trend. Es sieht schon gut aus... Ich frage mich nur warum man etwas simples wie Flat Design nun wieder komplex macht, nur um "Design" draufzuschreiben.

  11. von nrwision am 01.08.2013 (18:42Uhr)

    Euer Artikel hat uns inspiriert, den Sprung zu wagen und die klobigen Icons auf unserer Website durch neue zu ersetzen. Hier ein paar Entwürfe im "Long Shadow Design":
    http://www.facebook.com/media/set/?set=a.10151772034933872.1073741843.119629428871&type=1

  12. von Der neue alte Designtrend wirft lange Sc… am 02.08.2013 (18:27Uhr)

    [...] Glossy oder Microsoft minimalistic? Gerade habe ich auf t3n einen Beitrag über die Nextdesign Prognose gelesen. Sie nennen Ihn den Longshadow und er gefällt mir sehr gut. [...]

  13. von UX: Jakob Nielsen über die Gefahren des… am 07.08.2013 (08:30Uhr)

    […] Long-Shadow-Design: Flat Design wirft lange Schatten – t3n News […]

  14. von Nox: Schicke Icons im Long-Shadow-Stil f… am 20.09.2013 (12:27Uhr)

    […] Set besteht aus über 1225 Icons, welche allesamt sehr minimalistisch im Long-Shadow-Stil daherkommen und alles andere als hässlich sind, außerdem gibt es noch rund 12 Wallpaper, die […]

  15. von Google Partners: Suchgigant will Webagen… am 04.10.2013 (14:59Uhr)

    […] als Google-Partner, darf man das stolz mit einer Plakette beweisen, die übrigens einen netten Long-Shadow-Effekt aufweist. Kunden sollen daran erkennen, dass sich eine Agentur hervorragend mit den Google […]

Deine Meinung

Bitte melde dich an!

Du musst angemeldet sein, um einen Kommentar schreiben zu können.

Jetzt anmelden

Mehr zum Thema Design
OS X in flach – So könnte es nach Mavericks weitergehen
OS X in flach – So könnte es nach Mavericks weitergehen

Die Antwort auf die Frage, wie es nach OS X Mavericks weitergehen könnte, versuchen einige Designer mit UI-Konzepten zu beantworten. Der aus iOS 7 bekannte Flat-Design-Look steht dabei hoch im Kurs. » weiterlesen

Flat Design: Webdesign-Trend setzt auf Einfachheit und Reduktion
Flat Design: Webdesign-Trend setzt auf Einfachheit und Reduktion

Obwohl Webdesigner heute dank mächtiger Grafik-Programme und aktueller Webstandards die Möglichkeit haben, opulente Interfaces zu gestalten, entwickelt sich gerade ein vollkommen entgegengesetzter.. ... » weiterlesen

Flat Design: So könnte OS X Mavericks aussehen
Flat Design: So könnte OS X Mavericks aussehen

Der Designer Stu Crew hat ein interessantes Designkonzept zu OS X Mavericks vorgelegt. Dabei folgt er dem Flat-Design-Trend, der sich schon in Apples iOS 7 manifestiert hat. » weiterlesen

Kennst Du schon unser t3n Magazin?

t3n-Newsletter
Top-Themen der Woche für Web-Pioniere
Jetzt kostenlos
anmelden
Diesen Hinweis verbergen