Leaping Ahead: 10 webdesigntrends, du bør bruge i 2024 - [slettet]

webdesign tendenser 2021

Den ene konstant i webdesign er, at intet er konstant. Designtrends ændrer sig, teknologier giver flere udtryksmuligheder og vores appetit og smag varierer løbende. Med det nye år godt i gang, er det måske et godt tidspunkt at se, hvad vi tror, ​​de bedste webdesigntrends for 2024 vil være.

En af de store ting ved internettet er, at det aldrig forbliver stille. Det ser måske ud samme dag efter dag, men når du ser tilbage på det foregående år (eller måske vil du springe tilbage til 90'erne, og se hvilke tendenser du virkelig ikke går glip af) du hurtigt indse, hvor meget der faktisk har ændret sig. Denne stadige udvikling er fantastisk for webbrugere, da landskabet altid udvikler sig. Det er ikke så godt for udviklere, der hele tiden skal følge med i ændringstempoet!

 
 

Efterhånden som mobilapplikationer bliver mere populære, er de fleste virksomheders hjemmesider stadig deres kunders første indtryk af dem.

Hjemmesiden er den mest traditionelle måde at aktuel brandkommunikation på. Det har måttet kæmpe med tyve år med accelererende brugerkrav og designpåvirkninger: Web 1.0-teknologier, der ikke kan understøtte folks efterspørgsel, stigende forbrugerkrav om, at teknologien skal udtrykkes anderledes, væksten af ​​sociale medier, når den flettes sammen med nettet, og en stabil acceleration af mobil-først webforbrug.

De næste 12 – 18 måneder vil se betydeligt større omvæltninger end de trinvise fremskridt, som design og marketing har set i løbet af det sidste årti.

Her er hvad der blev fundet:

Page Speed ​​og UX forbedringer

Da Google afslørede deres algoritmeopdatering i juni 2021, blev webudviklere pludselig draget ind i SEO-diskussioner på måder, de aldrig havde været før. Inden da havde de ikke haft meget at gøre med SEO-siden af ​​tingene: det var SEO-professionelles opgave.

Men efterhånden som hastighed og UX-score blev endnu vigtigere for enhver virksomhed, der ønsker at rangere, begyndte SEO-professionelle at se på den måde, hvorpå webstederne blev oprettet, i meget større dybde, længere end de tekniske analyseresultater og indhold på disse websteder.

Dette kommer ikke som nogen overraskelse. Det er noget, der burde have været gjort for mange år siden, men som blev udskudt og sat til side, indtil mærker blev tvunget til at foretage ændringerne. Med nedsat internettrafik var webdesignteorien nødt til at følge med.

Så nu er vi her: websteder, der indlæses hurtigere end nogensinde før, algoritmer, der er mere sofistikerede, end da vi startede, og designere, der skal håndtere ændringerne, mens de stadig får det til at fremstå pænt.

Mange af de tendenser, vi ser i 2022, handler om hastighed og forbedrede UX-algoritmer. Her er en håndfuld, der bliver ved med at dukke op.

Mindst et vellykket mikro-metavers

Vores desingere finder, at metaverset er en af ​​de mere spændende ideer i 2021, en som vil overføres til 2022 - men hvad metaverset endelig bliver, er endnu ukendt.

"Vi vil løbende afklare, hvad vi ønsker, at metaversen skal være - lige nu er der en masse misforståelser og ubesvarede spørgsmål om metaversen, og tidlige adoptanter hopper på et koncept, der endnu ikke har en klar definition." Men i midten af ​​2022 vil vi højst sandsynligt se adskillige større organisationer adoptere konceptet om metaverset, potentielt som en spøgende reference, svarende til Wendy's Fortnight-udvidelse. Brands, der specialiserer sig i digitale varer, vil blive lokket til at udvide deres brand ind i metaverset og skabe et miniatureunivers, hvor deres brand er overalt."

Flere virtuelle deleoplevelser

Under pandemien, hvor alle var isoleret og i det væsentlige holdt fast i deres eget hjem, bragte fælles oplevelser individer tættere på hinanden. De dannede deres egne fællesskaber ved at bruge de ressourcer, de havde til rådighed, såsom gruppechatprogrammer, der gjorde det muligt for dig at se film eller spil, der gav dig mulighed for at komme i kontakt med fremmede at lege med. Det ændrede folks opfattelse af nærhed og fællesskab.

Det vil ikke forsvinde i den post-pandemiske æra, selvom det er i modstrid med det "anonyme online"-aspekt af nettet.

Porter Robinson begyndte at udgive sange på sin hjemmeside i 2020, hvor man går ind i et virtuelt rum med en anden fremmed og lytter til melodien sammen.

Vi havde apps som Skittish for 2021, som bragte begivenheder til dig gennem en blanding af forretnings- og fritidsapplikationer.

Flere af de underspillede, lavmælte delte oplevelser, som det tidlige internet var kendt for, vil blive set i 2022: bittesmå, enkle og personlige møder mellem fremmede.

Vanillificering 

Vi er i stigende grad klistret til skærme i en hidtil uset lang tid om dagen, og den tid, vi bruger på hjemmesider, skal tages i betragtning. Begrebet remote-first forsvinder ikke; faktisk bliver det dybere og udvikler sig til onlineoplevelser, der er strippet ned til det grundlæggende, mens det alligevel fører dig et sted hen.

"Husk, din telefon eller bærbare computer er effektivt teleporteringsinstrumenter - webdesign skal med vilje muliggøre denne oplevelse af "rejse i et stadig rejse-semi-begrænset miljø," forklarer en anden af ​​vores designere. "Og det handler ikke kun om at besøge steder, der ikke eksisterer."

"Vi vil se en tilbagevenden til rent design med rigeligt hvidt rum, der giver plads til at trække vejret," siger hun, "og dette hænger meget godt sammen med Googles seneste algoritmeændringer og den stigende efterspørgsel efter mobilvenlige websteder - enklere et design er, jo lettere vil det være at sikre, at det fungerer ens på tværs af enheder."

"Efterhånden som flere mennesker arbejder eksternt, er det ikke kun landmænd, der står over for langsommere forbindelser." Folk, der er vant til at arbejde på en fiberforbindelse, bliver nødt til at tilpasse sig de langsommere internethastigheder, der er tilgængelige i mere fjerntliggende områder, og de vil opsøge sider, der ikke tager evigheder at indlæse."

Typografi tillader inklusion

Designere elsker små tekster.

De er stadig indstillet til at regere i 2022 - men ikke helt på egen hånd. Fjernbetjeningen-først-driftsmåden betyder, at tidligere utilgængelige begivenheder nu er tilgængelige for et meget større antal mennesker end før; det er på tide, at nettet afspejler dette. Alt-tekster, billedtekster og en stærkere vægt på tastaturnavigation, både manuelt og med stemmen, er alt sammen.

Forsøgets tilbagevenden

Når det kommer til moderne webdesign, har minimalistisk app-design meget at svare for, og af en gyldig årsag: Som en ny teknologi var det nødvendigt, at digitale tjenester var enkle at forstå, bruge og udforske.

Det var dengang.

Nu kommer vi tilbage til det grundlæggende. Arbejdet har udviklet sig. Vores arbejdsmetoder har udviklet sig.

Den måde, vi forbinder online på, vil ligeledes ændre sig.

"Vores liv er blevet vendt på hovedet siden marts 2020," siger et af vores medlemmer, fortsætter hun, "så jeg kan ikke se nogen skade i at have det sjovt med webdesign i den nærmeste fremtid." At bringe dristige og levende farvekombinationer tilbage, en blanding af harmonisk typografi, nogle animationer og en generel følelse af munterhed er uden tvivl et skridt i den rigtige retning."

Indendørs / udendørs

Låsning af planteopdragelse, solovandringer og udendørslivet: Livet har trukket mange individer tilbage ind i naturens fold, og denne tendens forventes at fortsætte efter 2022. Websites, der bruger stille, bløde toner og forsøger at skabe en følelse af ro er ikke nye, men dette er en af ​​de underliggende tendenser, der sandsynligvis vil lave betydelige ændringer i, hvordan vi griber webdesign an.

Desuden er det nuværende klimaproblem en væsentlig motivator for mere naturligt online design. "Dette er også en reference til miljøbevidsthed, vores indvirkning på jorden og en hurtig erkendelse af, hvor meget tid vi dagligt bruger på at se på vores enheder," forklarer vores designer.

Som jeg gør, gør du også

Adfærdsdesign er en hævdvunden idé, der har formet de varer, vi bruger hver dag. Det forventes at skyde i vejret i 2022, da brands udnytter data på kreative måder for at differentiere sig fra konkurrenterne. Blanding af erhvervede data med webstedsdesign kan forbedre brugeroplevelsen yderligere.

Ifølge Sorina er "adfærdsdesign bygget på cue, action og belønning, og mange apps, såsom Headspace, bruger det i dag." Headspaces succes skyldes i høj grad dets evne til at holde abonnenter engageret og 'aktive' ved at bruge skræddersyede daglige afspilningslister, målinger og tidsplansynkronisering – og det er en succes, fordi det er den taktik, det vælger; den forstår, hvad der motiverer sine kunder.”

Det handler om tommelfingeren

Dine kunder vil finde det nemmere at bruge din hjemmeside, hvis den er veldesignet.

Tommelfingervenlig navigation er en af ​​de ting, som forbrugerne ikke tænker så meget over, men det bliver stadig vigtigere, efterhånden som vi går mod hurtigere og mere responsive mobile-first-sider.

Dette muliggør også brugen af ​​alternative rullemønstre. I mere end et årti har nettet ikke kun været beregnet til en mus og en computer, men gestuskontrol vil helt sikkert komme til sin ret i 2022.

Hæv din stemme

Stemmesøgning bliver mere populær, og webstedsdesign skal følge med. Med flere og flere stemmesøgninger, der foretages hver dag, bliver det spændende at se, hvordan webdesign kan inkorporere stemmechatbots og virtuelle assistenter i den bredere tilgang til webdesign, og hvad det betyder i fremtiden.

Sorinas forudsigelse: flere websteder vil inkludere stemmesøgning som et alternativ til almindelig tekstsøgning, hvilket gør dem mere tilgængelige.

90'erne er tilbage

Der vil altid være plads til nostalgi, og det sted vil være internettet i 2022. Med den yngste 90'er baby allerede 22 år gammel, vil den tidlige internet æstetik regere i top i 2022, da egentlige 90'er børn kanaliserer deres nostalgi ind i det område, hvor de brugte al deres tid: Internettet i al dens neon popup herlighed. Tilføj populariteten af ​​lo-fi-musik og TikTok-filtermaskinen, og 90'erne gør et stort comeback på nettet.

Googles sideoplevelsesforbedring

Ifølge nogle designere har dette været undervejs siden internettets begyndelse – og det er endelig ved at blive formaliseret.

Det er en fin ting.

Google Page Experience-opdateringen ændrede den måde, Googles motorer analyserer websider på, så de kunne indlæses hurtigere og mere effektivt. Det ændrer den måde, designere nærmer sig en webside ved at give en bedre sideoplevelse og en hurtigere indlæsningshastighed.

Websites, der virker dejlige, men som har funktioner, der stammer eller springer over, forstyrrer brugerens fordybelse. På samme måde kan websteder, der indlæses hurtigt, men som indeholder utiltalende aspekter, miste din opmærksomhed.

"Dette vil faktisk positivt udfordre designere til at være lige så ærligeless i deres tilgang som muligt,” forklarer de. På trods af sin åbenhed i forhold til papir, har nettet et unikt sæt af underliggende ideer eller begrænsninger, som vi hidtil har været ret frie og afslappede med. Noget så nemt som at holde dine valg begrænset, men alligevel samlet på tværs af online-projekter, er et tilsyneladende, men vigtigt udgangspunkt, men dette sætter mere teknisk spin på webdesign end noget andet – det skal se smukt ud og fungere endnu bedre. Vi skal designe med slutbrugeren i tankerne, ikke kun 'ser det godt ud', men også 'ved jeg virkelig, at jeg er på en hjemmeside.'

Leder du efter et WordPress-udviklingsfirma? Tjek denne liste over WordPress webdesignere og agenturer.

Det er vigtigt at huske, at disse ændringer ikke sker, blot fordi designere blev kede af det tidligere sæt af trends, eller fordi sidste års trends ikke længere gælder. Vi er på randen af ​​et stort skift i, hvordan internettet fungerer.

Det skift er allerede sket på nogle måder. Dette er nyt: blockchain, bitcoin, NFT'er, metaverser og underholdning frem for alt andet.

Og designere skal tilpasse sig det.

Vi diskuterede hvorfor.

Sådan gør du det.

En-sides alder

Verden krympede dramatisk som følge af nedlukningen. Du kunne ikke engang rejse natten over. Du skulle blive inde. Du kunne ikke gå til begivenheder, du havde set frem til, eller prøve nye ting.

Disse begrænsninger fortsætter med at komme og gå og vil gøre det i nogen tid.

En-sides hjemmesider eksisterer for at få det bedste ud af en dårlig situation.

Oplevelsen af ​​at gøre noget, at være et sted, maksimeres ved at indeholde alt på én interaktiv webside: Der er ingen burgermenu, der kan tage dig ud af den, eller traditionel sideopsætning, der minder dig om, at du er på et websted. Alt du skal gøre er at gå til hjemmesiden, finde artiklen, finde mikrosiden og læse historien.

Hjørnestenene er animerede tekstelementer, bittesmå animationer og fantastisk visuelt design.

Peg-og-klik

Kan du huske de gode gamle dage med gammeldags internetdesign?

Så gode nyheder: det er i bedring. Det har været stigende siden 2021, men 2022 vil bringe 90'ernes peg-og-klik-nostalgi tilbage.

Nostalgi er rentabelt.

Sådan har det altid været.

Men dette er mere end bare nostalgi.

Før nettet blev standardiseret, socialiseret eller (næppe) renset, var det fyldt med påskeæg og HTML-kodningstricks, såvel som at finde ud af nye måder at anvende de samme tre elementer i forskellige konfigurationer. Dengang bestræbte fællesskabet sig på at skabe websteder, der fungerede smukt og havde små tricks for brugerne til at finde det, du lavede på nettet.

Folk er trætte af hjemmesider, der udelukkende eksisterer for at sælge et produkt. Websites, der kan fange noget af spændingen ved at oprette forbindelse til internettet i 1990'erne og falde ned i et kodende kaninhul, vil se deres indsats belønnet pænt. At give folk en snak og et uforpligtende eventyr er en glimrende måde at få dem til at vende tilbage, fordi de gerne vil i en tid, hvor forbindelsen er særlig vigtig og stadig sværere at skabe.

Tilpasset sidevisning

Nogle mennesker foretrækker at læse deres artikler i mørke. Nogle mennesker gør dog ikke.

I 2022 vil disse designmuligheder være en del af enhver webdesignstrategi. Tilpasning til specifikationer - mindre tekst, større tekst, forskellige farver, mørk tilstand, lys tilstand - er i øjeblikket udbredt i alt fra apps til smartphones. Som en selvfølge vil den blive udvidet til nettet.

At tilpasse en hjemmeside til at opfylde personlige behov skaber en forbindelse og gør hjemmesiden mere tilgængelig for alle. Vi lever i en tid, hvor folk vil have muligheden for at ændre ting – ikke fordi de har brug for det, men fordi det er mere bekvemt.

positivitet

Vi kunne alle bruge nogle gode nyheder til at balancere de dårlige.

Websites vil læne sig mod det positive i 2022. Lyse, lyse farver, optimistisk musik og vægt på det positive.

Det er mere end bare altruisme.

Der er mere end nok dårlige nyheder. Folk er trætte af at høre om det, af at blive bombarderet med grunde til at være bekymrede, af at føle sig stressede, triste og alene. Websites, der kan bringe lidt glæde tilbage og forbinde med deres besøgende, vil opleve en stigning i trafikken.

Små animationer

Der er mange interessante ting på internettet.

Så meget, at websteder, især dem med langt indhold, kan kæmpe for at holde deres publikum, hvor de har brug for dem.

Små animationer kan hjælpe med at holde hjernen fokuseret på din side. Små animationer drysset ud over et stykke langformet indhold hjælper med at holde folk interesserede.

Vi forstår. Der er allerede så meget at huske, at indhold i lang form og statiske websider ser ud til at være spild af tid. Små animationer giver et lykkeligt medium mellem at fremhæve indhold og miste opmærksomheden fra et forvirret publikum.

Designers Fantasy

Statiske billeder er stadig i brug.

Dem bliver der dog færre af.

For 2022 er designelementer på vej frem, og hjemmesider vælger less stockfotografering og mere brugerdefineret design, der virkelig placerer din personlighed, hvor dit websted (eller sociale medier!) er. Denne tendens udnytter også et generelt skift i menneskelig adfærd: et pludseligt skift mod hyper-tilpasset, hyper-personligt indhold og design, der er bygget til at skille sig ud over det, der har været populært i de sidste ti år.

Andrea identificerer et par stykker, som han mener vil have en større indflydelse på, hvordan webdesign gribes an i 2022.

Dobbelt æstetik

Art Deco-genoplivningen begyndte for et år siden, men vi har ikke set det fulde omfang af dets potentiale før nu. Andrea mener, at Art Deco er en fremragende trend for 2022 og stigningen i personligt indhold på grund af den minimalisme, der driver det. Art Deco kan med sit grundlæggende enkle design være både moderne og klassisk og kan rumme en bred vifte af materialer, medier og mærkekrav.

Da begrebet webdesign udvikler sig fra en idé til en disciplin, er det fascinerende at se, hvordan ændringer opstår, og hvor tæt de er æstetiske på Web 1.0.

2022 bliver en masse ting, men kedeligt bliver ikke en af ​​dem. Vi ser på et web, der er blevet mere tilgængeligt, højere, kan tilpasses og nemt at tilpasse sig.

Alt vil ændre sig som følge af det.

Vi kan næsten ikke vente med at få fingrene i det.

Ofte Stillede Spørgsmål

  1. Hvad er en god hjemmeside i 2021?

Når man skal bestemme kvaliteten af ​​en hjemmeside, skal flere faktorer tages i betragtning, herunder design, brugervenlighed, mobiloptimering, imponerende indhold og SEO.

2. Hvilke funktioner portrætterer et godt webstedsdesign?

Minimalisme er en tidless designtrend, der fortsætter med at være populær blandt nutidens bedste hjemmesidedesigns i 2020. Denne tekniks elegante, smukke og enkle udseende gør den yderst anvendelig, hvilket resulterer i en dejlig brugeroplevelse.

3. Hvad gør en hjemmeside tiltalende?

Smukke websteder har billeder, der lokker brugerne til at tjekke en virksomhed ud. De hjælper med at balancere din side og opdele teksten. Du kan bruge en række visuelle elementer på din side, såsom billeder, videoer og infografik.

 

Her er hvad vores forskning indikerer, og hvad vi mener, at de ti største trends inden for webdesign vil omfatte:

  1.   Lyse farver og farveblokke.
  2.   Større skrifttyper.
  3.   Bedre udnyttelse af mellemrum.
  4.   Mørk tilstand.
  5.   Mere 3D.
  6.   Øget minimalisme.
  7.   Skjult navigation
  8.   Øget brug af parallax design.
  9.   Brugerdefinerede illustrationer.
  10. Stemme.

Som du kan se, er nogle af disse fortsættelser af aktuelle tendenser, mens andre tager ældre tendenser og ændrer dem op til noget nyt. Vi vil også foreslå en måde at opnå dette på i dit næste webdesignprojekt.

1. Lyse farver og farveblokke

Vi har altid været fans af farver, så det er dejligt at se mere farve blive en webdesigntrend i år. Vi forventer at se meget mere brug af højere, lyse og mere markante farver i webdesign.

En lys hovedfarve med en supplerende eller kontrasterende sekundær farve vil eksplodere. Vi så nogle store mærker vedtage denne stil i slutningen af ​​sidste år, og vi tror, ​​at den vil accelerere.

Især e-handel drager fordel af dristige farvevalg

Farveblokke vil også være indflydelsesrige. Sektionering af sider med farveblokke giver designere mulighed for at opdele sider i bitstørrelsesstykker, mens de fungerer godt på mobil eller desktop. Gitre giver dig også mulighed for at fortælle en historie på en organiseret og lineær måde.

Nedenstående eksempel fra Mango Media blander livlige farver med et stort skriftvalg, en stærk illustration og flot skygge for at give et enestående første indtryk. Det er denne kvalitetslevering, som vi tror vil være en førende trend inden for webdesign i 2020.

Lyse farver og farveblokke

Ønsker du at opnå et lignende design? Tjek nedenstående.

Divi LMS-pakke

Divi LMS-pakken gør stor brug af farveblokke og mellemrum for at levere et meget velafbalanceret tema. Brug af farve er meget moderne og giver temaet en moderne følelse uden at bruge gimmicks.

Tjek Divi LMS-pakken

 

Divi Software Marketing-pakke

Divi Software Marketing-pakken er ens. Det bruger en fed lilla farveskema med flot sidebalance, enkle skrifttyper, unikke illustrationer og god brug af hvidt rum. Et andet eksempel på moderne design, der bruger de nyeste trends uden at stole på overflødige elementer.

Divi Software Marketing-pakke

Tjek softwaremarkedsføringspakken

 

Neve Mountain Bike Race tema

Neve Mountain Bike Race-temaet er et andet godt eksempel på brug af skrifttyper, farveblokke og hvidt rum. Siden er meget afbalanceret og kan være nyttig til mange typer forretninger, ikke kun for fritid. Det er dejligt at se kommercielt tilgængelige webtemaer af denne kvalitet!

Neve Mountain Bike Race tema

 

Se Neve Mountain Bike Demo Live

2. Større skrifttyper

Større og dristige skrifttyper bliver store i år. Typografi har altid været vigtig i webdesign, men vi ser et bestemt skift i retning af færre ord i større eller dristigere type.

Vi tror, ​​at dette vil være en klar tendens til webdesign gennem 2020.

Større skrifttyper

Større og dristige skrifttyper hjælper med at forstærke budskabet, og sammen med smarte overskrifter og opfordringer til handling kan det være mere magtfuldt end billeder, når det fremkalder et svar. Sådanne som Samsung har allerede taget kraften af ​​stor type, og vi forventer, at andre mærker og mange mindre virksomheder efterligner denne succes. Du kan se dette i aktion i skærmbilledet ovenfor fra Samsungs websted.

Store og fede skrifttyper med det korrekte skrifttypevalg kan være meget effektive. Der er hundreder af rene skrifttyper rundt, der fungerer utroligt godt på nye designs, så valg er bestemt ikke noget, designere mangler.

 

Templatemonster Journeo-tema

Templatemonster Journeo-temaet er den perfekte blanding af stærke billeder, farveblokke og skrifttypebrug. Rul længere ned på siden, og du vil også se god brug af hvidt rum og blokke af indhold for at give en meget moderne, men afbalanceret side.

Templatemonster Journeo-tema

Tjek Journeo Demo

Hestia Pro fra Themeisle

Hesia Pro fra Themeisle

Hestia Pro fra Themeisle er et andet eksempel på godt skrifttypevalg, farvepop og -blokke og intelligent brug af hvidt rum. Dette er et andet moderne tema, der ser banebrydende ud, samtidig med at det er realistisk for en moderne virksomhed.

Besøg Hestia Demo

3. Bedre udnyttelse af mellemrum

Whitespace har altid været vigtig i godt sidedesign, og vi forventer, at det kommer endnu mere til udtryk i år. Med fremkomsten af ​​stærke farver og fede skrifttyper vil brugen af ​​tom plads være afgørende for, at disse andre webdesigntendenser fungerer. Plus, minimalisme er stadig en stærk tendens, og vi forventer ikke at se slutningen af ​​det når som helst snart.

Bedre udnyttelse af mellemrum

Forvent at se meget mere tom plads på websider med stor opmærksomhed til bannere, større overskrifter, farveblokke og billeder. Det tager et godt øje at effektivt balancere indhold og tom plads og normalt en god forhandler for at overbevise klienter om, at det er en god idé. Vi forventer, at alle disse ting er en trenddesigntendens i 2020.

Wistia er et godt eksempel på, hvordan tom plads bruges godt på en side. Siderne formidler stadig en masse information, men viser perfekt balance mellem sideindhold og tom plads.

StudioPress Foodie Pro-tema

StudioPress Foodie Pro Theme er et andet minimalistisk tema med stor brug af skrifttype, mellemrum og minimalisme. Det fungerer godt for dets hensigt med madtema, men kan også tilpasses til andre brancher. Et andet værdifuldt tema, der fungerer på mobil.

Tjek Foodie Pro nedenfor eller besøg demo

StudioPress Foodie Pro-tema

 

Astra Custom Printing Pro

Astra Custom Printing Pro

Astra Custom Printing Pro-temaet viser stor brug af mellemrum, skrifttype, farve og billeder på et e-handelstema. Siden er meget attraktiv og trækker blikket til produkterne, mens den minimerer webindhold for at supplere denne hensigt.

Tjek Astra Custom Printing Pro

4. Mørk tilstand

Med flere apps, der tilbyder en mørk tilstand, forventer vi, at websteder begynder at tilbyde det samme. Måske en farveomskifter øverst på siden, så brugeren kan vælge at bruge lys eller mørk tilstand afhængigt af enhed eller situation.

Mørk tilstand

Der er meget, der går i mørkt design, men gjort rigtigt kan det tilbyde en følelse af luksus og eksklusivitet til en side. Alternativt kan det gøre en side lettere at læse på nogle enheder eller i dårlige lysforhold.

Browsere og browser-plugins tilføjer i stigende grad værktøjer til 'tving mørk tilstand' til at manipulere selv lysdesign, så de bliver mørke. Da dette er en stigende tendens, kan du lige så godt indarbejde det på dine sider, så du styrer slutresultatet!

Ligesom hvidt mellemrum føjer mørke baggrunde sig også til årets andre webdesigntendenser, dristige farver, stor skrifttype og minimalisme kan alle arbejde sammen for at levere en enestående brugeroplevelse. Bare en af ​​grundene til, at vi tror, ​​at mørke designs og mørke tilstande vil herske i 2020.

bear grylls mørk tilstand hjemmeside

Bear Grylls-webstedet (billedet ovenfor) er et godt eksempel på mørk tilstand gjort godt. Det er også et godt eksempel på stærk skrifttype, godt billede og minimalistisk navigation!

Themeforest Jupiter tema

Themeforest Jupiter tema

Themeforest Jupiter-temaet viser, hvad vi mener om mørke webstedsdesign, stærke farver og fantastisk skrifttypevalg. Det er et slående tema, der straks skiller sig ud og får det centrale budskab videre i de første 2 sekunder. Ikke meget mere skal siges om denne!

Tjek Jupiter Demo

Jo større skrifttypen er, jo færre eksempler på den skal du have på en side. Dette fører os pænt ind på ...

 

5. Mere 3D

Mange webdesignere undgik tidligere 3D-billeder, fordi det ville tage tid at gengive dem.

Forbedringer i både designværktøjer og enhedens kapacitet betyder, at 3D ikke længere er uden for anvendelsesområdet, når man designer websider. Vi tror, ​​at dette vil give en ny trend i webdesign i 2020, nemlig 3D-billeder og webindhold.

Mere 3D

Welly-webstedet (billedet ovenfor) er et godt eksempel på 3D i aktion og tager ikke længere tid at indlæse end en standardside. Dette kræver en masse dygtighed til at designe et interaktivt 3D-billede uden at forårsage langsom indlæsning, men gjort det godt, det kan skabe en fantastisk effekt, der får en side til at skille sig ud fra mængden.

Dette er en af ​​de tendenser, der kræver den højest mulige kvalitet med hensyn til layout og animation. Der er ikke plads til næstbedste, når du arbejder i 3D, så dette kan vise sig så meget som en udfordring som en mulighed!

Mange tror, ​​at 3D-design holder en besøgende længere på siden og øger interaktionen. Det og det faktum, at det ser meget sejt ud, er, hvorfor vi tror, ​​at 3D bliver stort i år.

6. Øget minimalisme

Minimalt design fungerer overalt. På desktop, på mobil, på websider, apps og alt med et brugergrænseflade. Det er på ingen måde en ny trend, men vi tror, ​​at den vil øges i popularitet gennem 2020.

Minimalisme er en af ​​de sværeste webdesignteknikker for at få ret (selvom vi har diskuteret det meget detaljeret her). Det kræver ægte færdigheder at være i stand til at afbalancere en webside korrekt, samtidig med at de tilfredsstiller designens, kundens og publikumets behov.

Minimalisme er kompatibel med større skrifttyper, dristige farver, mørk tilstand, brugerdefinerede illustrationer og de mange andre webdesigntendenser, vi ser lige nu. Det fungerer også utroligt godt på mindre skærme, hvorfor vi tror, ​​det vil eksplodere i år.

Øget minimalisme

Minimalisme passer ind i vores behov for hastighed, ønsket om at forblive på opgaven og lidt tålmodighed for fnug eller unødvendige blomstrer i webdesign.

Evolve (billedet ovenfor) er et glimrende eksempel på minimalistisk design, der bruger farve og skrifttype meget godt. Selv navigationen holdes på et minimum!

Templatemonster Kuba tema

Templatemonster Kuba tema

Templatemonster Kuba-temaet er en mesterklasse i minimalisme. Manglen på ting at se og udføre virker til fordel for siden og viser de elementer, designeren ønsker, at du skal se. Det indlæses hurtigt og fungerer også på mobil.

Tjek Kuba-temaet

StudioPress Breakthrough Pro-tema

StudioPress gennembrudstema

StudioPress Breakthrough Theme er et glimrende eksempel på minimalistisk design med fed skrift og små farveblokke. Der er også god brug af mellemrum i hele temaet, der også oversætter godt på mobilversionen.

Besøg Breakthrough Demo

7. Skjult navigation

Som nævnt ovenfor fungerer minimalisme hånd i hånd med skjult eller minimal navigation. Vi tror, ​​det er en anden designtendens, som vi vil se i 2020. De fleste webbrugere er fortrolige med hjemmesidesign, at de ved, at hvis en menu ikke er umiddelbart synlig, vil den være på siden et eller andet sted. Så længe designet er klart nok, synes vi, det er mere end nok til at tilskynde til skjult navigation.

Skjult navigation

Selvom det er vigtigt for nogle designs, tager navigering og menuer meget af fast ejendom på skærmen. Jo mindre skærmen er, desto mere kompakt skal design være. Skjult navigation løser det. Så længe det overordnede design gør det klart, hvor navigationen naturligvis findes!

Mill-webstedet er et godt eksempel på skjult navigation gjort godt.

Skjult navigation udgør dog en udfordring. Undersøgelser har vist, at skjult navigation kan påvirke tiden på siden, interaktion og besøgende tilfredshed. Der skal udvises omhu for at matche minimalisme med godt design sammen med brand og publikums pasform.

Themeforest Fremragende tema

Themeforest Fremragende tema

Themeforest fremtrædende tema inkluderer mange af de webdesigntemaer, vi har talt om. Farve, mellemrum, skrifttype, blokke, minimalistisk navigation og fantastisk design til at levere et meget moderne tema, der fungerer for alle slags porteføljetyper.

Se fremtrædende i aktion

8. Øget brug af parallax design

Øget brug af parallax design

Parallax-design er ikke noget nyt, men vi tror, ​​at vi kommer til at se meget mere af det i år. Denne designstil blev ofte overladt til entry-level webdesign eller skabelonmarkedspladser, hvor den ikke tjente noget reelt formål og ikke havde nogen reel indflydelse. Design som det på ToyFight.co vil ændre alt dette.

Bedre animationsværktøjer og teknikker betyder at skabe ægte fuldførte parallax-effekter, der fungerer på tværs af browsere og enheder for at få en reel indflydelse. Sammen med godt farvevalg, smarte billeder eller illustrationer og god sidebalance er der ingen grund til, at du ikke kan fortælle en overbevisende historie gennem en rullende side.

Astra Yoga Instruktør

Astra Yoga Instruktør

Astra Yoga Instruktør-temaet er et andet, der bruger moderne tendenser med stærke billeder, farvebrug, god skriftstørrelse, farve og valg og en pæn parallakseffekt med logoet i baggrunden. Dette er et fremragende tema for sin niche og fungerer godt.

Tjek Astra eksempler med Parallax

9. Brugerdefinerede illustrationer

Brugerdefinerede illustrationer er en måde, hvorpå et brand virkelig skiller sig ud. Glem lagerbilleder eller massemarkedsvektorer, brugerdefineret illustration er, hvor den er. Bygget inden for mærkefarveskemaet kan ægte originale illustrationer være en stærk måde at engagere og fremkalde følelser og et resultat på. Vi tror, ​​dette vil vokse eksponentielt i år.

Brugerdefinerede illustrationer

Fordelen ved brugerdefinerede illustrationer er, at de kontinuerligt kan opdateres, konfigureres til at imødekomme en stemning eller situation og kan bruges forskelligt på tværs af enheder. De kan også parres med animationer for at levere en involverende oplevelse uden at gøre siden langsommere eller komme i vejen for kunderejsen. Fixate (vist ovenfor) er et godt eksempel på brugerdefineret illustration, der fungerer med stor effekt.

De kan medføre ekstra omkostninger i udviklingsfasen, men de fleste grafiske designere kan vende illustrationer temmelig hurtigt. Dette er endnu en fordel ved at bruge dem.

10. Voice

Stemme bliver stadig mere relevant på internettet. Søgning skal allerede implementere tale, og webdesign bliver nødt til at følge. Ifølge denne undersøgelse vil 65% af webbrugere i alderen 25-49 bruge stemme til at interagere med deres enheder. Brug af stemme i sidedesign samt navigation og søgning er en logisk udvikling. En, vi tror, ​​vil være en vigtig trend i webdesign i 2020.

Voice

Siri, Alexa, Google Now og Cortana har alle introduceret os til stemmekommandoer i en eller anden grad. Vores øgede afhængighed af mobil giver den ideelle mulighed for at bruge stemme i søgning, så hvorfor ikke også webstedsnavigation og interaktion?

Voice User Interfacing forbedrer også tilgængeligheden af ​​et websted og forbedrer adgangen til alle evner. Forskellige lande indfører strengere lovgivning om tilgængelighed, men at gøre et websted tilgængeligt for alle er en grundlæggende princip på både internettet og verdensomspændende internet, så hvorfor integrerer vi ikke stemme på et websted.

Denne vejledning går ind i indflydelsen af ​​stemme på design i detaljer. Værd at læse. Som det er Googles guide til deres stemmestyrede webapp API.

De webdesigntendenser, som vi tror vil herske over nettet i 2020, er primært udvikling af eksisterende temaer. Der er ikke noget helt nyt her, men der er stadig meget at se frem til, om du er en webbruger eller designer.

En af grundene til, at vi finder os spændte på alle disse er, at de tilbyder en ægte udfordring til webdesignere. Borte er dagene med skabelonsider og nøglefærdigt design.

Nu er tiden for individualitet, tilpassede skrifttyper og illustrationer, perfekt afbalancerede websider med hvidt mellemrum og billeder og en virkelig personlig browseroplevelse. Tilføj funktionalitet som 3D, meget forbedret parallaxrulning og stemme, og du har et mere brugbart web til alle. Det skal være en tendens, der er værd at følge!

Er du enig i vores trendvalg? Har du ideer til andre webdesigntendenser i år? Fortæl os om dem i kommentarfeltet nedenfor! 

Om forfatteren
David Attard
David har arbejdet i eller omkring online- og digitalindustrien i de sidste 21 år. Han har stor erfaring i software- og webdesignindustrien ved at bruge WordPress, Joomla og nicher omkring dem. Han har arbejdet med softwareudviklingsbureauer, internationale softwarevirksomheder, lokale marketingbureauer og er nu Head of Marketing Operations hos Aphex Media - et SEO-bureau. Som digital konsulent er hans fokus på at hjælpe virksomheder med at få en konkurrencefordel ved at bruge en kombination af deres hjemmeside og digitale platforme, der er tilgængelige i dag. Hans blanding af teknologisk ekspertise kombineret med et stærkt forretningssans giver hans forfatterskab en konkurrencefordel.

En ting mere... Vidste du, at folk, der deler nyttige ting som dette indlæg, også ser FANTASTISKE ud? ;-)
Vær venlig at forlade a nyttigt kommenter med dine tanker, så del dette på din Facebook-gruppe (r), der ville finde det nyttigt, og lad os høste fordelene sammen. Tak fordi du delte og var god!

Afsløring: Denne side kan indeholde links til eksterne websteder for produkter, som vi elsker og helhjertet anbefaler. Hvis du køber produkter, vi foreslår, tjener vi muligvis et henvisningsgebyr. Sådanne gebyrer påvirker ikke vores anbefalinger, og vi accepterer ikke betalinger for positive anmeldelser.

Forfatter (e) Fremhævet den:  Inc Magazine-logo   Sitepoint-logo   CSS Tricks-logo    webdesignerdepot logo   WPMU DEV-logo   og mange flere ...