Anzeige
Anzeige
News
Artikel merken

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.

Von Ilja Zaglov
1 Min. Lesezeit
Anzeige
Anzeige

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.

Anzeige
Anzeige

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 Design 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.

Anzeige
Anzeige

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.

Anzeige
Anzeige

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.

Long-Shadow-Design – das nächste große Ding?

1 von 31

Mehr zu diesem Thema
Fast fertig!

Bitte klicke auf den Link in der Bestätigungsmail, um deine Anmeldung abzuschließen.

Du willst noch weitere Infos zum Newsletter? Jetzt mehr erfahren

Anzeige
Anzeige
11 Kommentare
Bitte beachte unsere Community-Richtlinien

Wir freuen uns über kontroverse Diskussionen, die gerne auch mal hitzig geführt werden dürfen. Beleidigende, grob anstößige, rassistische und strafrechtlich relevante Äußerungen und Beiträge tolerieren wir nicht. Bitte achte darauf, dass du keine Texte veröffentlichst, für die du keine ausdrückliche Erlaubnis des Urhebers hast. Ebenfalls nicht erlaubt ist der Missbrauch der Webangebote unter t3n.de als Werbeplattform. Die Nennung von Produktnamen, Herstellern, Dienstleistern und Websites ist nur dann zulässig, wenn damit nicht vorrangig der Zweck der Werbung verfolgt wird. Wir behalten uns vor, Beiträge, die diese Regeln verletzen, zu löschen und Accounts zeitweilig oder auf Dauer zu sperren.

Trotz all dieser notwendigen Regeln: Diskutiere kontrovers, sage anderen deine Meinung, trage mit weiterführenden Informationen zum Wissensaustausch bei, aber bleibe dabei fair und respektiere die Meinung anderer. Wir wünschen Dir viel Spaß mit den Webangeboten von t3n und freuen uns auf spannende Beiträge.

Dein t3n-Team

André Köbel

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. :)

Antworten
Gepard

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

Antworten
Timo

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 …

Antworten
Mario

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

Antworten
s.

@Mario

… oder Flat-Design im 3D-Look.

Antworten
Martin

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

Antworten
Mike

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.

Antworten
Jörg

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.

Antworten
nrwision

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

Antworten
Abbrechen

Melde dich mit deinem t3n Account an oder fülle die unteren Felder aus.

Bitte schalte deinen Adblocker für t3n.de aus!
Hallo und herzlich willkommen bei t3n!

Bitte schalte deinen Adblocker für t3n.de aus, um diesen Artikel zu lesen.

Wir sind ein unabhängiger Publisher mit einem Team von mehr als 75 fantastischen Menschen, aber ohne riesigen Konzern im Rücken. Banner und ähnliche Werbemittel sind für unsere Finanzierung sehr wichtig.

Schon jetzt und im Namen der gesamten t3n-Crew: vielen Dank für deine Unterstützung! 🙌

Deine t3n-Crew

Anleitung zur Deaktivierung
Artikel merken

Bitte melde dich an, um diesen Artikel in deiner persönlichen Merkliste auf t3n zu speichern.

Jetzt registrieren und merken

Du hast schon einen t3n-Account? Hier anmelden

oder
Auf Mastodon teilen

Gib die URL deiner Mastodon-Instanz ein, um den Artikel zu teilen.

Anzeige
Anzeige