Von der überzeugenden Live-Animation bis hin zu der Typografie der 80er und 90er-Jahre beeindruckt der neue visuelle Stil im Internet. Der Ausblick auf die kommenden acht Trends präsentiert die digitale Welt noch vielfältiger und experimenteller als bisher.
Wer nach einer kompetenten Webdesign-Agentur sucht, die auch die kommenden Trends erfolgreich umsetzen wird, wird bei dem Webdesign aus Düsseldorf fündig.
Trend 1: Ansprechende Interaktionen
Bisher fand die Interaktion hauptsächlich über die Hero Sections und das Scrolling statt. Diese Beschränkung durchbricht der neue Webdesign-Trend: Animierte Elemente werden im neuen Jahr für bedeutsamere Interaktionen genutzt. Dadurch wird die Website ein wenig mysteriöser und fesselt das Auge des Benutzers. Anstatt passiv auf einer Seite zu agieren, werden die Besucher eingeladen, aktiv zu werden.
Trend 2: Bewegliche Schrift
2022 kommt Bewegung in die Schrift. Anstatt Grafiken oder andere UI-Elemente zu animieren, bewegt sich der Text. Das wirkt frisch und überraschend, selbst im Falle einer einfachen Animation. Von kreisförmigen Drehungen bis hin zu verspielten Layouts ist alles denkbar.
Trend 3: Kreatives Scrollen
Da Scrolling die häufigste Form der Interaktion ist, ist es nicht verwunderlich, dass sich die Webdesigner etwas Neues haben einfallen lassen. Die neuen Varianten sollen den Besucher auf eine Reise durch die Website mitnehmen und das Erlebnis spürbar verbessern.
Trend 4: Memphis Design
Chaotische Muster, bunte Formen oder gar ein kitschiger Stil: Das Memphis Design lehnt den klassischen Minimalismus ab. Es ist eine prägende Ästhetik, die insbesondere in den 80er-Jahren Anklang fand. Diese Explosion an Farben soll die minimalistischen Designansätze auflockern – die intuitive Bedienung bleibt dank dem ausgefeilten Webdesign erhalten.
Ziel dieses neuen Trends ist es, bunter, aufgeschlossener und abenteuerlicher zu wirken.
Trend 5: Neo-Brutalismus
Rohe sichtbare Materialien zu betonen war ein wichtiger Trend in der Architektur. Die Bewegung erstreckte sich über Jahre hinweg: von den 50er-Jahren bis hinein in die 70er. Seit 2014 erlebt dieser Trend im digitalen Raum sein Revival. Das Ergebnis sind asymmetrische Layouts, schlichte Hintergründe, ungestylte HTMLs und unbearbeitete Bilder.
Wichtig: Auf den ersten Blick scheint dieser Trend ohne große Mühen auszukommen – tatsächlich bedarf es einiges an Fingerspitzengefühl, um den Webdesign-Trend gekonnt umzusetzen.
Trend 6: Rahmen werden wieder sichtbar
Die Illusion von frei im Raum schwebendem Content wird mit diesem neuen Webdesign-Trend durchbrochen. Es ist ein Schritt hin zur realitätsnahen Darstellung: Präzise Raster sorgen für realistischere Layouts und trennen die einzelnen Bereiche auch optisch voneinander. Das macht die Websites in erster Linie überschaubarer und trägt gleichzeitig zu mehr Platz bei. Denn: Durch die sichtbaren Rahmen fühlt sich eine gefüllte Seite weniger überladen an.
Übrigens: Dieser Design-Trend harmoniert hervorragend mit dem Retro-Design und den Hero Images.
Trend 7: Retro-Design ist wieder angesagt
Die Anfänge des Internets sind den meisten kaum in Erinnerung geblieben. Einzig die leuchtend bunten Farben, die roboterhaften Schriften und die sichtbaren Tabellen-Layouts werden nach wie vor mit dem Web 1.0 verbunden. Diesen Trend erwecken die Webdesign-Agenturen im Jahr 2022 erneut zum Leben. Dieser Webdesign-Trend zeigt den Wunsch, sich von den starren Branchenstandards zu lösen und der eigenen Kreativität wieder mehr Raum zu bieten.
Trend 8: Typografische Hero Images
Auch die Hero Images feiern in diesem Jahr ein wichtiges Comeback. Sie sind einfach gehalten und sollen mit ihrem Statement überzeugen. Auf Bilder wird dabei weitestgehend verzichtet – sie würden bloß von der zentralen Botschaft ablenken. Das funktioniert am besten mit einem kreativen und geschmackvollen Schriftstil.
Das Ergebnis: Diese Botschaft fordert die Aufmerksamkeit der Besucher und fesselt ihren Blick.
Beitragsbild: Zahidul auf Dribble
6 Antworten
Nochmal der Hinweis: Im Feed dieses Beitrages wurden 3 mp4 Dateien mitgesandt. Da frage ich mich wie das überhaupt geht und für was das gut ist? Und was kann dann alles noch in einem Feed mit dabei sein?
Screenshot: https://i.imgur.com/UcumhFH.jpg
Auch wenn man meine gestrige Frage dazu nicht beantwortete, sondern kommentarlos löschte: vielleicht interessiert es doch jemanden? Mich schon, danke.
Hallo „Rainer“, ich nehme an, Du bist auf Thunderbird unterwegs? Der Feed Reader liest den Beitrag so aus, wie er kommt.
Da die Videos selbst gehostet sind, denkt Dein Feed Reader, er muss die Videos ebenfalls runterladen.
Auf eine Einbettung von Youtube-Videos wollen wir im Übrigen aus Datenschutzgründen gerne verzichten.
Danke. Ja, RSS lese ich bevorzugt mit TB.
Laden tut er die eh nicht, es fiel mir nur auf, da sind Anhänge. Aber lt. Dateigröße sind die eh nicht mitgeliefert, werden nur Dateinamen angezeigt.
Bez. YT u DSGVO sehe ich kein Problem, wenn man die vorher blockt und dem Besucher die Wahl lässt.
Denn mir gefallen die Videos, zeigen um was es geht. Sicher, auch direkte Links zu Beispielen wären cool. Doch vielleicht kann noch nicht jeder Browser alles und dann ist das Video zuverlässiger.
Danke!
Klar doch, nichts zu danken! 🙂
Hallo Markus, verrätst du, mit was du die bewegliche Schrift (Trend 2) gemacht hast? Gibts da ein PlugIn? Vielen Dank!
Hallo Miri, es gibt eine Reihe von Möglichkeiten, eine Überschrift zu animieren. Bei Elementor beispielsweise gibt es dafür ein Widget namens „Animierte Überschrift“.
Das Video-Beispiel selbst stammt übrigens von Dribble.