Wordpress

Terugkijkend op de beste webdesigntrends (2018-2019)

Webdesign is voortdurend in ontwikkeling. Naarmate technologie krachtiger wordt en ontwerpers experimenteren met nieuwe stijlen, presenteert elk jaar een unieke reeks opwindende trends in de online wereld. Op basis van de ontwerpen die de afgelopen jaren zijn ontstaan ​​en nieuwe technologie die wordt ontwikkeld, is het mogelijk om te voorspellen wat er in de loop van 2020 gaat gebeuren.

Laten we de afgelopen jaren in webdesign samenvatten en de opkomende stijlen onderzoeken, zodat u weet wat u kunt verwachten in het komende nieuwe jaar en daarna.

Waarom op de hoogte blijven van de trends?

Niet elke rage op het gebied van webdesign is levensvatbaar, zoveel is zeker. Er is een tijd en plaats voor alles, en het zonder reden reviseren van je website kan meer kwaad dan goed doen, vooral als het ten koste gaat van bruikbaarheid en UX.

Maar hoewel u uw site niet zonder serieuze overweging een facelift moet geven, heeft het zeker enige verdienste om gelijke tred te houden met webdesigntrends, vooral die op basis van technologische vooruitgang.

Als u bijvoorbeeld nog nooit van AI-chatbots, progressieve web-apps of CSS-raster heeft gehoord, gebruikt u mogelijk verouderde technologie waardoor u conversies verliest. Bedenk hoe revolutionair responsive design was voor internet; je wilt de volgende keer dat zo'n ontwikkeling zich weer voordoet niet als laatste aan boord zijn.

En zelfs als de trends puur esthetisch zijn, is er nog steeds de verdienste om ze bij te houden. Een effen witte, schone, eenvoudige website kan bijvoorbeeld functioneel zijn. Maar met het meer avant-gardistische webdesign dat de afgelopen jaren is aangenomen, vinden gebruikers het ook behoorlijk saai.

Zelfs kleine veranderingen zoals het toevoegen van meer kleur, gebroken rasters of micro-interactie-animaties kunnen een grote bijdrage leveren aan het relevant houden van uw site.

En naarmate webontwerpers groeien, leren en zich aanpassen aan nieuwe technologieën, zijn sommige van deze ontwikkelingen en trends een stuk beter voor wat betreft schoonheid en functionaliteit. Denk eens aan hoe sites er 20 of zelfs 10 jaar geleden uitzagen en werkten... we hebben een lange weg afgelegd en hebben nog een lange weg te gaan.

Als u een moderne webdesigntrend ziet die bij uw merk past en de bruikbaarheid helpt of in ieder geval niet schaadt, is het misschien de moeite waard om mee te doen.

Samenvatting: trends in webdesign 2018

Nu 2020 hier is, lijkt 2018 steeds verder weg. Maar de trends blijven het internet beïnvloeden, zelfs als er gloednieuwe stijlen verschijnen, en aangezien veel hiervan nog steeds relevant zijn voor modern design, is het goed om terug te kijken en te zien hoe ver we zijn gekomen.

Webdesign is al een paar jaar aan het verschuiven van minimalistische eenvoud naar gedurfd individualisme, maar het bereikte allemaal een hoogtepunt in 2018. We kunnen de effecten zelfs nu nog voelen, en het internet zal zeker blijven bevolken met originele, unieke stijlen .

2D-illustraties, 3D-animatie

webdesign trends: 2d 3d
Een voorbeeld van een 2D illustratie (Bron: Nomadic Tribe)

Illustraties zijn een van de beste manieren om persoonlijkheid over te brengen en 2D-tekeningen duiken steeds vaker op. Ze zijn geweldig voor branding en maken uw website een stuk gedenkwaardiger, dus het is geen verrassing. Een website met verbluffende illustraties zal niet snel vergeten worden.

3D-achtergrondanimatie werd ook populairder dankzij de toegenomen kracht van browsers, animatietechnologie en apparaten zoals computers en telefoons. Vooral gebruikelijk op portfolio- en bureauwebsites, trekken 3D-animaties onmiddellijk de aandacht en bieden ze kansen voor leuke UI-interactiviteit.

In de toekomst zullen handgemaakte illustraties en animaties alleen maar in populariteit toenemen. Ze pronken met de persoonlijkheid van uw merk op een manier die niets anders kan (en het bleek te werken als een strategie).

Subtiliteit, plat en minimalisme

Webflow
Flat design was behoorlijk populair (Bron: Webflow)

Ondanks stappen naar meer originele, opvallende stijlen, bleef minimalisme het internet domineren. Schone eenvoud is ontegensprekelijk aantrekkelijk, en zelfs op sites met helderdere kleuren of experimentele elementen ging dit vaak gepaard met een plat ontwerp.

"Flat 2.0", of semi-plat ontwerp, kreeg echter meer wortel door het gebruik van schaduwen, verlopen en andere, iets complexere elementen. Zolang minimalisme bestaat, zullen ontwerpers een manier vinden om er een draai aan te geven.

Subtiele animaties waren ook een groot deel van 2018, met overal lichte parallax en zachte zweefeffecten. Hierdoor konden minimalistische websites hun eenvoud behouden terwijl het algehele ontwerp veel mooier werd.

Geometrisch ontwerp

De meeste sites bevatten tot op zekere hoogte polygonen en geometrie, maar geometrisch ontwerp was een groot deel van de trends van 2018. Sites werden uitsluitend gemaakt rond eenvoudige vormen zoals vierkanten, rechthoeken en lijnen, en ze kwamen ook voor in kleinere details zoals knopen of decoratieve dozen.

Een groot deel hiervan waren organische geometrische vormen, of die enigszins onregelmatig en onvolmaakt zijn. Ze hebben vaak zachte hoeken en asymmetrie, en hun ongewone uiterlijk is nogal interessant. De scherpe hoeken van veelhoeken en afgeronde randen van organische geometrie werden vaak gecombineerd om een ​​visueel aantrekkelijk contrast te creëren.

webdesign trends: giftrocket
Geometrische ontwerpen regeerden de dag (Bron: GiftRocket)

Heldere en gedurfde kleuren

Het internet dat ooit gewoon en wit was, barst nu van de kleuren, levendige en avontuurlijke paletten om elke hoek. De dagen van een of twee gedempte tinten in elk kleurenschema vervagen, heldere en gewaagde paletten nemen snel hun plaats in.

Gradiënten verschenen overal en blijven zelfs vandaag de dag een populaire keuze, hun intense en levendige tinten vullen de koppen van veel prominente sites.

spotify
Felle kleuren spraken boekdelen (Bron: Spotify)

Naast de levendige kleurenschema's kwamen glitch- en vervormingseffecten, de heldere flikkerende animaties die in menig ontwerper- of ontwikkelaarsportfolio verschenen. Hoewel de populariteit enigszins is vervaagd, kun je ze nog steeds op internet vinden.

Gebroken rasterontwerp

opstartlab
Iedereen begroet het gebroken netwerk (Bron: Startup Lab)

De meeste websites zijn gebouwd op een eenvoudige rastergebaseerde lay-out, met elementen netjes verdeeld in secties. Gebroken rasterontwerp verbrijzelt die verwachting, overlappende elementen en gooit symmetrie uit het raam. Deze onconventionele lay-out is een van de meest opvallende manieren om de mal te doorbreken en op te vallen.

Een andere stijl die veel aandacht kreeg was split-screen design, een techniek waarbij het scherm werd opgedeeld in twee panelen met elk hun eigen inhoud. Over het algemeen werden lay-outs een stuk interessanter.

AI en machine learning

Chatbots zijn een groot probleem. Deze handige programma's reageren dynamisch op klanten, waarbij het proces van ondersteuning of aankoop gedeeltelijk of volledig wordt geautomatiseerd. Machine learning stelt hen in staat om gegevens te onderzoeken en te leren reageren op vragen en opmerkingen, en om een ​​deel van de werklast van uw menselijke ondersteuningsmedewerkers te verlichten.

Maar dit is nog maar het begin. Naarmate de technologie haar vooruitgang voortzet, zullen AI en machine learning ongetwijfeld nog meer geïntegreerd worden met online systemen.

De opkomst van brutalisme

de omtrek
Brutalisme is ruw voor de ogen, maar maakt een statement (Bron: The Outline)

Brutalisme is niet mooi, maar zijn vreemde aantrekkingskracht heeft de harten van velen veroverd. Gekenmerkt door felle kleuren, anti-UX-keuzes en all-over-the-place design, moedigt brutalisme ontwerpers aan om gek te worden en een site te maken die de verwachtingen overtreft. Je zou in de toekomst meer van deze niet-uniforme stijl moeten verwachten.

Verhalen vertellen met webdesign

Atlasianus
Design kan worden gebruikt om een ​​verhaal te vertellen - (Bron: Atlassian)

Visuals zijn een van de beste manieren om informatie effectief over te brengen, of u nu een verhaal probeert te vertellen of veel gegevens voor mensen leesbaar wilt maken. Webdesigners vertellen hun verhaal door middel van charmante illustraties en datavisualisatie, met interactieve en visuele ontwerpen die hun boodschap aantrekkelijker en begrijpelijker maken.

De grootste webdesigntrends van 2019

2019 deelde veel webdesigntrends met 2018, zoals een gebroken rasterontwerp en gedurfde kleurenpaletten. Maar de dingen zijn nog gekker geworden, met veel experimenten van gedurfde ontwerpers.

Het lopende thema voor 2019: het buigen en breken van regels. Wit, plat, op rasters gebaseerd minimalisme eruit, heldere en gedurfde asymmetrie erin. Hoewel een strak ontwerp en witte ruimte altijd een grote kanshebber zullen zijn, zijn ontwerpers de laatste tijd meer bereid om nieuwe dingen te proberen. We zien dat veel van deze in 2020 op volle kracht doorgaan.

Levendigheid en kleurexperimenten

fotonaut
Levendige kleuren domineren (Bron: Fotonaut)

Het internet wordt steeds kleurrijker. Verlopen zijn tegenwoordig heel gewoon, en websites hebben vaak heldere en flitsende paletten die een paar jaar geleden ongehoord waren. Paletten zelf zijn meer experimenteel, breken met de gebruikelijke vorm van complementaire of contrasterende kleuren en gaan alle kanten op.

Sites hebben niet langer dezelfde een of twee eenvoudige, gedempte kleuren. Zachte pastelkleuren, felgekleurde tinten en paletten van elk formaat nemen het over. Scherp contrast, zachte subtiliteit en paletten boordevol persoonlijkheid mixen samen om het internet veel diverser te maken.

Monochroom is momenteel ook een grote rage. Dit neemt vaak de vorm aan van volledig zwart-wit of grijswaardenwebsites met een donkere esthetiek, maar u kunt ook sites vinden die uitsluitend rond een enkele kleur zijn gemaakt.

Meer illustraties

absurd
Illustraties waren nog steeds populair (Bron: absurd)

Illustraties en visuele inhoud waren ook groot in 2018, maar ze zijn blijven evolueren. Kunstenaars nemen stappen weg van de typische, simplistische stijl van illustratie die de meeste sites gebruiken, en proberen iets anders.

Een opkomende trend is excentrieke, speelse kunst die afwijkt van de normaliteit en een meer abstracte, willekeurige stijl uitprobeert. Deze illustraties negeren typische grenzen en zijn absoluut niet bang om te pronken met de persoonlijkheden van hun makers.

3D-illustraties zijn ook behoorlijk populair. Het is slechts een kleine draai aan de trend van veelal platte kunstwerken, maar het blaast er veel nieuw leven in. Sommige hiervan zijn 2D-kunstwerken die zijn getekend om er 3D uit te zien, terwijl andere echte driedimensionale weergaven zijn. Hoe dan ook, ze winnen snel terrein naast 3D-webanimaties.

jet-stijl
En 3D-illustraties maakten indruk (Bron: Jet Style)

Last but not least in de geïllustreerde trend is animatie. Geanimeerde kunst trekt meteen de aandacht en voegt een extra laag persoonlijkheid toe aan een kunstvorm die al behoorlijk expressief is. Zowel 2D- als 3D-geanimeerde kunst zal blijven groeien naarmate deze rage meer aandacht krijgt.

Vet ontwerp

2019 webdesign kan worden samengevat in drie woorden: groot en vet. Hoe groter en experimenteler, hoe beter, vooral wanneer het eindresultaat flitsend is en onmiddellijke aandacht vereist.

Brutalistisch webdesign gaat nog steeds goed, met hele websites gewijd aan het verzamelen van het beste op het gebied van brutalisme. De grimmige, lelijke, anti-gebruikerskunstvorm maakt zeker een statement: webdesign ging altijd alleen over het creëren van een goede gebruikerservaring, maar brutalisme probeert er een kunstwerk van te maken. Het is niet duidelijk hoe lang brutalisme zal duren, maar de trend heeft nog steeds een fervent aanhang.

visuele doos
Brutalisme domineert nog steeds (Bron: Visualbox)

Het lijkt alsof alles groter wordt, maar de grootste impact hiervan is geweest op typografie en navigatie. Het is niet ongebruikelijk om tekst te zien die het scherm bijna volledig vult, of zelfs ontwerpen die uitsluitend rond typografie zijn gemaakt, met weinig tot geen afbeeldingen.

Moe van een trage host voor uw WordPress-site? We bieden razendsnelle servers en 24/7 ondersteuning van wereldklasse door WordPress-experts. Bekijk onze plannen

Lettertypen worden ook creatiever, vooral dankzij kleurlettertypen, waardoor het eindelijk mogelijk wordt om lettertypen aan te passen en weer te geven die eruitzien alsof ze zijn verbeterd in Photoshop. Typografie als focuspunt is nu een haalbare methode van webdesign.

Ook de navigatie wordt uitgebreid. Sierlijke header-navs en elegante dropdowns of hamburgermenu's worden vervangen door dominerende schermen, met volledige schermen gewijd aan navigatie, opnieuw vaak gericht op enorme typografie. In deze gedetailleerde gids vindt u meer informatie over best practices voor websitenavigatie.

stam
Headerontwerpen hebben ook impact gemaakt (Bron: Tribu)

Let ook op levendige videoheaders van helden, geanimeerde achtergronden en over het algemeen meer video-inhoud op webpagina's. Video-elementen waren vroeger een punt van zorg, omdat ze traag laadden en beperkte mobiele data opslokten, maar dankzij sterkere hardware en fallback-afbeeldingen kun je nu video's overal gebruiken. Die prachtige website met een geanimeerde achtergrond op volledig scherm, ooit een zeldzaamheid, staat op het punt steeds gebruikelijker te worden.

Asymmetrie

nieuwe vlucht
Assymetrie is nog steeds erg populair (Bron: New Flight)

Gebroken rasterontwerp blijft erg populair. Websites kiezen er vaak voor om typische lay-outs te vermijden en te kiezen voor iets meer artistieks, met veel overlappende stukken en elementen over het hele scherm. Het is een stijl die moeilijk uit te voeren is, maar het ziet er geweldig uit als je het eenmaal onder de knie hebt.

Maar voor degenen die niet geïnteresseerd zijn in het volledig doorbreken van de mal, is een beetje asymmetrie een acceptabel alternatief. Vooral asymmetrische splitscreen-ontwerpen zijn populair, zelfs als deze sites zich nog steeds aan een raster houden.

Over rasters gesproken, CSS-raster is een superkrachtige toevoeging aan CSS die werkt in twee dimensies, kolommen en rijen, en waarmee u eenvoudig vanaf het begin websitelay-outs kunt maken. Met een beetje CSS-magie kun je ook een gebroken rasterlay-out maken, dus alles is mogelijk. Webontwerpers en -ontwikkelaars beginnen het CSS-raster op te pikken, dus mis het niet.

Meer effecten en animaties

3u-ik
Animaties kunnen een positieve impact hebben op UI en UX design (Bron: 3H-i)

Hoewel brutalisme in sommige hoeken van het web gemeengoed wordt, richt de rest zich op UI/UX-ontwerp: een mooiere interface creëren en tegelijkertijd de gebruikerservaring verbeteren.

Een groot deel hiervan zit in micro-interacties. Denk aan het zweven over een product in een winkel of spelen met een interactieve, geanimeerde achtergrond. Deze kleine animaties maken een website leuker om te navigeren en brengen plezier in kleine interacties zoals klikken en zweven. Sommige sites zijn zelfs zo ver gegaan als het implementeren van schattige minigames.

Maar het is niet allemaal alleen voor de lol. Micro-interacties hebben vaak hetzelfde doel als de gewone subtiele animatie: ze leiden de aandacht van de gebruiker naar belangrijke UI-elementen. En over-implementatie kan snel oud worden, dus het is een spel van het uitzoeken van het ideale aantal animaties om op uw website op te nemen.

Scroll- en parallax-effecten zijn natuurlijk net zo populair als altijd en kunnen een dynamische gelaagde look aan een pagina toevoegen en deze een stuk interessanter maken.

Let ook op aangepaste cursors. Deze werden ooit zelden gezien buiten kleine blogs of sites voor kinderen, maar ze zijn nu een populaire keuze, vooral voor sites die zijn gebouwd rond 3D-geanimeerde achtergronden of navigatie. Een elegante aangepaste cursor kan uw esthetiek echt verbeteren.

witte ruimte

Apple iPhone
Witruimte wint nog steeds (Bron: Apple)

Zoals altijd zullen witruimte en strak design een plaats blijven krijgen in webdesigntrends. Eenvoudig en schoon is een veilige keuze: er is een reden waarom deze stijl op bijna elke moderne website aanwezig is.

Maar zelfs als je een gedurfdere, meer unieke benadering nastreeft, is witruimte nog steeds iets waar je omheen moet. Elke site heeft ademruimte nodig en witruimte kan worden gebruikt om afbeeldingen of andere inhoud zorgvuldig te markeren en te benadrukken.

Veel witruimte kan met groot effect worden gebruikt, waarbij hele delen van het scherm leeg blijven om belangrijke elementen voldoende ruimte te geven. Maximale witruimte is een stijl die zich de komende jaren waarschijnlijk zal voortzetten.

Progressive Web Apps

Het volgende grote ding in mobiel ontwerp: progressieve web-apps. Deze webgebaseerde platforms zijn gebouwd op code zoals HTML en JavaScript, maar ze functioneren en gedragen zich als mini-apps voor mobiele gebruikers. Ze zijn gemaakt om de ervaring van een app te bieden zonder dat ze daadwerkelijk op mobiele technologie zijn gebouwd of in de app store zijn uitgebracht.

PWA's werken offline, kunnen meldingen verzenden en worden vastgezet op het startscherm, maar u hoeft niets te downloaden of te verspreiden. Ze zijn licht van gewicht en laden ook snel, zodat ze niet te veel bandbreedte in beslag nemen.

Zelfs Twitter is in PWA's gestapt en heeft Twitter Lite ontwikkeld als een oplossing voor mensen met lage internetsnelheden. En uiteindelijk integreerden ze het systeem rechtstreeks in hun hoofdinterface. Dat is een bewijs van hoe goed deze technologie werkt.

Als je nog niet van progressieve web-apps hebt gehoord, moet je zeker wat onderzoek doen. Door er een te bouwen, kunnen de ervaringen van uw mobiele gebruikers een stuk soepeler worden.

Op zoek naar ideeën om je #WordPress-site een facelift te geven? Bekijk de laatste webdesign trends van de afgelopen jaren en laat je inspireren! 👩🎨💡Klik om Tweet

Samengevat

2018 en 2019 waren een paar spannende jaren voor de online wereld. 2020 brengt nu al nog meer avontuurlijke ontwerpen. Regelbrekende elementen zoals asymmetrie, felle kleuren, brutalisme en opvallende animaties zullen de komende jaren steeds populairder worden.

Wie weet wat er nog komt? We hebben zeker nog meer onconventionele nieuwe kunststijlen in petto.

Als je het nog niet doorhebt, is het misschien tijd om een ​​aantal van je ontwerpen opnieuw uit te vinden en deze hete nieuwe trends te vangen. Verwacht dat merken en ontwerpers zich echt gaan uiten en dat internet veel levendiger en interessanter wordt.

Het volgende decennium van webdesign zal waarschijnlijk gepaard gaan met het nemen van risico's en innovatie, dus zorg ervoor dat u klaar bent om bij te blijven.

Gerelateerde artikelen

0 Comments
Inline feedbacks
Bekijk alle reacties
Terug naar boven knop