Wordpress

Ser tilbake på de beste nettdesigntrendene (2018–2019)

Webdesign er i stadig utvikling. Etter hvert som teknologien blir kraftigere og designere eksperimenterer med nye stiler, presenteres hvert år et unikt sett med spennende trender i nettverdenen. Med utgangspunkt i designene som har dukket opp gjennom de siste årene, samt ny teknologi som er under utvikling, er det mulig å forutsi hva som kommer i løpet av 2020.

La oss oppsummere de siste årene innen webdesign og undersøke de nye stilene, slik at du kan vite hva du kan forvente i det kommende nye året og utover.

Hvorfor følge med på trendene?

Ikke alle nettdesign-moter er levedyktige, så mye er sikkert. Det er en tid og et sted for alt, og overhaling av nettstedet ditt uten grunn kan gjøre mer skade enn nytte, spesielt når det kommer på bekostning av brukervennlighet og UX.

Men selv om du ikke bør gi nettstedet ditt en ansiktsløftning uten seriøs vurdering, er det definitivt en fordel å holde tritt med nettdesigntrender, spesielt de som er basert på fremskritt innen teknologi.

For eksempel, hvis du ikke har hørt om AI chatbots, progressive nettapper eller CSS-nettverk ennå, kan du bruke utdatert teknologi som mister konverteringer. Tenk på hvor revolusjonerende responsiv design var overfor internett; du vil ikke være sist om bord neste gang en slik utvikling skjer igjen.

Og selv når trendene er rent estetiske, er det fortsatt fordel å følge med på dem. For eksempel kan en vanlig hvit, ren, enkel nettside være funksjonell. Men med den mer avantgardistiske stilen som webdesign har tatt på seg de siste årene, synes brukerne også at det er ganske kjedelig.

Selv små endringer som å legge til flere farger, ødelagte rutenett eller mikrointeraksjonsanimasjoner kan gå langt for å holde nettstedet ditt relevant.

I tillegg, ettersom nettdesignere vokser, lærer og tilpasser seg nye teknologier, er noen av disse fremskrittene og trendene veldig til det bedre når det gjelder både skjønnhet og funksjonalitet. Tenk på hvordan nettsteder så ut og fungerte for 20 eller til og med 10 år siden ... vi har kommet langt, og har en lang vei å gå ennå.

Hvis du ser en moderne webdesigntrend som passer til merkevaren din, og som hjelper eller i det minste ikke skader brukervennligheten, kan det være verdt det å komme med.

Oppsummering: 2018 nettdesigntrender

Med 2020 nå her, virker 2018 lenger og lenger unna. Men trendene fortsetter å påvirke nettet selv når helt nye stiler dukker opp, og siden mange av disse fortsatt er relevante for moderne design, er det godt å se tilbake og se hvor langt vi har kommet.

Webdesign har beveget seg bort fra minimalistisk enkelhet og mot dristig individualisme i noen år, men det hele nådde en topp i 2018. Vi kan fortsatt føle effektene selv nå, og internett vil helt sikkert fortsette å fylles med originale, unike stiler .

2D-illustrasjoner, 3D-animasjon

webdesigntrender: 2d 3d
Et eksempel på en 2D-illustrasjon (Kilde: Nomadic Tribe)

Illustrasjoner er en av de beste måtene å formidle personlighet og 2D-tegninger har dukket opp mer og mer. De er flotte for merkevarebygging og gjør nettstedet ditt mye mer minneverdig, så det er ingen overraskelse. Et nettsted med fantastiske illustrasjoner vil neppe bli glemt.

3D-bakgrunnsanimasjon ble også mer populær, takket være den økte kraften til nettlesere, animasjonsteknologi og enheter som datamaskiner og telefoner. Spesielt vanlig på portefølje- og byrånettsteder, fanger 3D-animasjoner umiddelbart oppmerksomhet og gir sjanser for morsom UI-interaktivitet.

I fremtiden vil håndlagde illustrasjoner og animasjoner bare fortsette å vokse i popularitet. De viser frem merkevarens personlighet på en måte som ingenting annet kan (og det viste seg å fungere som en strategi).

Subtilitet, flat og minimalisme

nettstrøm
Flat design var ganske populær (Kilde: Webflow)

Til tross for fremskritt mot mer originale, fremtredende stiler, fortsatte minimalismen å dominere internett. Ren enkelhet er uten tvil tiltalende, og selv på nettsteder som inneholdt lysere farger eller eksperimentelle elementer, ble det ofte ledsaget av flat design.

"Flat 2.0", eller semi-flat design, slo imidlertid sterkere rot med bruken av skygger, gradienter og andre litt mer komplekse elementer. Så lenge minimalisme eksisterer, vil designere finne en måte å sette en snurr på.

Subtile animasjoner var også en stor del av 2018, med lett parallakse og milde sveveeffekter som dukket opp overalt. Disse gjorde det mulig for minimalistiske nettsteder å beholde sin enkelhet, samtidig som det generelle designet ble mye penere.

Geometrisk design

De fleste nettsteder inkluderer polygoner og geometri til en viss grad, men geometrisk design var en stor del av 2018-trendene. Nettsteder ble laget utelukkende rundt enkle former som firkanter, rektangler og linjer, og de hadde også mindre detaljer som knapper eller dekorative bokser.

En stor del av dette var organiske geometriske former, eller de som er noe uregelmessige og ufullkomne. De har ofte myke hjørner og asymmetri, og deres uvanlige utseende er ganske interessant. De skarpe hjørnene av polygoner og avrundede kanter av organisk geometri ble ofte kombinert sammen for å skape en visuelt tiltalende kontrast.

webdesigntrender: giftrocket
Geometriske design styrte dagen (Kilde: GiftRocket)

Lyse og dristige farger

Internettet som en gang var vanlig og hvitt er nå full av farger, livlige og eventyrlige paletter rundt hvert hjørne. Dagene med en eller to dempede nyanser i hvert fargeskjema blekner, lyse og dristige paletter tar raskt sin plass.

Gradienter dukket opp overalt og er fortsatt et populært valg selv i dag, og deres intense og levende fargetoner fyller overskriftene til mange fremtredende steder.

spotify
Sterke farger sa mye (Kilde: Spotify)

Ved siden av de livlige fargeskjemaene kom glitch- og forvrengningseffekter, de lyse flimrende animasjonene dukket opp i mange designere eller utvikleres portefølje. Mens populariteten har falmet noe, kan du fortsatt finne dem over hele nettet.

Broken Grid Design

oppstartslaboratoriet
Alle hyller det ødelagte rutenettet (Kilde: Startup Lab)

De fleste nettsteder er bygget på en enkel rutenettbasert layout, med elementer delt pent inn i seksjoner. Ødelagt rutenettdesign knuser forventningene, overlappende elementer og kaster symmetri ut av vinduet. Denne ukonvensjonelle layouten er en av de mest merkbare måtene å bryte formen og skille seg ut.

En annen stil som fikk mye oppmerksomhet var split-screen design, en teknikk som delte skjermen inn i to paneler med hvert sitt innhold. Totalt sett ble layoutene mye mer interessante.

AI og maskinlæring

Chatbots er en stor sak. Disse smarte programmene reagerer dynamisk på kunder, og automatiserer delvis eller fullstendig prosessen med støtte eller kjøp. Maskinlæring lar dem undersøke data og lære hvordan de kan svare på spørsmål og kommentarer, og ta litt av arbeidsbelastningen fra de menneskelige støtteagentene dine.

Men dette er bare begynnelsen. Ettersom teknologien fortsetter sine fremskritt, vil AI og maskinlæring bli enda mer integrert med nettbaserte systemer.

Brutalismens fremvekst

disposisjonen
Brutalisme er grov for øynene, men gir en uttalelse (Kilde: The Outline)

Brutalisme er ikke pent, men dens merkelige appell har vunnet hjertene til mange. Karakterisert av glorete farger, anti-UX-valg og all-over-the-place design, oppmuntrer brutalisme designere til å bli gale og lage et nettsted som trosser forventningene. Du bør forvente å se mer av denne uensartede stilen i fremtiden.

Historiefortelling med webdesign

atlassisk
Design kan brukes til å fortelle en historie -(Kilde: Atlassian)

Visuelle bilder er en av de beste måtene å effektivt formidle informasjon, enten du prøver å fortelle en historie eller gjøre mye data leselig for mennesker. Webdesignere forteller historiene sine gjennom sjarmerende illustrasjoner og datavisualisering, med interaktive og visuelle design som gjør budskapet deres mer engasjerende og lettere å forstå.

De største nettdesigntrendene i 2019

2019 delte mange nettdesigntrender med 2018, som ødelagt rutenettdesign og dristige fargepaletter. Men ting har blitt enda mer sprø, med mye eksperimentering fra dristige designere.

Løpende tema for 2019: regelbøying og brudd. Hvit, flat, rutenettbasert minimalisme ut, lys og dristig asymmetri inn. Mens ren design og hvit plass alltid vil være en stor utfordrer, er designere mer villige til å prøve nye ting i det siste. Vi ser at mange av disse fortsetter for fullt i 2020.

Livskraft og fargeeksperimentering

fotonaut
Levende farger dominerte (Kilde: Fotonaut)

Internett blir mer fargerikt. Gradienter er vanlig nå, og nettsteder har ofte lyse og prangende paletter som var uhørt for noen år siden. Paletter i seg selv er mer eksperimentelle, bryter fra den vanlige formen av komplementære eller kontrasterende farger og går over alt.

Nettsteder har ikke lenger samme en eller to enkle, dempede farger. Myke pasteller, lyse nyanser og paletter i alle størrelser tar over. Skarp kontrast, myk subtilitet og paletter fullpakket med personlighet blandes sammen for å gjøre internett mye mer mangfoldig.

Monokrom er også en stor kjepphest akkurat nå. Dette tar ofte form av helt svart-hvitt- eller gråtonenettsteder med en mørk estetikk, men du kan også finne nettsteder laget kun rundt en enkelt farge.

Flere illustrasjoner

absurd
Illustrasjoner var fortsatt populære (Kilde: absurd)

Illustrasjoner og visuelt innhold var stort også i 2018, men de har fortsatt å utvikle seg. Kunstnere tar noen skritt bort fra den typiske, forenklede illustrasjonsstilen de fleste nettsteder bruker, og prøver noe litt annerledes.

En ny trend er eksentrisk, leken kunst som avviker fra normaliteten og prøver ut en mer abstrakt, tilfeldig stil. Disse illustrasjonene ignorerer typiske grenser og er fullstendig uredde for å vise frem skaperens personligheter.

3D-illustrasjoner er også ganske populære. Det er bare et lite spinn på trenden med for det meste flate kunstverk, men det blåser mye nytt liv inn i det. Noen av disse er 2D-kunstverk tegnet for å se 3D ut, mens andre er faktiske tredimensjonale gjengivelser. Uansett, de får raskt trekkraft sammen med 3D-webanimasjoner.

jet stil
Og 3D-illustrasjoner gjorde inntrykk (Kilde: Jet Style)

Sist men ikke minst i den illustrerte trenden er animasjon. Animert kunst vekker øyeblikkelig oppmerksomhet, og legger til et ekstra lag med personlighet til en kunstform som allerede er ganske uttrykksfull. Både 2D- og 3D-animert kunst vil fortsette å vokse etter hvert som denne moten får oppmerksomhet.

Fet design

2019-nettdesign kan være innkapslet i tre ord: stor og fet. Jo større og mer eksperimentell jo bedre, spesielt når sluttresultatet er prangende og krever umiddelbar oppmerksomhet.

Brutalistisk webdesign er fortsatt sterk, med hele nettsteder dedikert til å samle det beste innen brutalisme. Den skarpe, stygge, anti-bruker-kunstformen gir absolutt en uttalelse: webdesign har alltid handlet utelukkende om å skape en god brukeropplevelse, men brutalisme forsøker å gjøre det om til et kunstverk. Det er ikke klart hvor lenge brutalismen vil vare, men trenden har fortsatt en ivrig tilhengerskare.

visualbox
Brutalisme er fortsatt dominerende (Kilde: Visualbox)

Det virker som om alt blir større, men den største innvirkningen av dette har vært på typografi og navigasjon. Det er ikke uvanlig å se tekst som nesten helt fyller skjermen, eller til og med design laget utelukkende rundt typografi, med få eller ingen bilder i det hele tatt.

Lei av en treg vert for WordPress-siden din? Vi tilbyr lynraske servere og 24/7 støtte i verdensklasse fra WordPress-eksperter. Sjekk ut planene våre

Fonter blir også mer kreative, spesielt takket være fargefonter, som gjør tilpasning og gjengivelse av skrifter som ser ut som de ble forbedret i Photoshop endelig en mulighet. Typografi som et fokuspunkt er nå en levedyktig metode for webdesign.

Navigasjonen utvides også. Lekre navigasjonsknapper og elegante rullegardiner eller hamburgermenyer blir erstattet med dominerende skjermer, med hele skjermer dedikert til navigasjon, igjen ofte fokusert rundt stor typografi. I denne detaljerte veiledningen kan du lære mer om beste fremgangsmåter for nettstednavigering.

stamme
Header-design har også hatt innvirkning (Kilde: Tribu)

Se også etter livlige heltevideooverskrifter, animerte bakgrunner og generelt mer videoinnhold på nettsider. Videoelementer pleide å være en bekymring siden de var trege med å laste og spiste opp begrenset mobildata, men sterkere maskinvare og reservebilder betyr at du nå kan bruke videoer hvor som helst. Den nydelige nettsiden med fullskjerm-animert bakgrunn, en gang en sjeldenhet, er i ferd med å bli mer vanlig.

asymmetri

ny flytur
Assymetri er fortsatt veldig populært (Kilde: New Flight)

Brudd rutenettdesign er fortsatt veldig populært. Nettsteder velger ofte å unngå typiske oppsett og velger noe mer kunstnerisk, med mange overlappende deler og elementer over hele skjermen. Det er en stil som er vanskelig å få av, men den ser fantastisk ut når du først har fått den.

Men for de som ikke er interessert i å bryte formen helt, er litt asymmetri et akseptabelt alternativ. Asymmetrisk delt skjermdesign er spesielt populært, selv om disse nettstedene fortsatt holder seg til et rutenett.

Når vi snakker om rutenett, er CSS-rutenett et superkraftig tillegg til CSS som fungerer i to dimensjoner, kolonner og rader, og lar deg enkelt lage nettstedoppsett fra bunnen av. Med litt CSS-magi kan du også lage et ødelagt rutenettoppsett, så alt er mulig. Webdesignere og utviklere begynner å plukke opp CSS-nettverket, så ikke gå glipp av det.

Flere effekter og animasjoner

3h-i
Animasjoner kan ha en positiv innvirkning på UI- og UX-design (Kilde: 3H-i)

Selv om brutalisme er i ferd med å bli vanlig i noen hjørner av nettet, fokuserer resten på UI/UX-design: å skape et vakrere grensesnitt og samtidig forbedre brukeropplevelsen.

En stor del av dette er i mikro-interaksjoner. Tenk å holde musepekeren over et produkt i en butikk eller leke med en interaktiv, animert bakgrunn. Disse bittesmå animasjonene gjør et nettsted mer underholdende å navigere og gir glede til små interaksjoner som å klikke og sveve. Noen nettsteder har til og med gått så langt som å implementere søte minispill.

Men alt er ikke bare for moro skyld. Mikrointeraksjoner tjener ofte samme formål som den vanlige subtile animasjonen: de retter brukerens oppmerksomhet mot viktige brukergrensesnittelementer. Og overimplementering kan bli foreldet fort, så det er et spill for å finne ut det ideelle antallet animasjoner som skal inkluderes på nettstedet ditt.

Rulle- og parallakseeffekter er selvfølgelig like populære som alltid og kan legge til et dynamisk lagvis utseende til en side og gjøre den mye mer interessant.

Se også etter tilpassede markører. Disse ble en gang sjelden sett utenfor små blogger eller nettsteder for barn, men de er nå et populært valg, spesielt for nettsteder bygget rundt 3D-animerte bakgrunner eller navigasjon. En elegant tilpasset markør kan virkelig forbedre estetikken din.

Hvite rom

eple iPhone
White space vinner fortsatt (Kilde: Apple)

Som alltid vil white space og ren design fortsette å ha en plass i webdesigntrender. Enkelt og rent er et trygt valg: det er en grunn til at denne stilen er til stede på nesten alle moderne nettsteder.

Men selv om du sikter etter en dristigere, mer unik tilnærming, er hvit plass fortsatt noe du må omgå. Hvert nettsted trenger pusterom, og hvit plass kan brukes til å fremheve og fremheve bilder eller annet innhold nøye.

Massevis av hvit plass kan brukes med stor effekt, med hele deler av skjermen tom for å gi viktige elementer god plass. Maksimal hvit plass er en stil som sannsynligvis vil fortsette gjennom de neste årene.

Progressive Web Apps

Den neste store tingen innen mobildesign: progressive nettapper. Disse nettbaserte plattformene er bygget på kode som HTML og JavaScript, men de fungerer og fungerer som miniapper for mobilbrukere. De er laget for å tilby opplevelsen av en app uten å måtte bygges på mobilteknologi eller utgis i appbutikken.

PWA-er fungerer offline, kan sende varsler og festes til startskjermen, men du trenger ikke å laste ned eller distribuere noe. De er lette og laster raskt, så de tar ikke opp for mye båndbredde.

Til og med Twitter har kommet inn i PWA-er, og utviklet Twitter Lite som en løsning for de med lave internetthastigheter. Og de endte opp med å integrere systemet rett inn i hovedgrensesnittet. Det er et bevis på hvor godt denne teknologien fungerer.

Hvis du ikke har hørt om progressive nettapper ennå, bør du definitivt gjøre litt research. Å bygge en kan gjøre mobilbrukernes opplevelser mye jevnere.

Leter du etter ideer for å gi #WordPress-nettstedet ditt en ansiktsløftning? Sjekk ut de siste nettdesigntrendene de siste årene og bli inspirert! 👩‍🎨💡Klikk for å Tweet

Oppsummering

2018 og 2019 har vært noen spennende år for nettverdenen. 2020 bringer allerede enda mer eventyrlystne design. Regelbrytende elementer som asymmetri, lyse farger, brutalisme og iøynefallende animasjoner vil fortsette å vokse i popularitet i løpet av de neste årene.

Hvem vet hva som kan komme neste gang? Vi er garantert i vente for enda mer ukonvensjonelle nye kunststiler.

Hvis du ikke har fått med deg ennå, kan det være på tide å tenke nytt om noen av designene dine og fange disse hotte nye trendene. Forvent å se merker og designere virkelig begynne å uttrykke seg selv og internett blir mye mer levende og interessant.

Det neste tiåret med webdesign vil sannsynligvis inneholde risikotaking og innovasjon, så sørg for at du er klar til å følge med.

Relaterte artikler

0 kommentarer
Inline tilbakemeldinger
Se alle kommentarer
Tilbake til toppen-knappen