Im Webdesign geht es darum, in die Zukunft zu blicken. Durch ihr enges Verhältnis zur Technik bietet die digitale Welt jedes Jahr aufs Neue einen Ausblick auf Innovationen in den Bereichen Animation, Interaktion und Immersion. Das Jahr 2022 verspricht vieles, auf das wir uns freuen können, wie wir in den folgenden Webdesign-Traits entdecken werden.
Die 80er und 90er Jahre kommen zurück, Typografie spielt eine führende Rolle und Dwell-Animationen steigen zu neuen Höhen auf. Der visuelle Stil hingegen reicht von beeindruckendem Hightech bis hin zu skurrilem Kunsthandwerk.
See more: Top trends website
Alles in allem wird das Jahr 2022 als vielfältiger und experimenteller Eintrag in die digitalen Annalen eingehen. Doch bevor wir uns ins neue Jahr stürzen, lass uns einen Ausblick auf die 9 innovativen Webdesign-Traits werfen, die uns 2022 erwarten.
Die 9 besten Webdesign-Traits für 2022 —
- Memphis Design
- Typografische Hero Photos
- Retro-Revolution
- Sichtbare Rahmen
- Ansprechende Interaktionen
- Neo-Brutalismus
- Bewegliche Schrift
- Kreative Scroll-Erlebnisse
- Handgefertigte Grafiken
1. Memphis Design —
Memphis Design – eine prägende Ästhetik der 1980er Jahre – wird nicht selten als kitschiger Stil angesehen, der eine Vielzahl chaotischer Muster und Formen miteinander kombiniert. Zu seiner Zeit struggle Memphis Design eine Ablehnung des Minimalismus und vermeintlich guten Geschmacks der Kunstkritiker und -kritikerinnen. Es machte Design gleichzeitig bunter, aufgeschlossener und abenteuerlicher als jemals zuvor.
Diese Haltung trifft besonders in der heutigen Zeit zu, in der minimalistische Designansätze zu Benutzeroberflächen geführt haben, die (obgleich sie intuitiv sind) überwiegend gleich aussehen. Es ist daher kein Wunder, dass viele Webdesigner und -designerinnen sich dem Memphis Design zuwenden, um eine Explosion farbenfroher Persönlichkeit zu erzeugen, die niemand so schnell vergessen wird.
2. Typografisches Hero Picture —
Als erster Teil einer Web site, den Besucher und Besucherinnen zu sehen bekommen, muss das Hero Picture ein Assertion setzen. Die Webdesigner und -designerinnen des Jahres 2022 nehmen sich diese Idee mit typografischen Hero Photos zu Herzen.
In diesen Hero Sections finden sich nur wenige oder gleich gar keine Bilder, damit die Botschaft selbst einen starken ersten Eindruck hinterlassen kann. Sie wirken nicht nackt, sondern fallen durch ihre Einfachheit auf. Sie fordern auf die gleiche Weise Aufmerksamkeit wie eine fesselnde Schlagzeile. Und darüber hinaus bieten sie einen hervorragenden Schauplatz für geschmackvolle, kreative Schriftstile.
3. Retro-Revolution —
Während die Anfangszeit des World Vast Webs immer mehr zu einer fernen Erinnerung wird, lassen sich aufstrebende Webdesigner und -designerinnen von heute von diesen frühen Wild-West-Zeiten inspirieren. Das sogenannte Net 1.0 der 90er zeichnete sich durch leuchtende Hintergrundfarben, sichtbare Tabellen-Layouts und roboterhafte Schriften wie Courier aus.
Obwohl all dies häufig zu tragischen und oftmals wahnsinnig witzigen Ergebnissen führte, beleben die Webdesigner und -designerinnen des Jahres 2022 diesen Pattern neu und profitieren dabei von quick 30 Jahren kollektiver Designerfahrung.
Während das Web der 90er zwar voller unnötiger Spielereien, Grafiken und Farben struggle, struggle es auch eine Zeit, in der die Regeln noch nicht festgeschrieben waren – als „Webdesign“ noch nicht mal ein Beruf struggle. Die Designer und Designerinnen von heute – die durch Branchenstandards im Zaum gehalten werden – betrachten diese Anfangszeit als Brutstätte für uneingeschränkte Kreativität (im Guten wie im Schlechten).
Von Kristen Ryan by way of Dribbble
4. Sichtbare Rahmen —
Webdesign kreiert gern ein Gefühl von Magie – oder zumindest die Phantasm, dass der Content material durch eine unsichtbare Hand sauber arrangiert wurde und frei im digitalen Raum schwebt. Die Realität ist dagegen, dass Webseiten auf einem präzisen Raster erstellt und mithilfe von Code zusammengehalten werden. 2022 setzen Webdesigner und -designerinnen auf realistischere Layouts, die mithilfe less complicated Umrandungen und Rahmen ihr Fundament offen zur Schau stellen.
Ein sichtbares Raster hat den offensichtlichen Vorteil, einzelne Bereiche voneinander zu trennen. Dadurch wird die Seite überschaubarer und es lässt sich mehr Content material unterbringen, ohne dass die Seite sich überladen anfühlt. Diese einfachen Rahmen verleihen Webseiten auch einen dezenten Retro-Contact, der intestine zu den 90er-Traits passt, die gerade ihr Comeback erleben.
5. Ansprechende Interaktionen —
Im Laufe der Jahre haben wir immer aufwendigere Animationen auf Webseiten gesehen. Während diese in der Vergangenheit größtenteils in den Hero Sections und bei Seitenübergängen eine Rolle gespielt haben, gehen wir davon aus, dass sich 2022 immer mehr Designer und Designerinnen umfangreichen, animierten Interaktionen zuwenden werden.
by way of Spotify
by way of weareimpero.com
Editor’s Choice: Top 101 Prepper- und Survival-Websites – Homestead & Prepper | Micro Blogs
Diese Interaktionen gehen über bloßes Scrollen – welches relativ passiv sein kann – hinaus, um eine bedeutsamere Interaktion mit der Seite zu fördern, z. B. durch Klicken, Wischen und Ziehen.
Der Schlüssel zu diesem Pattern besteht darin, etwas leicht Mysteriöses zu präsentieren – wie beispielsweise der winzige schwarze Würfel, der deinem Cursor auf der Seite von LEQB folgt, oder die auffällig fehlende Navigation auf der Seite von Chiara Luzzana – und den Besucher aufzufordern, eine bestimmte Type der Interaktion zu nutzen, um zu erfahren, wie die Seite funktioniert. Dies sorgt für neuartige Erlebnisse, durch die sich die Besucher der Seite mehr wie Ermittler fühlen, die aktiv mit der Seite herumspielen, um ihre Geheimnisse zu enthüllen.
by way of le-qb.com
by way of chiaraluzzana.com
by way of kim-jooyoung.com
by way of monopo.london
6. Neo-Brutalismus —
Neo-Brutalismus entstammt den klassischen Wurzeln des Brutalismus, einer Architekturbewegung der 50er-70er Jahre, bei der rohe, sichtbare Materialien wie Beton betont wurden. Brutalismus gewinnt seit seiner digitalen Wiederauferstehung 2014 im Webdesign immer mehr an Beliebtheit, wie die Seite brutalistwebsites.com belegt. Kahles, ungestyltes HTML, schlichte Hintergründe, asymmetrische Layouts, Customary-Computerschriften und unbearbeitete Bilder zeichnen den digitalen Brutalismus aus.
Von Luka Marr by way of Dribbble
Der brutalistische Stil soll schonungslos sein und hat oftmals eine fesselnde Wirkung. Der Schlüssel dazu liegt in einer selbstbewussten Ehrlichkeit, die durch seine eigene Kahlheit gefördert wird. Wir gehen davon aus, dass dieser Stil 2022 dezenter und weniger extrem werden – additionally im Grunde zum Neo-Brutalismus – wird. Dies vereint die Rohheit des Brutalismus mit der Zurückhaltung des Minimalismus, wodurch Webseiten entstehen, die sich für eine weniger avantgardistische Kundschaft eignen und die Fallstricke vermeiden, die letztendlich zum Niedergang des architektonischen Brutalismus geführt haben.
Von Tee Tran by way of Dribbble
Von Aleksandar Igrošanac by way of Dribbble
7. Bewegliche Schrift —
Wie alle Designschaffenden wissen, kann Typografie mehr als nur Informationen vermitteln. Sie kann die Betrachter bewegen. 2022 werden Webdesigner und -designerinnen diese Idee mit Schriften, die sich buchstäblich bewegen, weiterführen.
by way of esfuerzomezcal.com
by way of vitaarchitecture.com
Animationen sind im Webdesign selbstverständlich nichts Neues, allerdings sind sie in der Regel illustrierten Grafiken, UI-Elementen und Seitenübergängen vorbehalten. Aus diesem Grund kann sich bewegender Textual content frisch und überraschend wirken, selbst wenn die Animationen simpel sind – so wie dies bei kreisförmigen Drehungen und seitlich scrollenden „Information Tickern“ der Fall ist. Diese kleinen Feinheiten rücken die Typografie in den Vordergrund, ohne die Leser mit verspielten, animierten Gags zu überwältigen.
by way of chungiyoo.com
Editor’s Choice: Who Gets The Most Traffic Among Conservative Websites?
by way of vancouverartbookfair.com
by way of spielzeit.jungesschauspielhaus.de
by way of enjoylunacoffee.com
8. Kreative Scroll-Erlebnisse —
Da das Scrollen die häufigste Type der Interaktion ist, die Person mit einer Seite haben, bietet es eine ständige Gelegenheit für animiertes interaktives Suggestions. 2022 wird das Scroll-Erlebnis noch größer und besser als jemals zuvor, indem es Besucher mit auf eine imaginäre Reise nimmt.
by way of uncannyvalley.studio
by way of tote.design/sirup/
Da Scroll-Animationen nichts Neues sind, liegt der Schlüssel zu diesem Pattern darin, die Person mit einem kreativen Erlebnis zu überraschen. Wir sehen Seiten, die sich durch psychedelische Bilder, Parallax-Effekte und sogar Durchbrüche in die dritte Dimension in lebendige Welten verwandeln.
Animationen werden detaillierter und psychedelischer als jemals zuvor. Viele Designer und Designerinnen stellen ein auffälliges Ingredient in den Vordergrund, auf das der Person seinen Blick richten kann – so wie der schwarze Kristall auf der Seite von Stone & Fashion. Auf diese Weise sorgt das Vordergrund-Ingredient dafür, dass sich die Person nicht verirren, während sie von einer immersiven Animation dazu gebracht werden, sich zum unteren Ende der Seite zu begeben.
by way of stonestyle.co.th
by way of dgstudio.com
by way of drinkcann.com
by way of kikk.be
9. Handgefertigte Grafiken —
Wie wir in den Traits für 2022 gesehen haben, hat Technologie den Weg für unglaubliche Meisterwerke bereitet. Aber die Abhängigkeit von digitalen Instruments kann schnell dazu führen, dass ein Stück der Persönlichkeit verloren geht, die man von handgemachten Kunstwerken mit kleinen Schönheitsfehlern kennt. Deshalb erwarten wir für 2022 mehr DIY-Grafiken, die Benutzeroberflächen hervorbringen, mit denen man sich identifizieren kann.
Dazu gehören Kritzeleien, unsaubere Ausschnitte und analoge Texturen wie Buntstifte und Farben. Dies schließt die Lücke zwischen On-line und Offline, um diese allzu oft austauschbaren Bildschirme durch einen menschlichen Contact mit der realen Welt zu verbinden.
Bist du bereit für die Webdesign-Traits 2022? —
Die Webdesign-Traits 2022 stehen für einen weiteren Schritt nach vorne, auch wenn das im Web nichts Neues ist. Die Zukunft schreitet in schnellen Schritten voran und digitale Designer und Designerinnen ebnen dafür den Weg. Doch was diese Traits so erfrischend macht, ist ihr Augenmerk darauf, für Freude zu sorgen.
Ob sie ein vergessenes Jahrzehnt zurückbringen, die Person mit Interaktionen und Animationen erfreuen oder etwas Handgemachtes bieten – das Ziel der diesjährigen Webdesign-Traits besteht darin, für einen kurzen Second der Verwunderung zu sorgen, egal wie ungewöhnlich ihr Ansatz auch sein magazine.
Editor’s Choice: 5 Of the Best Designed Websites of 2020 | Adobe XD Ideas
