8 webdesign trends in 2022

Het design landschap is nooit saai, met elk jaar nieuwe trends. Bij het aanbreken van 2022 vroegen we onze designer Janne en design stagiaire Diana om een blik te werpen op wat je op het web zult zien!

Trend 1: minder heldenbeelden

Probeer in plaats van een foto of illustratie te gebruiken in een hero image of landingpage, lay-out, typografie, kleur en vorm te gebruiken om een sterke, unieke merkidentiteit over te brengen. Het weglaten van afbeeldingen creëert ook een beetje mysterie, waardoor bezoekers worden verleid om uit te zoeken wat er nog meer achter het heldengedeelte ligt.

Voorbeelden hieronder: Humain, SVZ Design

Humain webdesign trend 1
SVZ webdesign trend 1

Trend 2: interactieve lettertypes

Om het gebruik van tekst nog verder uit te breiden, hebben sommige designers creatieve manieren gevonden om hun tekst te laten bewegen en spelen met de muis van de gebruiker. Een eenvoudige manier om tekst interactief te maken is door een hover-state verandering toe te passen zoals bij een knop. Bij het toepassen van interactiviteit bij lettertypen, is het belangrijk de leesbaarheid in het oog te houden, omdat sommige mensen worden afgeleid door bewegende tekens.

Een mooie aanvulling op de vorige trend is Kinetische Typografie die zich snel ontwikkelt met nieuwe technieken in de hand. Tegenwoordig wordt deze praktijk op grote schaal gebruikt door webdesigners in verschillende vormen. Ooit was het animeren van personages de eerste optie om een verhaal te vertellen, maar nu is typografie een heel nieuw balspel.

Bewegende tekst kan de aandacht trekken, een toon zetten, belangrijke segmenten markeren en de ogen van de gebruiker door een pagina leiden.

In de komende jaren zullen we meer kinetische typografische verkenningen zien die als functie dienen in plaats van alleen als decoratie.

Voorbeelden hieronder: Dillinger, Stellar, Markus...

Dillinger webdesign trend 2
Stellaire webdesign trend 2
Markus webdesign trend 2

Trend 3: oversized typografie

Iets wat hand in hand gaat met de hierboven besproken trend is typografie van ongebruikelijk formaat. Bij een bepaalde grootte worden woorden meer een grafisch element dan een onderdeel van de tekst. Dit is een veelzijdige techniek die net zo goed in minimalistische als in maximalistische ontwerpen kan worden toegepast en bij veel verschillende stijlen past.

Voorbeeld hieronder: Kieran Baybutt

Kieran Baybutt webdesign trend 3

Trend 4: gradiënten (& korrel)

Gradients zijn al een tijdje populair, maar met toegevoegde grain creëren ze een heel ander effect. Een perfect kleurverloop is ordelijk en modern en geeft objecten een futuristische gloed of een glanzend, technologisch gevoel. Grain geeft een ontwerp meer structuur en een natuurlijker gevoel.

Een ander creatief gebruik van kleurverlopen dit jaar is de uitgifte ervan binnen de randen van knoppen en andere soorten elementen.

Door het opkomende gebruik van motion design in websites kunnen kleurverlopen nu ook op een complexere manier worden geïmplementeerd en gebruikt. In 2022 worden ze gebruikt als achtergrond, of als onderdeel van kleinere elementen. Ze kunnen worden gebruikt om je boodschap visueel uit te drukken, zoals de onderstaande website doet.

Voorbeelden hieronder: Zeus Jones, Webflow No Code Conference

Zeus Jones webdesign trend 4
Webflow No Code Conferentie webdesign trend 4

Trend 5: retro (lijnenspel, cirkels & bogen)

Een trend dat in sommige opzichten zowel modern als nostalgisch aanvoelt, is het gebruik van lijnen. Designers kunnen lijnen gebruiken om secties, koppen, paragrafen en productgalerijen af te bakenen, of een dynamic grid te creëren voor de hele webpagina. Voeg illustraties met lijnen toe om deze stijl te verfijnen. Bij dit type ontwerp zullen de lijnen de grootste invloed hebben op het uiteindelijke effect.

Dit retro-effect kan niet alleen worden bereikt met lijnen, maar ook met afbeeldingen die in de vorm van een cirkel of een boog zijn afgesneden. Bij juist gebruik kan deze stijl er chique en elegant uitzien.

Voorbeelden hieronder: esenin-esenin.tilda.ws, Shaleen Cheah, GCI

esenin-esenin.tilda.ws webdesign trend 5
Shaleen Cheah webdesign trend 5
GCI webdesign trend 5

Trend 6: meer glasmorfisme en 3D-graphics

Een prachtige trend die eigenlijk vorig jaar al is begonnen, is glasmorfisme. Door een combinatie van transparantie, onscherpte en beweging kunnen elementen van pagina's zich visueel gedragen als glas. Je kunt deze techniek toepassen in logo's, illustraties of zelfs volledige katernen.

De sleutel tot deze stijl is diffusie, reflectie en schaduw, die de optische illusie creëren. In combinatie met subtiele beweging, kan het glaseffect een site een 3D-gevoel geven. Door de verspreiding van het "matte glaseffect" in het beeld kun je transparantie in je ontwerp opnemen, zonder dat het visueel te rommelig aanvoelt.

Over 3D gesproken: dit is geen nieuwe trend, maar wel zo'n coole dat hij zal blijven bloeien. Grote 3D-graphics zijn een schone en zeer gedurfde manier om de boodschap van uw merk uit te drukken.

Voorbeelden hieronder: Decimale ketting, Pluto

Decimail Ketting webdesign trend 6
Pluto webdesign trend 6

Trend 7: beeldvormende multilagen

De laatste jaren is er tijdens het design proces veel aandacht voor strakke, pixel-perfecte en minimalistische ontwerpen. Zozeer zelfs, dat veel ontwerpers worden ontmoedigd om visueel complexere ontwerpen te benaderen.

Multilagen van inhoud zijn een manier om conventionele componenten uit te dagen waaraan onze ogen gewend zijn - zoals fotogalerijen en typografische elementen die een meeslepende ervaring creëren om het verhaal van de website te vertellen. Dit leidt ertoe dat gebruikers meer tijd besteden aan het verkennen van een website.

In het voorbeeld van General Condition helpen het gemeenschappelijke thema van de foto's, de elegante animatie en de zwarte achtergrond alles samen te brengen, wat een visueel samenhangende ervaring oplevert.

Een ander voordeel van deze techniek is dat het gemakkelijker wordt om veel inhoud in een enkele sectie of een beperkte ruimte te plaatsen, zoals op mobiele schermen.

Algemene voorwaarde webdesign trend 7

Trend 8: donkere modus

Websites met een donkere modus worden steeds populairder. Ze zijn niet alleen esthetisch aantrekkelijk, maar tonen ook de toegankelijkheid van de websites. Een voorbeeld is het grote contrast tussen elementen en de grotere leesbaarheid. Het maakt de website ook gemakkelijker waarneembaar voor ons. Dit komt door het minimaliseren van de blootstelling aan blauw licht. Bovendien spaart het de batterij van de gebruikte technologie, dus het is ook een duurzamere manier van ontwerpen.

Voorbeelden hieronder: Mocs Media, Apple AirdPods Pro

Mocs Media webdesign trend 8
Apple AirdPods Pro webdesign trend 8

Eén ding is zeker: 2022 wordt een interessant en nog creatiever jaar voor webdesign. Het designteam van Radikal staat te popelen om met al deze nieuwe elementen te gaan spelen!

Bronnen: webflow

Door Janne Degryse & Diana Zamfirova

Contacteer ons

Heb je een project in gedachten? Vertel ons er alles over.