Webdesign er i en aldrig afsluttende udvikling. Efterhånden som teknologien bliver mere kraftfuld, og designere eksperimenterer med nye stilarter, præsenteres der hvert år et unikt sæt spændende trends i onlineverdenen. Ud fra de mønstre, der er opstået gennem de seneste år, samt ny teknologi, der er ved at blive udviklet, er det muligt at forudsige, hvad der kommer til at ske i løbet af 2020.

Lad os sammenfatte de sidste par år inden for webdesign og undersøge de nye stilarter, så du kan vide, hvad du kan forvente i det kommende nye år og fremover.

Hvorfor følge med trends?

Ikke alle webdesign trends er bæredygtige, så meget er sikkert. Der er et tidspunkt og et sted for alting, og at revidere dit websted uden grund kan gøre mere skade end gavn, især når det kommer til bekostning af brugervenlighed og UX.

Men selvom du ikke skulle gå med til at give dit websted en ansigtsløftning uden alvorlig overvejelse, er der bestemt noget fortjeneste til at følge med webdesign-tendenser, især dem, der er baseret på teknologiske fremskridt.

For eksempel, hvis du endnu ikke har hørt om AI-chatbots, progressive webapps eller CSS-net, kunne du muligvis bruge forældet teknologi, der mister dine konverteringer. Tænk på, hvor revolutionerende responsivt design var på internettet; du ønsker ikke at være sidste mand om bord, næste gang en sådan udvikling sker igen.

Og selv når tendenser er rent æstetiske, er der stadig fortjeneste at følge med dem. For eksempel kan et almindeligt hvidt, rent, enkelt websted være funktionelt. Men med den mere avantgarde-stil, som webdesign har taget sig i de sidste par år, finder brugerne det også ret kedeligt.

Selv små ændringer som tilføjelse af flere farver, ødelagte gitre eller microinteractions animationer kan gå langt i retning af at holde dit websted relevant.

Når webdesignere vokser, lærer og tilpasser sig nye teknologier, er nogle af disse fremskridt og trends meget til det bedre, hvad angår både skønhed og funktionalitet. Tænk på, hvordan sider så ud og arbejdede for 20 eller endda for 10 år siden … vi er nået langt og har en lang vej at gå endnu.

Hvis du ser moderne webdesign trends, der passer til dit brand, og som hjælper eller i det mindste ikke skader brugervenligheden, kan det være det værd, at komme i gang med det.

Opsummering: 2018 webdesign trends

Med 2020 nu her ,ser 2018 ud til at være længere og længere væk. Men dens tendenser fortsætter med at påvirke nettet, selv når helt nye stilarter dukker op, og da mange af disse stadig er relevante for moderne design, er det godt at se tilbage og se, hvor langt vi er kommet.

Webdesign har bevæget sig væk fra minimalistisk enkelhed og mod dristig individualisme i et par år, men det hele kom til et højdepunkt i 2018. Vi kan stadig mærke effekterne allerede nu, og internettet vil helt sikkert fortsætte med at befolke med originale, unikke stilarter.

2D-illustrationer, 3D-animation

Et eksempel på en 2D-illustration

Et eksempel på en 2D-illustration (Kilde: Nomadic Tribe)

Illustrationer er en af de bedste måder at formidle personlighed, og 2D-tegninger har dukket op mere og mere. De er fremragende til branding og gør dit websted meget mere mindeværdigt, så det er ingen overraskelse. Et websted med fantastiske illustrationer vil sandsynligvis ikke blive glemt.

3D-baggrundsanimation blev også mere populær takket være den øgede kraft fra browsere, animationsteknologi og enheder som computere og telefoner. Især almindeligt på portfolio- og agenturwebsteder, 3D-animationer får øjeblikkeligt opmærksomhed og giver chancer for sjov UI-interaktivitet.

I fremtiden vil håndlavede illustrationer og animationer kun fortsætte med at vokse i popularitet. De viser dit brands personlighed på en måde, intet andet kan (og det viste sig at fungere som en strategi).

Subtilitet, fladt og minimalisme

Fladt design var ret populært

Fladt design var ret populært (Kilde: Webflow)

På trods af skridt hen imod mere originale, fremtrædende stilarter, fortsatte minimalismen med at dominere internettet. Ren enkelhed er uundgåeligt tiltalende, og selv på websteder, der indeholdt lysere farver eller eksperimentelle elementer, blev det ofte ledsaget af fladt design.

Men “Flat 2.0”, eller semi-flat design, slog stærkere rod med dens brug af skygger, gradueringer og andre lidt mere komplekse elementer. Så længe der eksisterer minimalisme, vil designere finde en måde at sætte et spin på det på.

Subtile animationer var også en stor del af 2018, med let parallax og blide hover-effekter vises overalt. Disse gjorde det muligt for minimalistiske websteder at bevare deres enkelhed og samtidig gøre det overordnede design meget smukkere.

Geometrisk design

De fleste steder inkluderer polygoner og geometri til en vis grad, men geometrisk design var en stor del af 2018-tendenser. Websteder blev lavet udelukkende omkring enkle figurer som firkanter, rektangler og linjer, og de indeholdt i mindre detaljer som knapper eller dekorative kasser.

En stor del af dette var organiske geometriske former, eller de der er noget uregelmæssige og ufuldkomne. De har ofte bløde hjørner og asymmetri, og deres usædvanlige look er temmelig interessant. De skarpe hjørner af polygoner og afrundede kanter af organisk geometri blev ofte kombineret sammen for at skabe en visuelt tiltalende kontrast.

Geometriske design styrede dagen

Geometriske design styrede dagen (Kilde: GiftRocket)

Lys og bold farver

Internettet, der engang var almindeligt og hvidt, sprækker nu med farver, livlige og eventyrlige paletter rundt om hvert hjørne. Dage med en eller to dæmpede nuancer i hvert farveskema falder, lyse og dristige paletter indtager hurtigt deres plads.

Gradueringer dukkede op overalt og forbliver et populært valg selv i dag, hvor deres intense og livlige nuancer fylder overskrifterne til mange prominente steder.

spotify

Bold farver talte volume (Kilde: Spotify)

Ved siden af de livlige farveskemaer kom glitch og distortion-effekter, de lyse flimrende animationer, der vises på tværs af mange designer- eller udvikler portfolios. Mens dens popularitet er forsvundet noget, kan du stadig finde dem på internettet.

Broken grid design

Stor ros til broken grid

Stor ros til broken grid (Kilde: Startup Lab)

De fleste websteder er bygget på et simpelt netbaseret layout med elementer pænt opdelt i sektioner. Broken grid design splitter den forventning, overlappnde elementer og smider symmetri ud af vinduet. Dette ukonventionelle layout er en af ​​de mest bemærkelsesværdige måder at bryde formen og skille sig ud.

En anden stil, der fik megen opmærksomhed, var split-screen design, en teknik, der delte skærmen op i to paneler, hver med deres eget content. Generelt blev layout meget mere interessant.

AI og machine learning

Chatbots er en stor ting. Disse smarte programmer reagerer dynamisk på kunder og automatiserer delvis eller fuldstændigt processen med support eller køb. Machine learning gør det muligt for dem at undersøge data og lære at svare på spørgsmål og kommentarer og fjerne noget af arbejdsbyrden fra dine menneskelige supportagenter.

Men dette er bare begyndelsen. Efterhånden som teknologien fortsætter sine fremskridt, er AI og maskinlæring bundet til at blive endnu mere integreret med onlinesystemer.

Brutalismens stigning

the outline

Brutalisme er ru på øjnene, men afgiver en erklæring (Kilde: The Outline)

Brutalisme er ikke smukt, men dens underlige appel har vundet mange hjerter. Karakteriseret af skarpe farver, anti-UX valg og alt-over-the-place design, opfordrer brutalisme designere til at gå amok og skabe et websted, der imødekommer forventningerne. Du bør forvente at se mere af denne ikke-ensartede stil i fremtiden.

Storytelling med webdesign

atlassian

Design kan bruges til at fortælle en historie – (Kilde: Atlassian)

Visuals er en af de bedste måder til effektivt at formidle information, uanset om du prøver at fortælle en historie eller gøre en masse data menneskeligt at læse. Webdesignere fortæller deres historier gennem charmerende illustrationer og datavisualisering med interaktive og visuelle design, der gør deres budskab mere spændende og lettere at forstå.

De største tendenser til webdesign i 2019

2019 delte mange webdesign trends med 2018, ligesom ødelagt gitterdesign og bold farvepaletter. Men tingene er blevet endnu mere vanvittigt med masser af eksperimentering fra dristige designere.

Det løbende tema for 2019: regelbøjning og brud. Hvid, flad, gitterbaseret minimalisme ud, lys og fed asymmetri ind. Selvom rent design og white space altid vil være en stor konkurrent, er designere  for nylig mere villige til at prøve nye ting. Vi ser, at mange af disse trends fortsætte med fuld styrke i 2020.

Vibrancy og eksperimentering med farve

fotonaut

Levende farver dominerede (Kilde: Fotonaut)

Internettet bliver mere farverigt. Gradueringer er almindelige nu, og websteder sporter ofte lyse og prangende paletter, der var uhørt for et par år siden. Paletter i sig selv er mere eksperimentelle og bryder fra den sædvanlige form af komplementære eller kontrasterende farver og går overalt.

Websteder vuser ikke længere den samme eller to enkle, dæmpede farver. Bløde pasteller, lyse farvetoner og paletter i enhver størrelse overtager. Skarp kontrast, blød subtilitet og paletter fyldt med personlighed blandes sammen for at gøre internettet meget mere forskelligartet.

Monochrome er også en stor ting lige nu. Dette tager ofte form af helt sort / hvide eller gråskala websteder med en mørk æstetik, men du kan også finde steder lavet udelukkende omkring en enkelt farve.

Flere illustrationer

absurd

Illustrationer var stadig populære (Kilde: absurd)

Illustrationer og visuelt indhold var også stort i 2018, men de har fortsat udviklet sig. Kunstnere tager skridt væk fra den typiske, forenklede illustrations-stil, de fleste steder bruger- og prøver noget lidt anderledes.

En spirende tendens er excentrisk, legende kunst, der afviger fra normalitet og afprøver en mere abstrakt, tilfældig stil. Disse illustrationer ignorerer typiske grænser og er ikke bange for at vise deres skabers personligheder.

3D-illustrationer er også ret populære. Det er kun en lille drejning om tendensen til for det meste flade kunstværker, men det indånder en masse nyt liv i det. Nogle af disse er 

2D-kunstværker tegnet til at se 3D ud, mens andre er faktiske tredimensionelle gengivelser. Uanset hvad vinder de hurtigt tiltrækning med 3D-web animationer.

jet style

Og 3D-illustrationer havde indflydelse (Kilde: Jet Style)

Sidst men ikke mindst i den illustrerede trend er animation. Animeret kunst er øjeblikkeligt opmærksomhedstiltrækkende, og tilføjer et ekstra lag af personlighed til en kunstform, der allerede er ganske udtryksfuld. Både 2D- og 3D-animeret kunst vil fortsætte med at vokse, da denne tæppe får opmærksomhed.

Bold design

Webdesign i 2019 kan indkapsles i tre ord: stort og fedt. Jo større og mere eksperimentel, jo bedre, især når slutresultatet er prangende og kræver øjeblikkelig opmærksomhed.

Brutalistisk webdesign kører stadig stærkt med hele websteder dedikeret til at indsamle det bedste inden for brutalisme. Den skarpe, grimme, antibruger-kunstform udtaler sig bestemt: Webdesign har altid kun handlet om at skabe en god brugeroplevelse, men brutalisme forsøger at gøre det til et kunstværk. Det er ikke klart, hvor længe brutalismen vil vare, men tendensen har stadig en ivrig efterfølgelse.

visualbox

Brutalismen dominerer stadig (Kilde: Visualbox)

Det ser ud til, at alt bliver større, men den største indflydelse heraf har været på typografi og navigation. Det er ikke ualmindeligt at se tekst, der næsten udelukkende fylder skærmen eller endda design lavet udelukkende omkring typografi, med få eller ingen billeder overhovedet.

Træt af en langsom vært for dit WordPress-site? Vi leverer lynhurtige servere og 24/7 support i verdensklasse fra WordPress-eksperter. Tjek vores planer

Fonte bliver også mere kreative, især takket være color fonts, der gør tilpasning og gengivelse af skrifttyper, der ser ud som om de blev forbedret i Photoshop, endelig til en mulighed. Typografi som fokuspunkt er nu en bæredygtig metode til webdesign.

Navigation udvides også. Lækker navne på hover-knapper og elegante dropdowns eller hamburgermenuer erstattes med dominerende skærme, med hele skærme dedikeret til navigation, som ofte ofte fokuseres på stor typografi. I denne detaljerede guide kan du lære mere om bedste praksis på websitetnavigation.

tribu

Header-design har også haft betydning (Kilde: Tribu)

Se også efter livlige hero videooverskrifter, animerede baggrunde og generelt mere videoindhold på websider. Videoelementer plejede at være en bekymring, da de var langsomme til at indlæse og spiste begrænsede mobildata, men stærkere hardware- og fallback billeder betyder, at du nu kan bruge videoer overalt. Det smukke websted med en animeret baggrund på fuldskærm, en gang en sjældenhed, er ved at blive mere almindelig.

Asymmetry

new flight

Assymetri er stadig meget populær (Kilde New Flight)

Ødelagt grid design er stadig meget populært. Websteder vælger ofte at undgå typiske layouts og vælge noget mere kunstnerisk med masser af overlappende stykker og elementer over hele skærmen. Det er en stil, der er svært at kunne mestre, men det ser forbløffende ud, når du først lykkes med den.

Men for dem, der ikke er interesseret i helt at nedbryde formen, er en smule asymmetri et acceptabelt alternativ. Asymmetriske split screen designs er især populære, selvom disse steder stadig holder sig til et gitter.

Når vi taler om gitre, er CSS-gitter en super kraftig tilføjelse til CSS, der fungerer i to dimensioner, kolonner og rækker, og giver dig mulighed for nemt at oprette website layouts fra bunden. Med lidt CSS-magi kan du også oprette et ødelagt gitterlayout, så alt er muligt. Webdesignere og udviklere begynder at hente CSS-net, så gå ikke glip af det.

Flere effekter og animationer

3h-i

Animationer kan have en positiv indflydelse på UI- og UX-design (Kilde: 3H-i)

Selvom brutalisme er ved at blive almindelig i nogle hjørner af nettet, fokuserer resten af ​​det på UI / UX-design: skabelse af en smukkere grænseflade og samtidig forbedre brugeroplevelsen.

En enorm del af dette er i mikro-interaktioner. Tænk at holde musen hen over et produkt i en butik eller leg med en interaktiv, animeret baggrund. Disse små animationer gør et websted mere underholdende at navigere og skabe glæde ved små interaktioner som at klikke og svæve. Nogle steder er endda gået så langt som at implementere søde minispil.

Men det er ikke bare for sjov. Mikrointeraktioner tjener ofte det samme formål som den almindelige subtile animation: de dirigerer bruger opmærksomhed mod vigtige UI-elementer. Og overimplementering kan blive forældet hurtigt, så det er kan være et spil at finde ud af det ideelle antal animationer, der skal inkluderes på dit websted.

Rulle- og parallaxeffekter er selvfølgelig lige så populære som nogensinde og kan tilføje et dynamisk lagvis look til en side og gøre det meget mere interessant.

Se også efter custom cursors. Disse blev engang sjældent set uden for små blogs eller websteder for børn, men de er nu et populært valg, især til websteder bygget omkring 3D-animerede baggrunde eller navigation. En elegant brugerdefineret markør kan virkelig forbedre din æstetik.

White Space

apple iPhone

White space vinder stadig (kilde: Apple)

Som altid white space og rent design fortsat have en plads i webdesign-tendenser. Enkelt og rent er et sikkert valg: der er en grund til, at denne stil findes på næsten ethvert moderne websted.

Men selv hvis du sigter mod en dristig, mere unik tilgang, er white space stadig noget, du har brug for at arbejde omkring. Hvert sted har brug for åndedrætsværelse, og white space kan bruges til omhyggeligt at fremhæve og fremhæve billeder eller andet indhold.

Masser af white space kan bruges med stor virkning, idet hele dele af skærmen er tomme for at give vigtige elementer masser af plads. Maksimal white space er en stil, der sandsynligvis vil fortsætte i de næste par år.

Progressive webapps

Den næste store ting inden for mobildesign: progressive webapps. Disse webbaserede platforme er bygget på kode som HTML og JavaScript, men de fungerer og fungerer som mini-apps til mobile brugere. De er skabt til at tilbyde en app-oplevelse uden at behøve at blive bygget på mobilteknologi eller frigivet i app store.

PWA’er fungerer offline, kan sende underretninger og fastgøres til startskærmen, men du behøver ikke at downloade eller distribuere noget. De er lette og indlæser hurtigt også, så de tager ikke for meget båndbredde.

Selv Twitter er kommet ind i PWA’er og har udviklet Twitter Lite som en løsning for dem med langsom internethastighed. Og de endte med at integrere systemet lige i deres hoved-grænseflade. Det er et bevis på, hvor godt denne teknologi fungerer.

Hvis du endnu ikke har hørt om progressive webapps, skal du bestemt undersøge. At bygge en kunne gøre dine mobilbrugeres oplevelser meget jævnere.

Leder du efter ideer til at give dit #WordPress-site et ansigtsløftning? Se de seneste års seneste webdesign trends og bliv inspireret! 👩‍🎨💡Click to Tweet

Resumé

2018 og 2019 har været et spændende par år for onlineverdenen. 2020 bringer allerede endnu mere eventyrlige designs. Regelbrydende elementer som asymmetri, lyse farver, brutalisme og iøjnefaldende animationer vil fortsat vokse i popularitet gennem de næste par år.

Hvem ved hvad der kan komme næste? Vi er helt sikkert på lager til endnu mere ukonventionelle nye kunststilarter.

Hvis du ikke har fanget endnu, kan det være tid til at forestille nogle af dine designs igen og fange disse varme nye trends. Forvent at se brands og designere virkelig begynde at udtrykke sig og internettet for at blive meget mere levende og interessant.

Det næste årti med webdesign vil sandsynligvis indeholde risikotagelse og innovation, så sørg for at du er klar til at følge med.


Hvis du godt kunne lide denne artikel, så vil du elske Kinstas WordPress hostingplatform. Boost dit website og få 24/7 support fra vores WordPress-ekspertteam. Vores Google Cloud-drevne infrastruktur fokuserer på automatisk skalering, ydeevne og sikkerhed. Lad os vise dig Kinsta-forskellen! Tjek vores planer