2021 war, um es milde auszudrücken, ein verrücktes Jahr. Lasst uns Anfang 2022 einen Moment innehalten und einen Blick in die Zukunft werfen, indem wir einen Blick auf die Top-Designtrends des nächsten Jahres werfen. Wir haben die kommenden 10 Trends ausgewählt, um deine Fantasie anzuregen.
Das Niveau unserer Gemeinschaft von Webschaffenden steigt von Jahr zu Jahr. Wenn wir auf die Zeit vor anderthalb Jahrzehnten zurückblicken, hat sich unsere Aufgabe so sehr verändert, dass wir nicht mehr nur das Durcheinander von überfüllten, unwichtigen Website-Elementen beseitigen.
Im Laufe der Zeit begannen wir, Websites mit einem stärker nutzerzentrierten Fokus zu visualisieren und zu gestalten. Die Benutzer*Innen waren unsere Kunden. Unser UX-Verständnis orientierte sich an ihren Bedürfnissen. Websites müssen jetzt leichter zugänglich sein, einfach zu navigieren und nahtlos funktionieren.
Vor diesem Hintergrund fühlen sich die Designer*Innen heute mehr in ihrem Element und können ihre Entwürfe selbst in einem wettbewerbsintensiven Umfeld besser umsetzen. Dies schafft eine Atmosphäre der Freiheit, die es ihnen erlaubt, die Grenzen der Konvention zu testen.
Da die Gesellschaft immer mehr Zeit online verbringt, ist es unsere Aufgabe als Webdesigner, die Nutzer*Innen auf einer emotionalen Ebene anzusprechen und menschliche Gefühle in eine künstliche Realität zu übertragen. Wir müssen Geschichten erzählen und Gespräche anregen, während wir bei jeder Interaktion für Freude sorgen.
Daher ist es für uns unerlässlich, unsere Techniken in unserer sich ständig verändernden Welt ständig weiterzuentwickeln. Untersuch mit uns die wichtigsten Webdesign-Trends, die die Welt der Webgestaltung im Jahr 2022 dominieren werden.
1. Inclusive Design Mania
„Inklusivität“ wird leider als politisches Schlagwort betrachtet, mit dem man leicht um sich wirft, doch im Kern ist es eine Ideologie, die jeden Designer anspricht – man sollte sich bemühen, dort inklusiv zu sein, wo es vorher keine Inklusion gab. Auf dem heutigen personalisierten globalen Markt ist diese Idee alles andere als fremd.
Inklusives Design wirkt sich auf jeden Schritt des Designprozesses einer Website aus, von der strategischen Entscheidungsfindung bezüglich der Zielgruppe der Website über den Tonfall und die Personalisierung bis hin zur Definition der grafischen Sprache deiner Marke, um allen Geschlechtern, Sichtweisen, Erfahrungen und Situationen gerecht zu werden.
So werden zum Beispiel Bilder und Illustrationen mit funktionalen Zwecken immer häufiger in einer nicht geschlechtsspezifischen Form dargestellt, die eine spielerische Vielfalt bietet.
Darüber hinaus wird das Internet im nächsten Jahr unter dem Einfluss der Spielewelt mit einer wachsenden Zahl von Avataren, Illustrationen und Charakteren nicht-menschlicher Identitäten überflutet werden, da das Internet alternative Realitäten bietet und den Kern dessen, was real ist, in Frage stellt.
Das Modell, das Ranboo Fashion in ihrem Video zeigt, ist in gewisser Weise geschlechtsfluid und verbirgt sein Gesicht, so dass der Betrachter sich der Identität des Modells nicht sicher sein kann.
2. Scrollytelling
Scrollytelling ist eine immer beliebtere Methode, eine digitale Schnittstelle zu nutzen und eine komplexe Geschichte zu vermitteln.
Diese visuellen Effekte zielen darauf ab, das Publikum zu fesseln und ihm ansprechende Inhalte auf einem Silbertablett zu servieren. Scrollytelling wird auch als „narrative Visualisierung“ bezeichnet – eine Reihe von visuellen Elementen, die chronologisch aneinandergereiht werden, um dem Besucher eine bestimmte Botschaft zu vermitteln.
Genau wie die Möglichkeit, ein Buch in seinem eigenen Tempo zu lesen, bieten Websites jetzt die Möglichkeit, zu navigieren und ihren Fluss auf eine personalisierte Weise zu steuern, indem man versteht, dass jeder Nutzer anders ist, und die Botschaften auf faszinierende Weise präsentiert.
Infrared Mind Body aus Texas, USA, zeigt große Bilder und Texte, die über verschiedene Animationen erscheinen, die ihr Nutzenversprechen unterstreichen. Große Nahaufnahmen, schwach beleuchtete Bilder, großformatige Typografie sowie weiche und fließende Übergänge erzeugen auf saubere und raffinierte Weise eine Sauna-Atmosphäre.
3. Horizontal Scrolling
Im Gegensatz zur vertrauten und intuitiven vertikalen Navigation kann ein Side-Scroll-Layout zu überraschenden Interaktionen zwischen Texten und Bildern führen.
Dies gilt insbesondere für Portfolio-Websites, Kataloge, Karten und dergleichen. Die Entdeckung von Projekten, die Erkundung von Städten und der Besuch von Online-Galerien ist mit einer seitlichen Navigation viel ansprechender. Wenn es richtig gemacht wird, kann das horizontale Scrollen eine Website ansprechender, unterhaltsamer und einprägsamer machen, wie die Websites auf unserer Liste schön illustrieren.
SIRUP ist eine Website, die einzig und allein zu dem Zweck erstellt wurde, eine Playlist anzuhören. Der Designer hat dies erkannt und ein horizontales Scroll-Erlebnis geschaffen, bei dem die Playlist und das Bildmaterial Teil der Scroll-Bewegung sind. Die fließende Bewegung der verschiedenen Designelemente schafft ein Gefühl des Fortschritts, selbst wenn sie statisch sind, was den Benutzer dazu bringt, weiter zu scrollen.
4. Brutalist Typography
Wenn du der Type bist (Wortspiel durchaus beabsichtigt), der etwas Mutiges mag, solltest du diesen Trend mit seiner Robustheit und Dominanz in Betracht ziehen, die eine Website selbst bei Verwendung einer begrenzten Auswahl an Elementen hervorstechen lassen.
Brutalistische Typografie kann als eine Reaktion auf die Leichtigkeit, den Optimismus und den Minimalismus des heutigen Webdesigns betrachtet werden. Ein ungeschminkter, rauer Stil, der im Gegensatz zu den polierten modernen Konventionen steht.
Die Verwendung von Typografie zum Aufbau eines dynamischen Rasters, von Buchstaben als Bausteine für Segmente, Abschnitte, Überschriften und Absätze oder einfach als Möglichkeit, sich auf einer ganzen Website auszutoben – Brutalistische Typografie verleiht einer Website eine großstädtische Ausstrahlung.
Zona de Propulsão ist ein One-Pager für ein technologisches Innovationszentrum. Die gigantische Schrift ist definitiv der Ausgangspunkt dieser Identität, die eine städtische Festivalatmosphäre schafft. Der Designer wollte Informationen schaffen, die für jeden zugänglich sind, und technisches Wissen auf eine leichter zugängliche Weise präsentieren.
5. Typografie Animation / Kinetische Typografie
Eine schöne Ergänzung zum bisherigen Trend ist die kinetische Typografie, die sich mit neuen Techniken rasch weiterentwickelt. Heutzutage wird dieses Verfahren von Webdesignern in einer Vielzahl von Formen eingesetzt. Früher war die erste Möglichkeit, eine Geschichte zu erzählen, die Animation von Figuren, aber jetzt ist die Typografie ein völlig neues Spiel.
Bewegter Text kann die Aufmerksamkeit auf sich ziehen, einen bestimmten Ton anschlagen, wichtige Abschnitte hervorheben und die Augen der Nutzer*Innen durch eine Seite führen. Diesen Trend gibt es in Wirklichkeit schon seit den 1960er Jahren, als man in Spielfilmen begann, animierte Anfangstitel anstelle von statischem Text zu verwenden.
Auf der Website von Dilinger, einer Filmproduktionsfirma mit Sitz in Paris, ist die gesamte Website selbst ein Menü, mit Hilfe von dynamischen Schriftarten, die sich entsprechend ändern, wenn eine Option im Menü ausgewählt wird. Der Übergang der Typografie hilft bei der Navigation auf der Website und schafft jedes Mal ein anderes Raster.
In den kommenden Jahren werden wir mehr kinetische Typografie sehen, die nicht nur der Dekoration dient, sondern auch eine Funktion hat.
6. Nostalgia
In den letzten Jahren gab es einige Trends, die sich um die Idee der Nostalgie drehten – Menschen, die sich an die Vergangenheit erinnern und in Erinnerungen schwelgen wollen. Zwei Jahre nach dem Ausbruch der COVID-19-Pandemie und inmitten zunehmender Unsicherheit suchen die Menschen (darunter auch Webentwickler) nach beruhigenden Erfahrungen und Formen des Eskapismus.
Dieser Ansatz erfordert eine Verlangsamung der Dinge, ein analoges Gefühl durch Typografie und Bilder, die Verwendung klassischer Bildfilter, Retro-Schriften, Unschärfe, Körnung, Texturen, weiche Beleuchtung und pastellfarbene Paletten. All dies sind nur einige Beispiele für Praktiken, die Designer*Innen anwenden, um Erlebnisse zu schaffen, mit denen man sich identifizieren kann.
Bravenewlitis ist ein literarischer Spielplatz. Das romantische und geschwungene Schriftbild sowie die flachen, erdigen Pastelltöne mit sanft körnigen Bildern schaffen ein Gefühl von Vertrautheit und Nähe. Um dieses interaktive Magazin greifbar zu machen, entschied sich der Designer für ein greifbares Erscheinungsbild, wie z. B. gescannte Bilder von Texten mit Fußnoten und ein Post-it-Notiz-Look, der den Eindruck erweckt, der Benutzer sei Teil des Schreibprozesses.
7. Farbkontraste
Dies ist etwas für die Millennials in unserem Haus, die Kinder der 80er und 90er Jahre. Es ist schwer, einer Website mit neonfarbenem Kragen gleichgültig gegenüberzustehen. Farbe ist ein grundlegendes Mittel, um die Aufmerksamkeit der Nutzer*Innen zu gewinnen und Emotionen zu wecken.
Dieser Stil, der in der Regel auf ein bestimmtes Publikum abzielt, hat sich zu einer lebendigen, knalligen Webdesign-Ästhetik entwickelt, die von Underground Acid Shapes, Neon auf Schwarz, starken Kontrasten und Farbverläufen geprägt ist.
Superglow ist ein Designstudio für Musik und Lifestyle. Der zweite Abschnitt ihrer Website kombiniert große schwarze Titel auf einem einfarbig gelben Hintergrund. Diese Menüliste wechselt beim Hovern zu fuchsiafarben. Das Gesamtbild umfasst gesättigte Fotos mit einer ausblendenden Mausanimation, die beim Hovern erscheinen und einen Hinweis auf das Projekt im internen Link enthüllen.
8. Außerhalb des Rasters
Ein Raster ist eines der wichtigsten Werkzeuge für einen Designer. Es gibt unserer Arbeit Form und Struktur. Wenn du von der Mitte abweichst, um ein Segment zu betonen, kann deine Website aus der Masse der zeitaufwändigen Konkurrenten herausstechen und sich einprägen.
Die Idee, aus dem Raster zu fallen, ist sicherlich nicht neu, wurde aber noch nicht sehr weit verbreitet. Heutzutage brauchen Webdesigner*Innen keine Vermittler*Innen oder Entwickler*Innen mehr, um ihre Vision zu verwirklichen. Es wird immer einfacher, selbst das verrückteste Layout, das man sich mitten in der Nacht ausgedacht hat, einfach mit einem Web-Builder umzusetzen. Das Beste daran ist, dass es bereits kodiert ist, was den gesamten Prozess vereinfacht.
Arrowww Space, das Portfolio von Maxim Aginsky, verwendet ein Zitat aus seinem Design-Mantra im Seiten-Helden und demonstriert seine Vision, Zufälle mit überlappendem Text auf dem Pfad und linearem Struktur-Hintergrund zu umarmen.
9. Bildliche Multilayer
In den letzten Jahren wurde im Designprozess viel Wert auf saubere, pixelgenaue und minimalistische Designs gelegt. Das geht so weit, dass viele Designer davon abgehalten werden, sich an visuell komplexere Designs heranzuwagen.
Mehrschichtige Inhalte sind eine Möglichkeit, konventionelle Komponenten, an die unsere Augen gewöhnt sind, herauszufordern – wie Fotogalerien und typografische Elemente, die eine immersive Erfahrung für die Erzählung der Website-Geschichte schaffen. Dies führt dazu, dass die Nutzer*Innen mehr Zeit mit der Erkundung einer Website verbringen.
Am Beispiel von General Condition zeigt sich, dass das gemeinsame Thema der Fotos, die elegante Animation und der schwarze Hintergrund dazu beitragen, alles miteinander zu verbinden und ein visuell kohärentes Erlebnis zu schaffen.
Ein weiterer Vorteil dieser Technik ist, dass sie es einfacher macht, viel Inhalt in einem einzigen Abschnitt oder auf begrenztem Raum unterzubringen, z. B. auf mobilen Bildschirmen.
10. Spaß / Vergnügen / Fun für Benutzer*innen
Anreize sind zu einem festen Bestandteil einer guten Benutzererfahrung geworden, wobei die heutigen Benutzer*Innen sie in einer der beiden Formen erwarten – oberflächliche Anreize und tiefgehende Anreize.
Zu den Oberflächenvergnügen gehören Animationen, taktile Übergänge oder Gesten, Mikrokopien, Bilder und Töne. Tiefgreifende Vergnügungen sollen sicherstellen, dass alle Bedürfnisse der Benutzer*Innen erfüllt werden, einschließlich Funktionalität, Zuverlässigkeit, Benutzerfreundlichkeit und Vergnügen. Die Wahrscheinlichkeit, dass zufriedene Nutzer*Innen das Produkt oder die Dienstleistung weiterempfehlen, steigt, wenn die Nutzer ein „Deep Delight“ erleben.
Oberflächliches Vergnügen ist zwar großartig und effektiv, aber das Webdesign hat einen Punkt erreicht, an dem es allein nicht mehr ausreicht. Mit unserem heutigen Verständnis der Nutzerbedürfnisse und -gewohnheiten ist ein echtes „Deep Delight“ eines, das sich durch die gesamte Website zieht. Es ist nicht nur ein kurzes Vergnügen, sondern trägt zur Benutzerfreundlichkeit, Zuverlässigkeit und Funktion der Website bei.
Airbnb ist ein großartiges Beispiel für eine Website, die während der gesamten User Journey angenehme Erlebnisse bietet. Funktionen wie die Markierung der Karten-Tags, die der Nutzer bereits durchgeblättert hat, sind nicht nur ansprechend, sondern auch funktional und helfen dem Nutzer, sich schneller durch die oft riesige Anzahl von Optionen zu bewegen, die gleichzeitig auf seinem Bildschirm erscheinen.
Aber das ist nur ein Beispiel. Die strengen Richtlinien, die Airbnb seinen Gastgebern auferlegt (z. B. in Bezug auf die Bilder, die sie einstellen, die Reinigungsstandards und die Zahlungen und Gebühren), versprechen einen hohen Standard für den Nutzer und ein angenehmes, beruhigendes Gefühl der Sicherheit und des Vertrauens auf jedem Schritt des Weges.
Die Zukunft liegt in unseren Händen
Wir haben eine große Mischung von Websites gefunden und eine Vielzahl von Trends aufgegriffen – von brutalistischer Typografie bis hin zu weichen, gedeckten Farbpaletten, die Nostalgie erzeugen und kontrastreiche Farbthemen verwenden. Mit dem unvermeidlichen Metaverse, das im Jahr 2022 die Schlagzeilen beherrschen wird, befindet sich das Webdesign an der Schwelle zu einer neuen Ära.
Die Implementierung von Technologien wie Virtual Reality, Augmented Reality und künstlicher Intelligenz wird für Webdesigner*Innen bald zu einem wichtigen Thema werden. Im Moment sind diese Technologien bei mobilen Anwendungen auf dem Vormarsch, doch ihr Einzug in die Welt der Websites ist nur eine Frage des „Wann“ und nicht des „Ob“.
Es scheint, dass die Branche einen chaotischen Prozess durchläuft, der der Version des Urknalls im Internet gleicht – ein kreativer Kosmos aus verpixelten Energien. Bisweilen prallen polarisierende Designstile und Philosophien aufeinander. Es ist zwar wichtig, in unserer sich entwickelnden Welt auf dem Laufenden zu bleiben, aber ebenso wichtig ist es, aufmerksam zu sein. Schließlich kann man sich an Trends nur schwer orientieren.
Wenn wir wollen, dass unsere Entwürfe ihren Zweck erfüllen, müssen wir unsere Arbeit ehrlich kritisieren und unsere Entscheidungen darauf stützen, was bei unseren Nutzerpersönlichkeiten und der Art von Websites, die wir entwerfen, auf Resonanz stößt.
Übersetzt von Lisa Kraus
von Website Freiburg
Quelle, unser Websoftware Partner Elementor Pro:
www.elementor.com/blog/web-design-trends