Vooruit springen: 10 webdesigntrends die u in 2022 zou moeten gebruiken

webdesign trends 2021

De enige constante in webdesign is dat niets constant is. Designtrends veranderen, technologieën bieden meer mogelijkheden voor expressie en onze eetlust en smaak variëren continu. Nu het nieuwe jaar in volle gang is, is dit misschien een goed moment om te zien waarvoor wij denken dat de belangrijkste webdesigntrends zijn 2022 zal zijn.

Een van de geweldige dingen van het world wide web is dat het nooit stil blijft staan. Het ziet er misschien elke dag hetzelfde uit, maar als je terugkijkt op het voorgaande jaar (of misschien wil je terug naar de jaren 90, en kijk welke trends je echt niet mist) besef je al snel hoeveel er eigenlijk is veranderd. Deze gestage evolutie is geweldig voor webgebruikers, omdat het landschap altijd evolueert. Het is echter niet zo geweldig voor ontwikkelaars die constant het tempo van veranderingen moeten bijhouden!

 
 

Ontwerp en bouw van websites - 438 Marketing

Nu mobiele applicaties steeds populairder worden, zijn de websites van de meeste bedrijven nog steeds de eerste indruk van hun klanten.

De website is de meest traditionele manier van huidige merkcommunicatie. Het heeft te maken gehad met twintig jaar van steeds snellere gebruikerseisen en ontwerpinvloeden: web 1.0-technologieën die de vraag van mensen niet kunnen ondersteunen, de stijgende vraag van consumenten naar technologie die anders tot uitdrukking moet worden gebracht, de groei van sociale media omdat het verweven is met het web, en een gestage versnelling van mobiel internetgebruik.

De komende 12 - 18 maanden zullen aanzienlijk grotere omwentelingen te zien zijn dan de stapsgewijze vooruitgang die design en marketing het afgelopen decennium hebben gezien.

Dit is wat er is gevonden:

Paginasnelheid en UX-verbeteringen

Toen Google in juni 2021 hun algoritme-update onthulde, werden webontwikkelaars plotseling betrokken bij SEO-discussies op manieren die ze nog nooit eerder waren geweest. Daarvoor hadden ze niet veel te maken met de SEO-kant van de dingen: het was de taak van SEO-professionals.

Omdat snelheid en UX-scores echter nog belangrijker werden voor elk bedrijf dat op zoek was naar een rangorde, begonnen SEO-professionals dieper te kijken naar de manier waarop de sites waren gemaakt, verder dan de scores voor technische analyse en inhoud op die sites.

Dit komt niet als een verrassing. Het is iets dat jaren geleden had moeten gebeuren, maar werd uitgesteld en opzij gezet totdat merken werden gedwongen om de veranderingen aan te brengen. Met verminderd internetverkeer moest de webontwerptheorie gelijke tred houden.

Dus nu zijn we hier: websites die sneller laden dan ooit tevoren, algoritmen die geavanceerder zijn dan toen we begonnen, en ontwerpers die met de veranderingen moeten omgaan en het er toch leuk uit moeten laten zien.

Veel van de trends die we in 2022 zien, gaan over snelheid en het verbeteren van UX-algoritmen. Hier zijn een handvol die steeds in je opkomen.

Ten minste één succesvolle micro-metaverse

Onze ontwerpers vinden de metaverse een van de meer opwindende ideeën van 2021, een die zal worden overgedragen naar 2022 - maar wat de metaverse uiteindelijk zal zijn, is nog onbekend.

"We zullen voortdurend verduidelijken wat we willen dat de metaverse is - op dit moment zijn er veel misvattingen en onbeantwoorde vragen over de metaverse, en early adopters springen op een concept dat nog geen duidelijke definitie heeft." Halverwege 2022 zullen we echter hoogstwaarschijnlijk zien dat verschillende grote organisaties het concept van de metaverse overnemen, mogelijk als een grapje, vergelijkbaar met Wendy's Fortnight-extensie. Merken die gespecialiseerd zijn in digitale items zullen worden verleid om hun merk uit te breiden naar de metaverse en een miniatuuruniversum te creëren waarin hun merk overal aanwezig is.”

Meer virtuele deelervaringen

Tijdens de pandemie, toen iedereen geïsoleerd was en in wezen opgesloten zat in zijn eigen huis, brachten gedeelde ervaringen individuen dichter bij elkaar. Ze vormden hun eigen gemeenschappen met behulp van alle middelen die ze ter beschikking hadden, zoals groepschatprogramma's waarmee je films of games kon kijken waarmee je contact kon maken met vreemden om mee te spelen. Het veranderde de perceptie van mensen over nabijheid en gemeenschap.

Dat zal niet verdwijnen in het post-pandemische tijdperk, ook al is het in tegenspraak met het 'anonieme online'-aspect van internet.

Porter Robinson begon in 2020 met het uitbrengen van nummers op zijn website, waar je een virtuele kamer binnengaat met een andere vreemdeling en samen naar het deuntje luistert.

We hadden apps zoals Skittish voor 2021, die evenementen naar je toe brachten via een mix van zakelijke en pleziertoepassingen.

Meer van de ingetogen, ingehouden gedeelde ervaringen waar het vroege internet bekend om stond, zullen in 2022 te zien zijn: kleine, eenvoudige en persoonlijke ontmoetingen tussen vreemden.

vanilificatie 

We zitten steeds vaker voor een ongekende hoeveelheid tijd per dag aan schermen gekluisterd en er moet rekening worden gehouden met de tijd die we op websites doorbrengen. Het concept van remote-first verdwijnt niet; in feite verdiept het zich en evolueert het naar online ervaringen die zijn uitgekleed tot de basis en je toch ergens naartoe brengen.

"Vergeet niet dat je telefoon of laptop in feite teleportatie-instrumenten zijn - webdesign moet deze ervaring van 'reizen in een nog steeds beperkte reisomgeving' opzettelijk mogelijk maken", legt een andere ontwerper van ons uit. "En het gaat niet alleen om het bezoeken van locaties die niet bestaan."

"We gaan een terugkeer zien naar een strak ontwerp, met veel witruimte, waardoor er ruimte is om te ademen", zegt ze, "en dit sluit heel goed aan bij de recente algoritmewijzigingen van Google en de stijgende vraag naar mobielvriendelijke websites - de hoe eenvoudiger een ontwerp is, hoe gemakkelijker het zal zijn om ervoor te zorgen dat het op alle apparaten hetzelfde werkt.”

"Omdat meer mensen op afstand werken, hebben niet alleen boeren te maken met tragere verbindingen." Mensen die gewend zijn aan een glasvezelverbinding te werken, zullen zich moeten aanpassen aan de lagere internetsnelheden die in meer afgelegen gebieden toegankelijk zijn, en zullen sites zoeken die niet eeuwig nodig hebben om te laden.”

Typografie die inclusie mogelijk maakt

Ontwerpers zijn dol op kleine teksten.

Ze zullen nog steeds regeren in 2022, maar niet helemaal alleen. De remote-first modus betekent dat voorheen ontoegankelijke evenementen nu beschikbaar zijn voor een veel groter aantal mensen dan voorheen; het is tijd voor het web om dit weer te geven. Alt-teksten, bijschriften en een sterkere nadruk op toetsenbordnavigatie, zowel handmatig als via spraak, zijn allemaal in.

De terugkeer van experimenteren

Als het gaat om modern webdesign, heeft minimalistisch app-ontwerp veel te beantwoorden, en voor een geldige reden: als nieuwe technologie was het noodzakelijk dat digitale diensten eenvoudig te begrijpen, te gebruiken en te verkennen waren.

Dat was toen.

Nu gaan we terug naar de basis. Het werk is geëvolueerd. Onze werkwijze is geëvolueerd.

De manier waarop we online verbinding maken, zal eveneens veranderen.

"Ons leven staat sinds maart 2020 op zijn kop", zegt een van onze leden, "dus ik zie er geen kwaad in om in de nabije toekomst wat plezier te beleven aan webdesign." Het terugbrengen van gedurfde en levendige kleurencombinaties, een mix van harmonieuze typografie, enkele animaties en een algemeen gevoel van opgewektheid is ongetwijfeld een stap in de goede richting.”

Binnen buiten

Lockdown op het ouderschap van planten, solo-wandelingen en het buitenleven: het leven heeft veel mensen teruggetrokken in de plooi van de natuur, en deze trend zal naar verwachting ook na 2022 doorzetten. Websites die stille, zachte tinten gebruiken en proberen een gevoel van rust te creëren zijn niet nieuw, maar dit is een van die onderliggende trends die waarschijnlijk aanzienlijke verschuivingen zullen veroorzaken in de manier waarop we webdesign benaderen.

Bovendien is het huidige klimaatprobleem een ​​belangrijke drijfveer voor natuurlijker online design. "Dit is ook een verwijzing naar milieubewustzijn, onze impact op de aarde en een snel besef van hoeveel tijd we dagelijks besteden aan het kijken naar onze apparaten", legt onze ontwerper uit.

Zoals ik doe, doe jij dat ook

Gedragsontwerp is een aloude notie die de goederen heeft gevormd die we elke dag gebruiken. De verwachting is dat dit in 2022 een enorme vlucht zal nemen als merken op creatieve manieren gebruikmaken van data om zich te onderscheiden van de concurrentie. Door verkregen gegevens te combineren met het ontwerp van de site, kunnen gebruikerservaringen nog verder worden verbeterd.

Volgens Sorina is "gedragsontwerp gebaseerd op cue, actie en beloning, en veel apps, zoals Headspace, gebruiken het vandaag." Het succes van Headspace is grotendeels te danken aan het vermogen om abonnees betrokken en 'actief' te houden, met behulp van op maat gemaakte dagelijkse afspeellijsten, statistieken en schemasynchronisatie - en het is succesvol omdat dit de tactieken zijn die het selecteert; het begrijpt wat zijn klanten motiveert.”

Het draait allemaal om de duim

Uw klanten zullen het gemakkelijker vinden om uw website te gebruiken als deze goed is ontworpen.

Duimvriendelijke navigatie is een van die dingen waar consumenten niet veel over nadenken, maar het zal steeds belangrijker worden naarmate we naar snellere, responsievere mobiel-eerste pagina's gaan.

Dit maakt ook het gebruik van alternatieve scrollpatronen mogelijk. Al meer dan een decennium is het web niet alleen bedoeld voor een muis en een computer, maar gebarenbesturing zal in 2022 zeker tot zijn recht komen.

Je stem verheffen

Spraakgestuurd zoeken wordt steeds populairder en het siteontwerp moet gelijke tred houden. Nu er elke dag meer en meer gesproken zoekopdrachten worden uitgevoerd, zal het spannend zijn om te zien hoe webdesign spraakchatbots en virtuele assistenten kan integreren in de bredere benadering van webdesign, en wat dit in de toekomst betekent.

Sorina's voorspelling: meer websites zullen voice search gaan gebruiken als alternatief voor regulier tekst zoeken, waardoor ze toegankelijker worden.

De jaren 90 zijn terug

Er zal altijd een plek zijn voor nostalgie, en die plek zal in 2022 het internet zijn. Met de jongste baby uit de jaren 90 al 22 jaar oud, zal de vroege internetesthetiek in 2022 de boventoon voeren als echte kinderen uit de jaren 90 hun nostalgie naar het gebied sturen waar ze brachten al hun tijd door: het internet, in al zijn neon pop-up glorie. Voeg daar de populariteit van lo-fi-muziek en de TikTok-filtermachine aan toe, en de jaren 90 maken een grote comeback op internet.

Verbetering van de pagina-ervaring van Google

Volgens sommige ontwerpers is dit al in de maak sinds het begin van internet - en het wordt eindelijk geformaliseerd.

Dat is een mooi ding.

De Google Page Experience-update veranderde de manier waarop de zoekmachines van Google webpagina's analyseren, waardoor ze sneller en efficiënter konden laden. Het transformeert de manier waarop ontwerpers een webpagina benaderen door een betere pagina-ervaring en een hogere laadsnelheid te bieden.

Websites die er mooi uitzien, maar functies hebben die stotteren of overslaan, verstoren de onderdompeling van de gebruiker. Evenzo kunnen websites die snel laden maar onaantrekkelijke aspecten bevatten uw aandacht verliezen.

"Dit gaat ontwerpers op een positieve manier uitdagen om net zo te zijn als Ruthless in hun aanpak mogelijk te maken”, leggen ze uit. Ondanks zijn openheid in vergelijking met papier, heeft het web een unieke reeks onderliggende ideeën of limieten waar we tot nu toe vrij vrij en gemakkelijk over waren. Iets zo eenvoudig als uw selecties beperkt en toch uniform houden voor online projecten, is een schijnbaar maar essentieel uitgangspunt, maar dit geeft meer een technische draai aan webdesign dan wat dan ook - het moet er mooi uitzien en nog beter werken. We moeten ontwerpen met de eindgebruiker in gedachten, niet alleen 'ziet het er goed uit', maar ook 'weet ik echt dat ik op een website zit'.

Het is belangrijk om te onthouden dat deze veranderingen niet plaatsvinden simpelweg omdat ontwerpers verveeld raakten met de vorige reeks trends of omdat de trends van vorig jaar niet meer van toepassing zijn. We staan ​​aan de vooravond van een grote verschuiving in de manier waarop internet werkt.

Die verschuiving heeft in sommige opzichten al plaatsgevonden. Dit is nieuw: blockchain, bitcoin, NFT's, metaverses en entertainment boven al het andere.

En ontwerpers moeten zich daaraan aanpassen.

We bespraken het waarom.

Hier is hoe het moet.

Leeftijd van één pagina

De wereld kromp drastisch als gevolg van de lockdown. Je kon niet eens 's nachts reizen. Je moest binnen blijven. Je kon niet naar evenementen gaan waar je naar had uitgekeken of nieuwe dingen proberen.

Die beperkingen blijven komen en gaan en zullen dat nog een tijdje blijven doen.

Websites van één pagina zijn er om het beste te maken van een slechte situatie.

De ervaring om iets te doen, ergens te zijn, wordt gemaximaliseerd door alles op één interactieve webpagina te plaatsen: er is geen hamburgermenu om je eruit te halen, of traditionele pagina-opstelling om je eraan te herinneren dat je op een website bent. Het enige wat u hoeft te doen is naar de startpagina te gaan, het artikel te zoeken, de microsite te vinden en het verhaal te lezen.

De hoekstenen zijn geanimeerde in-tekstelementen, kleine animaties en een verbluffend visueel ontwerp.

Point-and-Click

Herinner je je de goede oude tijd van ouderwets internetdesign nog?

Goed nieuws dus: het gaat beter. Het is in opkomst sinds 2021, maar 2022 zal de point-and-click-nostalgie uit de jaren 90 terugbrengen.

Nostalgie is winstgevend.

Het is altijd zo geweest.

Maar dit is meer dan alleen nostalgie.

Voordat het web werd gestandaardiseerd, gesocialiseerd of (nauwelijks) ontsmet, zat het vol met paaseieren en HTML-codeertrucs, evenals het bedenken van nieuwe manieren om dezelfde drie elementen in verschillende configuraties toe te passen. Vroeger waren de inspanningen van de gemeenschap om websites te maken die prachtig werkten en kleine trucjes hadden voor gebruikers om te vinden wat je op internet deed.

Mensen zijn ziek en moe van websites die uitsluitend bestaan ​​om een ​​product te verkopen. Websites die een deel van de opwinding kunnen opvangen van verbinding maken met internet in de jaren negentig en in een coderend konijnenhol vallen, zullen hun inspanningen rijkelijk beloond zien. Mensen een gespreksonderwerp en een vrijblijvend avontuur geven, is een uitstekende manier om ervoor te zorgen dat ze terugkomen, omdat ze dat willen in een tijd waarin de verbinding bijzonder belangrijk en steeds moeilijker te maken is.

Aangepaste paginaweergave

Sommige mensen lezen hun artikelen liever in het donker. Sommige mensen echter niet.

Tegen 2022 zullen die ontwerpopties deel uitmaken van elke webontwerpstrategie. Afstemming op specificaties - kleinere tekst, grotere tekst, verschillende kleuren, donkere modus, lichte modus - is momenteel gangbaar in alles, van apps tot smartphones. Het zal vanzelfsprekend worden uitgebreid naar het web.

Door een website aan te passen aan persoonlijke behoeften, ontstaat er verbinding en wordt de website voor iedereen toegankelijker. We leven in een tijd waarin mensen de mogelijkheid willen hebben om dingen te veranderen – niet omdat ze het nodig hebben, maar omdat het handiger is.

Positiviteit

We kunnen allemaal goed nieuws gebruiken om het slechte te compenseren.

Websites zullen in 2022 naar het positieve neigen. Licht, felle kleuren, vrolijke muziek en de nadruk op het positieve.

Het is meer dan alleen altruïsme.

Er is meer dan genoeg slecht nieuws om de ronde te doen. Mensen zijn het zat om erover te horen, om bestookt te worden met redenen om zich zorgen te maken, om zich gestrest, verdrietig en alleen te voelen. Websites die een beetje geluk kunnen terugbrengen en contact kunnen maken met hun bezoekers, zullen een toename van het verkeer zien.

Kleine animaties

Op internet is veel interessants te vinden.

Zozeer zelfs dat websites, met name die met inhoud in lange vorm, moeite kunnen hebben om hun publiek te houden waar ze het nodig hebben.

Kleine animaties kunnen helpen om de hersenen op uw pagina gefocust te houden. Kleine animaties verspreid over een stuk longform-inhoud helpen om mensen geïnteresseerd te houden.

We begrijpen het. Er is al zoveel om te onthouden dat lange inhoud en statische webpagina's tijdverspilling lijken te zijn. Kleine animaties bieden een gulden middenweg tussen het benadrukken van inhoud en het verliezen van de aandacht van een uitgeput publiek.

Fantasie van de ontwerper

Statische afbeeldingen zijn nog steeds in gebruik.

Het zullen er echter minder zijn.

Voor 2022 zijn ontwerpelementen in opkomst, met websites die kiezen less stockfotografie en meer aangepast ontwerp dat uw persoonlijkheid echt plaatst waar uw site (of sociale media!) Is. Deze trend speelt ook in op een algemene verschuiving in menselijk gedrag: een plotselinge verschuiving naar hyper-custom, hyper-gepersonaliseerde inhoud en ontwerp dat is gebouwd om op te vallen boven wat de laatste tien jaar populair is geweest.

Andrea identificeert er een paar waarvan hij denkt dat ze een grotere impact zullen hebben op de manier waarop webdesign in 2022 wordt benaderd.

Dubbele esthetiek

De Art Deco-revival begon een jaar geleden, maar we hebben tot nu toe de volledige omvang van zijn potentieel niet gezien. Andrea is van mening dat Art Deco een uitstekende trend is voor 2022 en de opkomst van gepersonaliseerde inhoud vanwege het minimalisme dat het drijft. Art Deco, met zijn fundamenteel eenvoudige ontwerp, kan zowel eigentijds als klassiek zijn en is geschikt voor een breed scala aan materialen, media en merkvereisten.

Terwijl het concept van webdesign evolueert van een idee naar een discipline, is het fascinerend om te zien hoe veranderingen optreden en hoe dicht ze esthetisch zijn bij Web 1.0.

2022 zal een heleboel dingen zijn, maar saai zal daar niet een van zijn. We kijken naar een web dat toegankelijker, luider, aanpasbaarder en gemakkelijker aan te passen is geworden.

Alles zal daardoor veranderen.

We kunnen bijna niet wachten om het in handen te krijgen.

FAQs

  1. Wat is een goede website anno 2021?

Bij het bepalen van de kwaliteit van een website moeten verschillende factoren in overweging worden genomen, waaronder ontwerp, bruikbaarheid, mobiele optimalisatie, indrukwekkende inhoud en SEO.

2. Welke kenmerken geven een goed website-ontwerp weer?

Minimalisme is een tijdless ontwerptrend die nog steeds populair is onder de beste website-ontwerpen van 2020 van dit moment. Het elegante, mooie en eenvoudige uiterlijk van deze techniek maakt het zeer bruikbaar, wat resulteert in een heerlijke gebruikerservaring.

3. Wat maakt een website aantrekkelijk?

Mooie websites hebben beelden die gebruikers verleiden om een ​​bedrijf te bezoeken. Ze helpen om uw pagina in evenwicht te brengen en de tekst op te splitsen. U kunt verschillende visuele elementen op uw pagina gebruiken, zoals foto's, video's en infographics.

 

Dit is wat ons onderzoek aangeeft en wat volgens ons de top tien webdesigntrends zullen omvatten:

  1.   Heldere kleuren en kleurblokken.
  2.   Grotere lettertypen.
  3.   Beter gebruik van witruimte.
  4.   Donkere modus.
  5.   Meer 3D.
  6.   Verhoogd minimalisme.
  7.   Verborgen navigatie
  8.   Verhoogd gebruik van parallax-ontwerp.
  9.   Aangepaste illustraties.
  10. Stem.

Zoals u kunt zien, zijn sommige van deze voortzettingen van huidige trends, terwijl andere oudere trends nemen en deze veranderen in iets nieuws. We zullen ook een manier voorstellen om dit te bereiken in uw volgende webdesignproject.

1. Heldere kleuren en kleurblokken

We zijn altijd al fan van kleur geweest, dus het is geweldig om te zien dat meer kleur dit jaar een webdesigntrend wordt. We verwachten veel meer gebruik van luidere, heldere en meer opvallende kleuren in webontwerpen.

Een felle hoofdkleur met een complementaire of contrasterende secundaire kleur gaat exploderen. We zagen eind vorig jaar enkele grote merken deze stijl overnemen en we denken dat dit zal versnellen.

Vooral e-commerce profiteert van gedurfde kleurkeuzes

Kleurblokken zullen ook van invloed zijn. Door pagina's af te snijden met kleurblokken kunnen ontwerpers pagina's opdelen in hapklare stukjes terwijl ze goed werken op mobiel of desktop. Met rasters kun je ook op een georganiseerde en lineaire manier een verhaal vertellen.

Het onderstaande voorbeeld van Mango Media combineert levendige kleuren met een geweldige lettertypekeuze, een sterke illustratie en mooie schaduwen om een ​​uitzonderlijke eerste indruk te geven. Het is deze kwaliteitslevering waarvan we denken dat deze in 2020 een belangrijke webdesigntrend zal zijn.

Heldere kleuren en kleurblokken

Op zoek naar een soortgelijk ontwerp? Bekijk het onderstaande.

Divi LMS-pakket

Het Divi LMS-pakket maakt veel gebruik van kleurblokken en witruimte om een ​​zeer goed uitgebalanceerd thema te leveren. Het kleurgebruik is zeer modern en geeft het thema een eigentijdse uitstraling zonder gebruik te maken van gimmicks.

Bekijk het Divi LMS-pakket

 

Divi Software Marketing-pakket

Het Divi Software Marketing-pakket is vergelijkbaar. Het maakt gebruik van een gewaagd paars kleurenschema met een mooie paginabalans, eenvoudige lettertypen, unieke illustraties en goed gebruik van witruimte. Weer zo'n voorbeeld van eigentijds design dat gebruik maakt van de laatste trends zonder terug te vallen op overbodige elementen.

Divi Software Marketing-pakket

Bekijk de lay-out van het softwaremarketingpakket

 

Neve Mountain Bike Race-thema

Het Neve Mountain Bike Race-thema is een ander mooi voorbeeld van lettertypegebruik, kleurblokken en witruimte. De pagina is zeer evenwichtig en kan nuttig zijn voor veel soorten bedrijven, niet alleen voor vrije tijd. Het is geweldig om commercieel beschikbare webthema's van deze kwaliteit te zien!

Neve Mountain Bike Race-thema

 

Bekijk de Neve Mountain Bike Demo Live

2. Grotere lettertypen

Grotere en gedurfdere lettertypen worden dit jaar groots. Typografie is altijd essentieel geweest in webdesign, maar we zien een duidelijke verschuiving naar minder woorden in grotere of vettere letters.

We denken dat dit tot 2020 een duidelijke webdesigntrend zal zijn.

Grotere lettertypen

Grotere en gedurfdere lettertypen helpen de boodschap te versterken en samen met slimme koppen en oproepen tot actie kunnen ze krachtiger zijn dan afbeeldingen om een ​​reactie op te roepen. Mensen als Samsung hebben de kracht van het grote type al omarmd en we verwachten dat andere merken en veel kleinere bedrijven dit succes zullen evenaren. U kunt dit in actie zien in de bovenstaande schermafbeelding van de Samsung-website.

Grote en vetgedrukte lettertypen met de juiste lettertypekeuze kunnen een grote impact hebben. Er zijn honderden schone lettertypen die ongelooflijk goed zouden werken op nieuwe ontwerpen, dus keuze is zeker niet iets waar ontwerpers een tekort aan hebben.

 

Sjabloonmonster Journeo-thema

Het Templatemonster Journeo-thema is de perfecte mix van sterke afbeeldingen, kleurblokken en lettertypegebruik. Scroll verder naar beneden op de pagina en je zult ook zien dat er goed gebruik is gemaakt van witruimte en inhoudsblokken om een ​​zeer moderne en toch uitgebalanceerde pagina te bieden.

Sjabloonmonster Journeo-thema

Bekijk de Journeo-demo

Hestia Pro van Themeisle

Hesia Pro van Themeisle

Hestia Pro van Themeisle is een ander voorbeeld van goede lettertypekeuze, kleurverloop en -blokken en intelligent gebruik van witruimte. Dit is een ander hedendaags thema dat er hypermodern uitziet en tegelijkertijd realistisch is voor een modern bedrijf.

Bezoek de Hestia-demo

3. Beter gebruik van witruimte

Witruimte is altijd belangrijk geweest bij een goed pagina-ontwerp en we verwachten dat dit dit jaar nog meer naar voren zal komen. Met de opkomst van sterke kleuren en gedurfde lettertypen, wordt het gebruik van lege ruimte essentieel om deze andere webdesigntrends te laten werken. Bovendien is minimalisme nog steeds een sterke trend en we verwachten daar niet snel een einde aan te zien.

Beter gebruik van witruimte

Verwacht veel meer lege ruimte op webpagina's met veel aandacht voor banners, grotere koppen, kleurblokken en afbeeldingen. Er is een goed oog voor nodig om inhoud en lege ruimte effectief in evenwicht te brengen en meestal een geweldige onderhandelaar om klanten ervan te overtuigen dat het een goed idee is. We verwachten dat al die dingen in 2020 een trend designtrend zullen zijn.

Wistia is een goed voorbeeld van hoe lege ruimte goed wordt gebruikt op een pagina. De pagina's bevatten nog steeds veel informatie, maar tonen een perfecte balans tussen pagina-inhoud en lege ruimte.

StudioPress Foodie Pro-thema

Het StudioPress Foodie Pro-thema is een ander minimalistisch thema met veel gebruik van lettertype, witruimte en minimalisme. Het werkt goed vanwege de bedoeling van het voedselthema, maar kan ook worden aangepast aan andere industrieën. Een ander waardevol thema dat werkt op mobiel.

Check Foodie Pro hieronder of bezoek demo

StudioPress Foodie Pro-thema

 

Astra Custom Printing Pro

Astra Custom Printing Pro

Het Astra Custom Printing Pro-thema laat een geweldig gebruik zien van witruimte, lettertype, kleur en afbeeldingen op een eCommerce-thema. De pagina is zeer aantrekkelijk en trekt de aandacht naar de producten, terwijl de webinhoud wordt geminimaliseerd om die intentie aan te vullen.

Bekijk de Astra Custom Printing Pro

4. Donkere modus

Met meer apps die een donkere modus bieden, verwachten we dat websites hetzelfde gaan aanbieden. Misschien een kleurschakelaar bovenaan de pagina, zodat de gebruiker kan kiezen tussen lichte of donkere modi, afhankelijk van het apparaat of de situatie.

Donkere modus

Er komt veel kijken bij een donker ontwerp, maar als het goed wordt gedaan, kan het een gevoel van luxe en exclusiviteit aan een pagina geven. Als alternatief kan het een pagina op sommige apparaten of bij weinig licht beter leesbaar maken.

Browsers en browserplug-ins voegen in toenemende mate 'force dark mode'-tools toe om zelfs lichte ontwerpen te manipuleren zodat ze donker worden. Aangezien dit een stijgende trend is, kun je het net zo goed in je pagina's opnemen, zodat je het eindresultaat onder controle hebt!

Net als witruimte, dragen donkere achtergronden ook bij aan de andere webdesigntrends van het jaar, gedurfde kleuren, een groot lettertype en minimalisme kunnen allemaal samenwerken om een ​​uitzonderlijke gebruikerservaring te bieden. Dit is slechts een van de redenen waarom we denken dat donkere ontwerpen en donkere modi in 2020 zullen heersen.

bear gryls dark mode website

De Bear Grylls-website (hierboven afgebeeld) is een goed voorbeeld van goed uitgevoerde donkere modus. Het is ook een geweldig voorbeeld van een sterk lettertype, geweldige afbeeldingen en minimalistische navigatie!

Themabos Jupiter-thema

Themabos Jupiter-thema

Het Themeforest Jupiter-thema laat zien wat we bedoelen met donkere website-ontwerpen, sterke kleuren en een fantastische lettertypekeuze. Het is een opvallend thema dat meteen opvalt en de kernboodschap in de eerste 2 seconden overbrengt. Hier hoeft niet veel meer over te worden gezegd!

Bekijk de Jupiter-demo

Hoe groter het lettertype, hoe minder voorbeelden ervan op een pagina zouden moeten staan. Dit leidt ons mooi naar…

 

5. Meer 3D

Veel webdesigners vermeden voorheen 3D-beelden omdat het tijd zou kosten om te renderen.

Verbeteringen in zowel ontwerptools als apparaatmogelijkheden betekenen dat 3D niet langer buiten het bereik valt bij het ontwerpen van webpagina's. We denken dat dit in 2020 een nieuwe webdesigntrend zal voeden, die van 3D-afbeeldingen en webcontent.

Meer 3D

De Welly-website (hierboven afgebeeld) is een geweldig voorbeeld van 3D in actie en het duurt niet langer om te laden dan een standaardpagina. Er is veel vaardigheid voor nodig om een ​​interactief 3D-beeld te ontwerpen zonder langzaam laden te veroorzaken, maar als het goed wordt gedaan, kan het een geweldig effect creëren waardoor een pagina opvalt.

Dit is een van die trends die de hoogst mogelijke kwaliteit eisen op het gebied van lay-out en animatie. Er is geen ruimte voor de op één na beste bij het werken in 3D, dus dit kan zowel een uitdaging als een kans zijn!

Velen denken dat 3D-ontwerp een bezoeker langer op de pagina houdt en de interactie verhoogt. Dat en het feit dat het er erg cool uitziet, is waarom we denken dat 3D dit jaar groot gaat worden.

6. Verhoogd minimalisme

Minimal design werkt overal. Op desktop, op mobiel, op webpagina's, apps en alles met een gebruikersinterface. Het is geenszins een nieuwe trend, maar we denken dat het in de loop van 2020 in populariteit zal toenemen.

Minimalisme is een van de moeilijkste webontwerptechnieken om goed te krijgen (hoewel we het hier in detail hebben besproken). Er is echte vaardigheid voor nodig om een ​​webpagina goed te balanceren en tegelijkertijd te voldoen aan de behoeften van het ontwerp, de klant en het publiek.

Minimalisme is compatibel met grotere lettertypen, fellere kleuren, donkere modus, aangepaste illustraties en de vele andere webdesigntrends die we nu zien. Het werkt ook ongelooflijk goed op kleinere schermen en daarom denken we dat het dit jaar zal exploderen.

Verhoogd minimalisme

Minimalisme sluit aan bij onze behoefte aan snelheid, de wens om bij de les te blijven en weinig geduld voor pluisjes of onnodige opbloei in webdesign.

Evolueren (hierboven afgebeeld) is een uitstekend voorbeeld van minimalistisch ontwerp dat zeer goed gebruik maakt van kleur en lettertype. Zelfs de navigatie wordt tot een minimum beperkt!

Sjabloonmonster Kuba-thema

Sjabloonmonster Kuba-thema

Het Templatemonster Kuba thema is een masterclass in minimalisme. Het gebrek aan dingen om te zien en te doen werkt in het voordeel van de pagina en laat de elementen zien die de ontwerper wil dat je ziet. Het laadt snel en werkt ook op mobiel.

Bekijk het Kuba-thema

StudioPress Breakthrough Pro-thema

StudioPress Doorbraak Thema

Het StudioPress Breakthrough Theme is een uitstekend voorbeeld van minimalistisch design met gedurfde lettertypen en kleine kleurblokken. Er is ook goed gebruik gemaakt van witruimte in het hele thema, wat zich ook goed vertaalt in de mobiele versie.

Bezoek de baanbrekende demo

7. Verborgen navigatie

Zoals hierboven vermeld, werkt minimalisme hand in hand met verborgen of minimale navigatie. We denken dat dit een andere ontwerptrend is die we in 2020 zullen zien. De meeste internetgebruikers zijn bekend genoeg met website-ontwerp dat ze weten dat als een menu niet meteen zichtbaar is, het ergens op de pagina zal staan. Zolang het ontwerp duidelijk genoeg is, denken we dat dat meer dan genoeg is om verborgen navigatie te stimuleren.

Verborgen navigatie

Hoewel essentieel voor sommige ontwerpen, nemen navigatie en menu's veel schermruimte in beslag. Hoe kleiner het scherm, hoe compacter het ontwerp moet zijn. Verborgen navigatie lost dat op. Zolang het algehele ontwerp maar duidelijk maakt waar de navigatie te vinden is natuurlijk!

De Mill-website is een geweldig voorbeeld van goed uitgevoerde verborgen navigatie.

Verborgen navigatie vormt wel een uitdaging. Studies hebben aangetoond dat verborgen navigatie invloed kan hebben op de tijd op de pagina, de interactie en de tevredenheid van bezoekers. Er moet voor worden gezorgd dat minimalisme wordt gecombineerd met een goed ontwerp, naast de pasvorm van het merk en het publiek.

Themeforest Salient-thema

Het Themeforest Salient-thema

Het Themeforest Salient-thema bevat veel van de webontwerpthema's waar we het over hebben gehad. Kleur, witruimte, lettertype, blokken, minimalistische navigatie en geweldig ontwerp om een ​​zeer modern thema te leveren dat geschikt is voor allerlei soorten portfolio's.

Zie Salient in actie

8. Verhoogd gebruik van parallax-ontwerp

Verhoogd gebruik van parallax-ontwerp

Parallax-ontwerp is niets nieuws, maar we denken dat we er dit jaar veel meer van gaan zien. Deze ontwerpstijl werd vaak overgelaten aan webontwerpen op instapniveau of sjabloonmarktplaatsen waar het geen echt doel diende en geen echte impact had. Ontwerpen zoals die van ToyFight.co zullen dat allemaal veranderen.

Betere animatietools en -technieken betekenen het creëren van echt geslaagde parallax-effecten die op verschillende browsers en apparaten werken om een ​​echte impact te maken. Naast een goede kleurkeuze, slimme afbeeldingen of illustraties en een goede paginabalans, is er geen reden waarom je geen boeiend verhaal kunt vertellen via een scrollende pagina.

Astra Yoga Instructeur

Astra Yoga Instructeur

Het Astra Yoga Instructor-thema is een ander thema dat gebruik maakt van moderne trends van sterke beelden, kleurgebruik, goede lettergrootte, kleur en keuze en een netjes parallax-effect met het logo op de achtergrond. Dit is een uitstekend thema voor zijn niche en werkt goed.

Bekijk Astra-voorbeelden met Parallax

9. Aangepaste illustraties

Aangepaste illustraties zijn een manier voor een merk om echt op te vallen. Vergeet stockfoto's of massamarktvectoren, aangepaste illustratie is waar het om is. Gebouwd binnen het kleurenschema van het merk, kunnen echt originele illustraties een krachtige manier zijn om emoties en een resultaat op te roepen en op te roepen. We denken dat dit dit jaar exponentieel gaat groeien.

Aangepaste illustraties

Het voordeel van aangepaste illustraties is dat ze voortdurend kunnen worden bijgewerkt, geconfigureerd om aan een stemming of situatie te voldoen en op verschillende apparaten op verschillende manieren kunnen worden gebruikt. Ze kunnen ook worden gecombineerd met animaties om een ​​boeiende ervaring te bieden zonder de pagina te vertragen of de klantreis in de weg te staan. Fixate (hierboven weergegeven) is een geweldig voorbeeld van aangepaste illustratie die met groot effect werkt.

Ze kunnen extra kosten met zich meebrengen tijdens de ontwikkelingsfase, maar de meeste grafische ontwerpers kunnen illustraties vrij snel omdraaien. Dit is nog een ander voordeel van het gebruik ervan.

10. stem

Voice wordt steeds relevanter op internet. Search moet nu al voice implementeren en webdesign zal moeten volgen. Volgens dit onderzoek zal 65% van de internetgebruikers tussen 25 en 49 jaar spraak gebruiken om met hun apparaten te communiceren. Het gebruik van spraak in paginaontwerp, navigatie en zoeken is een logische evolutie. Een waarvan we denken dat het een belangrijke webdesigntrend zal zijn in 2020.

Stem

Siri, Alexa, Google Now en Cortana hebben ons allemaal tot op zekere hoogte kennis laten maken met spraakopdrachten. Onze toegenomen afhankelijkheid van mobiel biedt de ideale mogelijkheid om spraakgestuurd zoeken te gebruiken, dus waarom niet ook websitenavigatie en -interactie?

Voice User Interfacing verbetert ook de toegankelijkheid van een website, waardoor de toegang voor alle capaciteiten wordt verbeterd. Verschillende landen voeren strengere toegankelijkheidswetten in, maar een website voor iedereen beschikbaar maken is een kernprincipe van zowel internet als het wereldwijde web, dus waarom zouden we spraak niet in een website integreren.

Deze gids gaat uitgebreid in op de impact van stem op design design. Zeker het lezen waard. Net als de gids van Google voor hun spraakgestuurde webapp-API.

De webdesigntrends waarvan we denken dat ze in 2020 het web zullen beheersen, zijn voornamelijk evoluties van bestaande thema's. Er is hier niets compleet nieuws, maar er is nog steeds veel om naar uit te kijken, of je nu een webgebruiker of ontwerper bent.

Een van de redenen waarom we enthousiast zijn over al deze dingen, is dat ze een echte uitdaging zijn voor webontwerpers. Voorbij zijn de dagen van sjabloonpagina's en kant-en-klaar ontwerp.

Dit is de tijd van individualiteit, aangepaste lettertypen en illustraties, perfect uitgebalanceerde webpagina's met witruimte en afbeeldingen en een echt persoonlijke browse-ervaring. Voeg functionaliteit toe zoals 3D, sterk verbeterde parallax scrollen en spraak en je hebt een bruikbaarder web voor iedereen. Dat moet een trend zijn die het volgen waard is!

Ben je het eens met onze trendselectie? Heb je ideeën voor andere webdesigntrends dit jaar? Vertel ons over hen in de comments hieronder! 

Over de auteur
David Attard
Auteur: David AttardWebsite: https://www.linkedin.com/in/dattard/
David heeft de afgelopen 18 jaar in of rond de online / digitale industrie gewerkt. Hij heeft uitgebreide ervaring in de software- en webdesign-industrie met WordPress, Joomla en niches eromheen. Als digitale consultant richt hij zich op het helpen van bedrijven om een ​​concurrentievoordeel te behalen door een combinatie van hun website en digitale platforms die vandaag beschikbaar zijn.

Nog een ding... Wist je dat mensen die nuttige dingen zoals dit bericht delen er ook GEWELDIG uitzien? ​
Alstublieft laat een nuttig geef commentaar met je mening, deel dit dan op je Facebook-groep (en) die dit nuttig zouden vinden en laten we samen de vruchten plukken. Bedankt voor het delen en aardig zijn!

Disclosure: Deze pagina kan links bevatten naar externe sites voor producten die we geweldig vinden en die we van harte aanbevelen. Als u producten koopt die we aanbevelen, kunnen we een verwijzingsvergoeding verdienen. Dergelijke vergoedingen hebben geen invloed op onze aanbevelingen en we accepteren geen betalingen voor positieve beoordelingen.

Auteur (s) Uitgelicht op:  Inc Magazine-logo   Sitepoint-logo   CSS Tricks-logo    webdesignerdepot-logo   WPMU DEV-logo   en nog veel meer ...