Å hoppe fremover: 10 nettdesigntrender du bør bruke i 2021

nettdesigntrender 2021

Den konstante i webdesign er at ingenting er konstant. Designtrender endres, teknologier gir flere muligheter for uttrykk, og vår appetitt og smak varierer kontinuerlig. Med det nye året godt i gang, kan det nå være en god tid å se hva vi tror de beste trendene for webdesign for 2020 vil være.

Noe av det som er bra med internett er at det aldri blir stille. Det kan se ut samme dag etter dag, men når du ser tilbake på året før, (eller kanskje du vil hoppe tilbake til 90-tallet, og se hvilke trender du virkelig ikke går glipp av) du raskt innse hvor mye som faktisk har endret seg. Denne jevne utviklingen er flott for nettbrukere, ettersom landskapet alltid utvikler seg. Det er ikke så bra for utviklere som hele tiden må følge med i endringstempoet!

 

Her er hva forskningen vår indikerer og hva vi tror de ti beste trendene for webdesign vil omfatte:

  1.   Lyse farger og fargeblokker.
  2.   Større skrifttyper.
  3.   Bedre bruk av mellomrom.
  4.   Mørk modus.
  5.   Mer 3D.
  6.   Økt minimalisme.
  7.   Skjult navigasjon
  8.   Økt bruk av parallaksdesign.
  9.   Egendefinerte illustrasjoner.
  10. Stemme.

Som du kan se, er noen av disse fortsettelser av nåværende trender, mens andre tar eldre trender og endrer dem til noe nytt. Vi vil også foreslå en måte å oppnå dette på i ditt neste webdesignprosjekt.

1. Lyse farger og fargeblokker

Vi har alltid vært fans av farger, så det er flott å se at flere farger blir en webdesigntrend i år. Vi forventer å se mye mer bruk av sterkere, lyse og mer markante farger i webdesign.

En lys hovedfarge med en komplementerende eller kontrasterende sekundærfarge kommer til å eksplodere. Vi så noen store merker vedta denne stilen sent i fjor, og vi tror den kommer til å akselerere.

Spesielt e-handel har fordeler av dristige fargevalg

Fargeblokker kommer også til å være innflytelsesrike. Seksjonering av sider med fargeblokker gjør det mulig for designere å dele opp sider i bitestørrelser mens de fungerer godt på mobil eller stasjonær PC. Rutenett lar deg også fortelle en historie på en organisert og lineær måte.

Eksemplet nedenfor av Mango Media blander livlige farger med flott skriftvalg, en sterk illustrasjon og fin skygge for å gi et eksepsjonelt førsteinntrykk. Det er denne kvalitetsleveransen vi tror vil være en førsteklasses trend for nettdesign i løpet av 2020.

Lyse farger og fargeblokker

Ønsker du å oppnå et lignende design? Sjekk ut nedenfor.

Divi LMS-pakke

Divi LMS-pakken bruker god fargeblokk og mellomrom for å levere et veldig balansert tema. Bruk av farger er veldig moderne og gir temaet et moderne preg uten å bruke gimmicks.

Sjekk ut Divi LMS-pakken

 

Divi Software Marketing-pakke

Divi Software Marketing-pakken er lik. Den bruker en fet lilla fargevalg med fin sidebalanse, enkle skrifter, unike illustrasjoner og god bruk av hvite mellomrom. Et annet eksempel på moderne design som bruker de nyeste trendene uten å stole på overflødige elementer.

Divi Software Marketing-pakke

Sjekk ut programvaremarkedsføringspakken

 

Neve Mountain Bike Race tema

Neve Mountain Bike Race-temaet er et annet fint eksempel på skriftbruk, fargeblokker og hvite mellomrom. Siden er veldig balansert og kan være nyttig for mange typer virksomheter, ikke bare for fritid. Det er flott å se kommersielt tilgjengelige webtemaer av denne kvaliteten!

Neve Mountain Bike Race tema

 

Se Neve Mountain Bike Demo Live

2. Større skrifttyper

Større og dristige skrifter kommer til å bli store i år. Typografi har alltid vært viktig i webdesign, men vi ser et klart skifte mot færre ord i større eller dristigere type.

Vi tror dette vil være en klar trend for webdesign gjennom 2020.

Større skrifttyper

Større og dristige skrifter hjelper til med å forsterke meldingen, og sammen med smarte overskrifter og oppfordringer til handling kan være kraftigere enn bilder når de fremkaller et svar. Slike som Samsung har allerede omfavnet kraften til stor type, og vi forventer at andre merker og mange mindre bedrifter skal etterligne denne suksessen. Du kan se dette i aksjon i skjermbildet ovenfor fra Samsungs nettsted.

Store og fete skrifter med riktig skriftvalg kan være veldig effektive. Det er hundrevis av rene skrifter rundt som vil fungere utrolig bra på nye design, så valg er absolutt ikke noe designere mangler.

 

Templatemonster Journeo-tema

Templatemonster Journeo-temaet er den perfekte blandingen av sterke bilder, fargeblokker og skriftbruk. Rull lenger ned på siden, og du vil også se god bruk av mellomrom og blokker av innhold for å gi en veldig moderne, men likevel balansert side.

Templatemonster Journeo-tema

Sjekk ut Journeo Demo

Hestia Pro fra Themeisle

Hesia Pro fra Themeisle

Hestia Pro fra Themeisle er et annet eksempel på godt skriftvalg, fargepopp og blokker og intelligent bruk av hvite mellomrom. Dette er et annet moderne tema som ser banebrytende ut samtidig som det er realistisk for en moderne virksomhet.

Besøk Hestia Demo

3. Bedre bruk av mellomrom

Whitespace har alltid vært viktig i god sidedesign, og vi forventer at det vil komme enda mer frem i år. Med fremveksten av sterke farger og dristige skrifter, vil bruk av tom plass være avgjørende for at disse andre nettdesigntrendene skal fungere. I tillegg er minimalisme fortsatt en sterk trend, og vi forventer ikke å se slutten på det når som helst.

Bedre bruk av mellomrom

Forvent å se mye mer tom plass på websider med mye oppmerksomhet gitt til bannere, større overskrifter, fargeblokker og bilder. Det tar et godt øye å effektivt balansere innhold og tom plass, og vanligvis en god forhandler for å overbevise klienter om at det er en god idé. Vi forventer at alle disse tingene vil være en trenddesigntrend i 2020.

Wistia er et godt eksempel på hvordan tomrom brukes godt på en side. Sidene fremdeles formidler mye informasjon, men viser perfekt balanse mellom sideinnhold og tom plass.

StudioPress Foodie Pro-tema

StudioPress Foodie Pro Theme er et annet minimalistisk tema med god bruk av font, mellomrom og minimalisme. Det fungerer bra for matens temaintensjon, men kan også tilpasses andre bransjer. Et annet verdifullt tema som fungerer på mobil.

Sjekk Foodie Pro nedenfor eller besøk demo

StudioPress Foodie Pro-tema

 

Astra Custom Printing Pro

Astra Custom Printing Pro

Astra Custom Printing Pro-temaet viser god bruk av mellomrom, skrift, farge og bilder på et e-handelstema. Siden er veldig attraktiv og trekker blikket mot produktene mens den minimerer nettinnhold for å utfylle den hensikten.

Sjekk ut Astra Custom Printing Pro

4. Mørk modus

Med flere apper som tilbyr en mørk modus, forventer vi at nettsteder begynner å tilby det samme. Kanskje en fargebryter øverst på siden, slik at brukeren kan velge å bruke lyse eller mørke modus, avhengig av enhet eller situasjon.

Mørk modus

Det er mye som går med i mørk design, men gjort riktig kan det tilby en følelse av luksus og eksklusivitet til en side. Alternativt kan det gjøre det lettere å lese en side på noen enheter eller i dårlige lysforhold.

Nettlesere og nettleser-plugins legger i økende grad til 'kraft mørk modus' verktøy for å manipulere selv lyse design slik at de blir mørke. Siden dette er en økende trend, kan du like godt innlemme den i sidene dine, slik at du kontrollerer sluttresultatet!

I likhet med hvitt mellomrom føles mørk bakgrunn også til årets andre nettdesigntrender, dristige farger, stor skrift og minimalisme kan alle fungere sammen for å gi en eksepsjonell brukeropplevelse. Bare en av grunnene til at vi tror mørke design og mørke moduser vil herske i 2020.

Bear Grylls Dark Mode nettsted

Nettstedet Bear Grylls (bildet over) er et godt eksempel på mørk modus gjort bra. Det er også et godt eksempel på sterk skrift, flotte bilder og minimalistisk navigering også!

Themeforest Jupiter tema

Themeforest Jupiter tema

Themeforest Jupiter-temaet demonstrerer hva vi mener om mørke nettsidesign, sterke farger og fantastisk skriftvalg. Det er et slående tema som skiller seg ut umiddelbart og bringer kjernebudskapet i løpet av de første 2 sekundene. Ikke mye mer trenger å sies om denne!

Sjekk ut Jupiter Demo

Jo større skrift, jo færre eksempler på den bør du ha på en side. Dette fører oss pent til ...

 

5. Mer 3D

Mange webdesignere unngikk tidligere 3D-bilder fordi det ville ta tid å gjengi.

Forbedringer i både designverktøy og enhetskapasitet betyr at 3D ikke lenger er utenfor omfanget når du designer websider. Vi tror dette vil gi en ny webdesigntrend i 2020, 3D-bilder og nettinnhold.

Mer 3D

Welly-nettstedet (bildet over) er et godt eksempel på 3D i aksjon og tar ikke lenger tid å laste inn enn en standardside. Dette krever mye dyktighet for å designe et interaktivt 3D-bilde uten å forårsake treg lasting, men det gjøres bra, det kan skape en fantastisk effekt som får en side til å skille seg ut fra mengden.

Dette er en av de trendene som krever høyest mulig kvalitet når det gjelder layout og animasjon. Det er ikke plass til nest best når du jobber i 3D, så dette kan vise seg å være så mye som en utfordring som en mulighet!

Mange tror at 3D-design holder en besøkende på siden lenger og øker interaksjonen. Det og det faktum at det ser veldig kult ut er hvorfor vi tror 3D kommer til å bli stort i år.

6. Økt minimalisme

Minimal design fungerer overalt. På skrivebordet, på mobilen, på websider, apper og alt med et brukergrensesnitt. Det er på ingen måte en ny trend, men vi tror det vil øke i popularitet gjennom 2020.

Minimalisme er en av de vanskeligste webdesignteknikkene for å få rett (selv om vi har diskutert det mye detalj her). Det kreves reell dyktighet for å kunne balansere en webside riktig mens du tilfredsstiller designens, kundens og publikumets behov.

Minimalisme er kompatibel med større skrifttyper, dristigere farger, mørk modus, tilpassede illustrasjoner og de mange andre webdesigntrender vi ser akkurat nå. Det fungerer også utrolig bra på mindre skjermer, det er derfor vi tror det vil eksplodere i år.

Økt minimalisme

Minimalisme passer inn i vårt behov for fart, ønske om å være på jobb og lite tålmodighet for fluff eller unødvendig blomstring i webdesign.

Evolve (bildet over) er et utmerket eksempel på minimalistisk design som bruker farge og skrift veldig bra. Selv navigasjonen holdes på et minimum!

Templatemonster Kuba tema

Templatemonster Kuba tema

Templatemonster Kuba-temaet er en mesterklasse i minimalisme. Mangelen på ting å se og gjøre fungerer til fordel for siden og viser elementene designeren vil at du skal se. Den lastes raskt og fungerer også på mobil.

Ta en titt på Kuba-temaet

StudioPress Breakthrough Pro-tema

StudioPress gjennombruddstema

StudioPress Breakthrough Theme er et utmerket eksempel på minimalistisk design med dristige skrifter og små fargeblokker. Det er også god bruk av mellomrom gjennom hele temaet som oversetter godt på mobilversjonen også.

Besøk gjennombruddsdemoen

7. Skjult navigasjon

Som nevnt ovenfor fungerer minimalisme hånd i hånd med skjult eller minimal navigering. Vi tror dette er en annen designtrend vi vil se i løpet av 2020. De fleste nettbrukere er kjent med nettstedsdesign til at de vet at hvis en meny ikke er umiddelbart synlig, vil den være på siden et sted. Så lenge designet er klart nok, tror vi det er mer enn nok til å oppmuntre til skjult navigering.

Skjult navigasjon

Selv om det er viktig for noen design, tar navigasjon og menyer opp mye eiendom på skjermen. Jo mindre skjermen, jo mer kompakt må designen være. Skjult navigasjon løser det. Så lenge den generelle utformingen gjør det klart hvor navigasjonen selvfølgelig finnes!

Mill-nettstedet er et godt eksempel på skjult navigasjon gjort bra.

Skjult navigasjon gir imidlertid en utfordring. Studier har vist at skjult navigering kan påvirke tid på siden, interaksjon og besøkende tilfredshet. Det må utvises forsiktighet for å matche minimalisme med god design ved siden av merkevare og publikum.

Themeforest Fremragende tema

Themeforest fremtredende tema

Themeforest Salient-temaet inkluderer mange av webdesigntemaene vi har snakket om. Farge, mellomrom, skrift, blokker, minimalistisk navigering og flott design for å levere et veldig moderne tema som vil fungere for alle slags porteføljetyper.

Se fremtredende i aksjon

8. Økt bruk av parallaksdesign

Økt bruk av parallaksdesign

Parallax-design er ikke noe nytt, men vi tror vi kommer til å se mye mer av det i år. Denne designstilen ble ofte overlatt til nettdesign på markedsnivå eller malmarkedsplasser der den ikke tjente noe reelt formål og ikke hadde noen reell innvirkning. Design som den på ToyFight.co vil endre alt det.

Bedre animasjonsverktøy og teknikker betyr å skape virkelig fullførte parallakseffekter som fungerer på tvers av nettlesere og enheter for å få en virkelig innvirkning. I tillegg til godt fargevalg, smarte bilder eller illustrasjoner og god sidebalanse, er det ingen grunn til at du ikke kan fortelle en overbevisende historie gjennom en rullende side.

Astra Yoga Instruktør

Astra Yoga Instruktør

Astra Yoga Instructor-temaet er et annet som bruker moderne trender med sterke bilder, fargebruk, god skriftstørrelse, farge og valg og en fin parallakseffekt med logoen i bakgrunnen. Dette er et utmerket tema for sin nisje og fungerer bra.

Sjekk ut Astra-eksempler med Parallax

9. Egendefinerte illustrasjoner

Egendefinerte illustrasjoner er en måte for et merke å virkelig skille seg ut. Glem arkivbilder eller massemarkedsvektorer, tilpasset illustrasjon er der den er. Bygget i merkevarefarget, kan virkelig originale illustrasjoner være en kraftig måte å engasjere og fremkalle følelser og et resultat på. Vi tror dette kommer til å vokse eksponentielt i år.

Egendefinerte illustrasjoner

Fordelen med tilpassede illustrasjoner er at de kontinuerlig kan oppdateres, konfigureres for å møte en stemning eller situasjon og kan brukes forskjellig på tvers av enheter. De kan også kobles sammen med animasjoner for å levere en involverende opplevelse uten å senke siden eller komme i veien for kundereisen. Fixate (vist ovenfor) er et godt eksempel på tilpasset illustrasjon som fungerer med stor effekt.

De kan medføre ekstra utgifter i utviklingsfasen, men de fleste grafiske designere kan snu illustrasjoner ganske raskt. Dette er enda en fordel med å bruke dem.

10. Voice

Stemme blir stadig mer relevant på internett. Søk må allerede implementere tale og webdesign må følge. I følge denne undersøkelsen vil 65% av nettbrukere i alderen 25-49 bruke tale for å samhandle med enhetene sine. Å bruke stemme i sidedesign samt navigering og søk er en logisk utvikling. En vi tror vil være en viktig trend for nettdesign i 2020.

Voice

Siri, Alexa, Google Now og Cortana har alle introdusert oss for talekommandoer i en eller annen grad. Vår økte avhengighet av mobil gir den ideelle muligheten til å bruke tale i søk, så hvorfor ikke navigere og samhandle på nettstedet?

Stemmebrukergrensesnitt forbedrer også tilgjengeligheten til et nettsted, og forbedrer tilgangen for alle evner. Forskjellige land innfører strengere tilgjengelighetslover, men å gjøre et nettsted tilgjengelig for alle er en hovedprinsipp både på internett og på nettet, så hvorfor integrerer vi ikke stemmen i et nettsted.

Denne guiden går detaljert inn i innflytelsen fra stemmen til design. Vel verdt å lese. Som det er Googles guide til deres stemmestyrte webapp API.

Nettdesigntrendene vi tror vil styre nettet i 2020 er hovedsakelig utvikling av eksisterende temaer. Det er ikke noe helt nytt her, men det er fortsatt mye å se frem til om du er en nettbruker eller designer.

En grunn til at vi er begeistret for alle disse er at de tilbyr en ekte utfordring for webdesignere. Borte er dagene med malsider og nøkkelferdig design.

Nå er tiden for individualitet, tilpassede skrifttyper og illustrasjoner, perfekt balanserte websider med stort mellomrom og bilder og en virkelig personlig nettopplevelse. Legg til funksjonalitet som 3D, mye forbedret parallaksrulling og tale, og du har et mer brukbart nett for alle. Det må være en trend det er verdt å følge!

Er du enig i vårt trendutvalg? Har du ideer om andre nettdesigntrender i år? Fortell oss om dem i kommentarfeltet nedenfor! 

om forfatteren
David Attard
Forfatter: David Attardnettside: https://www.linkedin.com/in/dattard/
David har jobbet i eller rundt den elektroniske / digitale industrien de siste 18 årene. Han har lang erfaring innen programvare- og webdesignindustrien ved å bruke WordPress, Joomla og nisjer rundt dem. Som digital konsulent er hans fokus på å hjelpe bedrifter med å få et konkurransefortrinn ved å bruke en kombinasjon av deres nettside og digitale plattformer som er tilgjengelige i dag.

En ting til... Visste du at folk som deler nyttige ting som dette innlegget også ser FANTASTISK ut? ;-)
Vær så snill forlate en nyttig kommenter med tankene dine, så del dette på Facebook-gruppen din (e) som synes dette er nyttig, og la oss høste fordelene sammen. Takk for at du delte og var hyggelig!

Avsløring: Denne siden kan inneholde lenker til eksterne nettsteder for produkter som vi elsker og anbefaler helhjertet. Hvis du kjøper produkter vi foreslår, kan vi tjene et henvisningsgebyr. Slike avgifter påvirker ikke våre anbefalinger, og vi godtar ikke betaling for positive anmeldelser.

Forfatter (e) Fremvist på:  Inc Magazine-logoen   Sitepoint-logo   CSS Tricks-logo    webdesignerdepot-logo   WPMU DEV-logo   og mange flere ...