9 innovative Webdesign-Trends für 2022 – 99designs

by Assessor
0 comment

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 —

  1. Memphis Design
  2. Typografische Hero Photos
  3. Retro-Revolution
  4. Sichtbare Rahmen
  5. Ansprechende Interaktionen
  6. Neo-Brutalismus
  7. Bewegliche Schrift
  8. Kreative Scroll-Erlebnisse
  9. 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.

Webseitendesign für Blockchain mit abstrakten Memphis-Designmustern
Von MASER

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.

Webseitendesign für Fitnessmarke mit abstrakten Memphis-Designmustern
Von e2infinity

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.

Typografie-fokussiertes hero image für Webdesign
Von jonasgo
Typografie-fokussiertes hero image für Webdesign
Von Bluesjay

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.

Typografie-fokussiertes hero image für Webdesign
Von malzi.

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

90er Jahre Retro-Webdesign für E-Commerce
Through starface.world

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.

Website-Design für Produktseiten für nachhaltige Kleidung
Von Anastasia Fesiuk by way of Behance
Landingpage-Design für Zimmerpflanzenservice
Von Ashik by way of Dribbble

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.

Brutalistisches Webseitendesign für Kerzenladen
Von Maia I

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.

Brutalistisches Webseitendesign für Künstleratelier
Von Pier-Luc Cossette by way of Dribbble

Von Tee Tran by way of Dribbble

Brutalistisches Webseitendesign für Website-Builder
by way of cargo.website

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.

Botanisches Website-Design mit handgezeichneten Grafiken
Von Brent & Jo Studio

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.

Künstler-Website-Design mit handgezeichneten Grafiken
by way of inapsquare.com

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

Related Posts

Leave a Comment