Spring fremad: 10 tendenser til webdesign, du skal bruge i 2021

webdesign tendenser 2021

Den konstante inden for webdesign er, at intet er konstant. Designtendenser ændres, teknologier giver flere muligheder for udtryk, og vores appetit og smag varierer konstant. Med det nye år godt i gang, kan det være et godt tidspunkt at se, hvad vi tror, ​​de bedste webdesigntendenser for 2020 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!

 

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
Forfatter: David AttardInternet side: https://www.linkedin.com/in/dattard/
David har arbejdet i eller omkring online / digital industri i de sidste 18 år. Han har stor erfaring inden for software- og webdesignindustrien ved hjælp af WordPress, Joomla og nicher, der omgiver dem. Som digital konsulent er hans fokus på at hjælpe virksomheder med at få en konkurrencemæssig fordel ved hjælp af en kombination af deres hjemmeside og digitale platforme, der er tilgængelige i dag.

En ting mere... Vidste du, at folk, der deler nyttige ting som dette indlæg, også ser FANTASTISKE ud? ;-)
Vær venlig 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 ...