Nettsteder kan lage eller bryte et merke – personlig eller profesjonelt – så det er viktig å holde styr på de nyeste designtrendene på nettet. Hvert eneste nettelement vil påvirke publikummet ditt. Dette gjelder uansett om du administrerer en liten portefølje, en vellykket detaljhandelsportal eller et multinasjonalt selskaps nettsted.
Estetikk og teknologi kommer sammen som aldri før. Derfor har vi satt sammen en kort liste over webdesigntrender som vil få deg lagt merke til neste år.
Fra white space til asymmetri, fra skreddersydde illustrasjoner til delt design, oppdag de mest populære nettstedstrendene vi forventer er her for å bli i 2020.
1. Omfavn det hvite rommet
Øynene våre er under beleiring i disse dager. Bare i 2014 lastet folk opp i gjennomsnitt 1,8 milliarder digitale bilder hver eneste dag. Det er 657 milliarder bilder per år – så ethvert forsøk på å lindre den visuelle massekvelningen vil være velkommen. Mange designere bekymrer seg for at hvitt rom er en ineffektiv bruk av visuell eiendom, men når den brukes riktig, skaper hvit plass lettelse. Den fremhever også viktige designelementer som handlingsfremmende uttrykk og gir en følelse av balanse og ryddighet som naturlig gleder øyet.
Mange nettsteddesignere legger merke til og utnytter denne trenden. Den nye versjonen av Portfoliobox, Portfoliobox 4, tilbyr flere maler og innstillinger som lar brukere ta med hvitt mellomrom inn på nettsiden deres.
2. Asymmetri er fortsatt inne
Asymmetriske design var trendy allerede i 2019 og vil forbli med oss i 2020. Disse ødelagte rutenettoppsettene bryter løs fra stive, forutsigbare tommelfingerregler i grafisk design, og sjokkerer seerne ut av deres monotone rulle. Asymmetri gir også mye større frihet for designere til å gjøre nettsiden deres så unik som mulig.
Det fungerer slik: Tenk deg at et rutenett med horisontale og vertikale linjer brukes for å hjelpe layoutelementer på siden eller skjermen. På de fleste nettsteder vil du se logoen, tittelen og innholdet på linje som om de er bundet til dette imaginære rutenettet. Imidlertid vil asymmetriske design målrettet bryte rutenettet, presse både bilder og tekst vilt ut av funksjon for å få siden til å føles mindre stiv.
Blandet med dristige fargeskjemaer og sterke gradienter av geometriske væsker, er asymmetriske former avgjørende for alle de hotteste webdesigntrendene.
3. Overdimensjonerte elementer
Vil at nettstedet ditt umiddelbart skal registrere – og få resonans – blant besøkende? Forstørrede elementer som fet typografi, fullskjermbilder/video og en overdimensjonert navigasjonsmeny vil fange oppmerksomheten, og levere kjernebudskapet ditt til publikum i løpet av sekunder. Denne store tilnærmingen til design vil skape en minneverdig opplevelse som virkelig påvirker brukerne, selv om de bare har tid til en rask skanning... Som en ekstra bonus ser forstørrede elementer fantastisk ut på skjermer i alle størrelser.
Rask tips: Hvis du går denne ruten, sørg for å redusere antall designelementer på hver side. For mange flotte funksjoner på en gang kan være overveldende for besøkende.
4. Skreddersydde illustrasjoner
Passende grafikk gir visuell dybde til historiefortellingen din og bygger en sterk merkeidentitet som etterlater et varig inntrykk på besøkende. Skreddersydde tegninger er iboende mer interessante enn vanlige gamle fonter – det er en grunn til at blogger med bilder får 94 % flere visninger enn de som bare er tekst. Ved å gå bort fra arkivbilder og skrifttyper, kan nettsiden din tilpasses for å vise frem en unik personlighet.
Hvis du er en illustratør som bygger opp din egen portefølje, eller til og med bare en generelt kunstnerisk person, kan det å bruke skreddersydde tegninger være dobbelt nyttig som et selvpromoteringsverktøy – en organisk reklame for dine talenter og profesjonelle tjenester.
Ikke så kunstnerisk? Ikke noe problem. Husk at det er massevis av ressurser på nettet som gir bort nuggs av illustrert gull gratis, klare for deg å gjøre nettstedet ditt til et nytt liv.
5. Delt design
Den delte designen brukes til å lage to separate blokker med informasjon på samme plass, og gir like stor betydning for to primærområder på et nettsted – noe som kan være utrolig nyttig når du har to forskjellige tjenester eller produkter å markedsføre.
En delt design bryter den vanlige rektangulære skjermformen, og ved å gi fremtredende til begge elementene, lar brukeren fokusere på det emnet som interesserer dem mest. For å gjøre tilnærmingen enda mer dramatisk, kan du skille hver seksjon med kontrasterende, levende farger. I noen tilfeller brukes den vertikale splittelsen gjennom et helt nettsted eller bare i noen deler.
Det er mange forskjellige stiler for denne trenden, så vi er sikre på at den vil utvikle seg i 2020. Derfor vil Portfoliobox 4 tilby flere maler som hjelper brukere med å lage innhold på delt skjerm tilpasset deres behov.
6. Mobil-først og rask lasting
I dag er det flere som ser på nettsider på telefonene sine enn på en stasjonær datamaskin. I 2018 var mobilbruken på et rekordhøyt nivå med 58 % av nettstedbesøkene fra mobile enheter og utgjorde 42 % av den totale tiden brukt på nettet. Mobile-first har blitt en beste praksis for webdesign, uansett hvilken type nettsted som lages.
Hvis du ønsker å skape en sømløs mobilopplevelse, er her et siste tips fra oss: Ikke fyll nettstedet ditt med unødvendig eller for tungt innhold. Optimaliser alltid bilder før du laster dem opp til nettstedet ditt, velg dimensjoner og juster filstørrelser etter behov for minimal belastning på mobilbrukeropplevelsen.
Å trekke det hele sammen
Det finnes ikke én perfekt måte å samle et nettsted eller en nettportefølje på, så miks og match alle de nyeste designtrendene for best å skildre din egen unike stil. Bare husk at sluttmålet ditt alltid bør være visuell effekt og brukervennlighet. Derfor er det å jobbe etter en mal fra Portfoliobox den sikreste måten å komme i gang på – spesielt hvis du jobber innenfor de kreative bransjene, hvor det visuelle av høy kvalitet er en selvfølge.
