--- title: "Beliebte Webdesign-Trends, die du unbedingt im Auge behalten solltest" author: "Ellen Bauer" date: 2013-03-18 lang: de source: https://elmastudio.de/beliebte-webdesign-trends-die-du-unbedingt-im-auge-behalten-solltest/ --- # Beliebte Webdesign-Trends, die du unbedingt im Auge behalten solltest ![Webdesign Trends](https://elmastudio.de/wp-content/uploads/2013/03/webdesign-trends-thumb1.jpg) Es macht denke ich jedem Webdesigner Spaß, nach neuen Inspirationen und Webdesign-Trends zu suchen und sich die Arbeiten anderer Designer anzuschauen. Daher haben wir eine kleine Übersicht unserer aktuellen Lieblings-Webdesign-Trends als Inspirationsquelle für deine nächsten Webdesign-Projekte vorbereitet. Welche der Design-Trends gefallen dir besonders gut und welche weiteren aktuellen Webdesign-Trends sollten deiner Meinung nach unbedingt noch in dieser Auflistung erwähnt werden? ## 1. Fixe Navigationsleisten Derzeit extrem beliebt sind fixe Navigationsleisten oder Navigationselemente wie Menü-Buttons oder Logos. Zwar gibt es unter den mobilen Browsern noch einige schwarze Schafe, die fixe Elemente (CSS position:fixed) nicht optimal unterstützen, aber auf Desktop-Browsern funktioniert der Effekt einwandfrei und wird dementsprechend gerne eingesetzt. ### Designed to Move ![Designed to Move](https://elmastudio.de/wp-content/uploads/2013/03/designedtomove.png) ### Plain ![plainmade](https://elmastudio.de/wp-content/uploads/2013/03/plainmade.png) ### Weightshift ![weightshift](https://elmastudio.de/wp-content/uploads/2013/03/weightshift.png) *[weightshift.com](https://weightshift.com/)* ## 2. Off-Canvas Elemente in Desktop-Browsern Off Canvas ist definitiv ein heißes Thema im responsive Webdesign (z.b. neu im Einsatz bei [Mashable](https://mashable.com/) oder [The Next Web](https://thenextweb.com/)). Doch warum sollte man eigentlich nicht auch auf Desktop-Browsern Platz optimal nutzen und gewisse Webseiten-Informationen in Off-Canvas-Bereichen unterbringen? Diese Webseiten zeigen, wie der Trend in der Praxis aussehen kann. ### A Memoir Project ![amemoirproject](https://elmastudio.de/wp-content/uploads/2013/03/amemoirproject.jpg) *[A Memoir Project](https://amemoirproject.com/)* ### The Skybox ![skybox](https://elmastudio.de/wp-content/uploads/2013/03/skybox.png) ### Teehan + Lax ![teehanlax](https://elmastudio.de/wp-content/uploads/2013/03/teehanlax.jpg) ## 3. Split-Screen Webdesigns Wunderbar experimentell und aktuell immer beliebter ist der Trend, Webseiten quasi in zwei Hälften zu teilen und unabhängig scrollbar zu machen. Diesen, nennen wir es einmal Split-Screen Webdesign-Trend kannst du dir auf den folgenden drei Webseiten anschauen. ### Coffee Surfing ![coffeesurfing](https://elmastudio.de/wp-content/uploads/2013/03/coffeesurfing.png) ### Seidenstrasse ![seidenstrasse](https://elmastudio.de/wp-content/uploads/2013/03/seidenstrasse1.jpg) ### Valentina Gallo ![valentinagallo](https://elmastudio.de/wp-content/uploads/2013/03/valentinagallo.jpg) ## 4. Riesige Headerbilder mit Typografie Okay, große Headerbilder sind sicher nichts neues im Web, aber inzwischen gibt es einen deutlichen Trend zu riesigen Headerbildern, die meist den kompletten Bildschirm einnehmen. Durch die großen Bilder kann ein schöner, atmosphärischer Effekt erzieht werden. Kombiniert werden die Headerbilder meist mit einem mittig gesetzten Intro-Slogan. ### The Brooklyn Soap Company ![bklynsoap](https://elmastudio.de/wp-content/uploads/2013/03/bklynsoap.png) *[Brooklyn Soap Company](https://bklynsoap.com/)* ### Demi Creative ![demicreative](https://elmastudio.de/wp-content/uploads/2013/03/demicreative.png) ### Osborn Barr ![osbornbarr](https://elmastudio.de/wp-content/uploads/2013/03/osbornbarr.png) ## 5. Große, Full-Screen Slider Neben riesigen Headerbildern werden auch die Slider immer größer und die Slider-Bilder werden meist als Fullwidth-Bilder umgesetzt. Auch hier erzeugen die Bilder als Einstieg in die Webseite viel Atmosphäre. ### AÃRK Collective ![aarkcollective](https://elmastudio.de/wp-content/uploads/2013/03/aarkcollective.png) *[AARK Collective](https://aarkcollective.com/)* ### Neopolitan Clothing ![neopolitanclothing](https://elmastudio.de/wp-content/uploads/2013/03/neopolitanclothing.png) ### Substrakt ![substrakt](https://elmastudio.de/wp-content/uploads/2013/03/substrakt.jpg) ## 6. Großzügige Single Page-Websites Ein modernere, aktuell sehr beliebter Trend sind auch großzügige, Single-Page Websites, die mit sehr viel Weißraum arbeiten. Dieser Webdesign-Trend kommt oft für die Präsentationen von Produkten, Apps und Web-Services zum Einsatz. ### Eden ![eden-made](https://elmastudio.de/wp-content/uploads/2013/03/eden-made.png) ### Negative ![negativelabs](https://elmastudio.de/wp-content/uploads/2013/03/negativelabs.png) *[Negative](https://negativelabs.com/)* ### SpellTower ![spelltower](https://elmastudio.de/wp-content/uploads/2013/03/spelltower.png) ## 7. Responsive Grid-Layouts Aktuell auch super-beliebt sind großzügige, asymmetrisch angelegte Grid-Layouts. Dieser Webdesign-Trend eignet sich auch sehr gut für responsive Webdesigns, da die Grid-Elemente auf kleinen Bildschirmen wunderbar untereinander "gestapelt" werden können. ### Etch ![etchapps](https://elmastudio.de/wp-content/uploads/2013/03/etchapps.png) ### Future Insights Live 2013 ![futureinsightslive](https://elmastudio.de/wp-content/uploads/2013/03/futureinsightslive.png) *[Future Insights Live](http://futureinsightslive.com/las-vegas-2013/)* ### Karl Anders ![karlanders](https://elmastudio.de/wp-content/uploads/2013/03/karlanders.png) *[Karl Anders](https://karlanders.de/de/start/)* Wie gefallen dir die Webdesigns und welche der Design-Trends findest du besonders modern? Über dein Feedback und weitere Webdesign-Tipps freuen wir uns sehr!