De hotteste trends inden for webdesign i 2019

Arbejde inden for webdesign betyder, at du hele tiden skal holde styr på alle de seneste udviklinger. Nye teknologier og teknikker dukker op hele tiden, og hvis du vil levere de websteder, som dine kunder kræver, skal du i det mindste være opmærksom på kommende værktøjer til webdesign .

Ud over det tekniske er der dog også den visuelle vinkel at overveje. Smag udvikler sig altid, og hvad der så godt ud for et par år siden, ser sandsynligvis mindre tiltalende ud i dag. Hvis du vil have din webstedslayout for at se frisk ud og skille sig ud fra mængden, betaler det sig at være opdateret med de nyeste trends. Så læs videre for otte af dette års hotteste udseende, nogle af dem tekniske, nogle af dem mere æstetiske, og de fleste af dem er vigtige.



01. Stærk typografi

De hotteste tendenser til webdesign i 2019: Stærk typografi



Safari Riot's websted er stort på typografi og større på at lave fantastiske, opmærksomme ting med det(Billedkredit: Safari Riot)

Webdesign har altid været lidt af et dårligt forhold til grafisk design, og en del af problemet er, at mens en grafisk designer har mere eller mindre fuldstændig frihed til at skabe på tværs af siden, var webdesignere i lang tid bundet af primitive layoutmuligheder. og den mest basale typografi.

Dette ændrer sig heldigvis; CSS Grid og Flexbox giver designere mulighed for at oprette flere udskrivningslignende sider, og meget forbedrede typografiværktøjer har betydet, at store, dristige og eksperimentelle typografiske layout er meget i øjeblikket lige nu, idet de bruger fuldt ud store retro-skrifttyper i alt stilarter og vægte og komplet med forskellige effekter og deformationer for at tilføje ekstra karakter.



02. Progressive webapps

De hotteste webdesigntendenser i 2019: Progressive Web Apps

Starbucks PWA sætter ikke din verden i brand, men det fungerer bare, uanset hvad(Billedkredit: Starbucks)

De er ikke en løsning, der passer til alle, men hvis du bygger et websted, der overvejende er målrettet mod mobilbrugere, der ikke altid har den båndbredde, de ønsker, er en Progressive Web App en elegant måde at gøre det på. PWA'er er progressive og lydhøre, så de skal arbejde på enhver platform og også se godt ud, og de leverer en app-lignende oplevelse, der altafgørende ikke er afhængig af at have en internetforbindelse ved hjælp af servicearbejdere for at tillade offlinebrug. Og mens du ikke ønsker at bruge en PWA til dit næste fuldblæste desktop-websted, er de ideelle til at oprette hurtige og lette e-handelswebsteder, når højt engagement er et must.

03. Illustration

De hotteste tendenser til webdesign i 2019: Illustration



Cytoras guide til AI-tegning bruger illustration til at gøre et komplekst emne forståeligt(Billedkredit: Cytora)

Det er svært at besøge en ny opstarts side i disse dage, der ikke har en smule flade og funky tegneseriefigurer, der illustrerer sin forretning og giver nogle meget tiltrængt karakter for besøgende at identificere sig med. De er overalt, og de ser ikke ud til at gå nogen steder i øjeblikket, men mens vi er sikre på, at denne særlige illustration af stil vil falde ud af favør før eller senere, er selve illustrationen som et grundlæggende element i webdesign en, der ser ud til indstillet til at holde fast; det er bare den stil, der sandsynligvis vil udvikle sig. Hvis du er ivrig efter at inkorporere moderne udseende på dit websted, skal du sørge for at læse vores guide til 2019s illustrationstendenser at vide om .

04. Animation og video

De hotteste webdesigntendenser i 2019: Animation og video

Stonewall Forever-siden blander video og 3D-animation til en fabelagtig effekt(Billedkredit: Stonewall)

Selvom det ikke altid er klogt at opbygge websteder, der leverer et præstationshit, mens du spiser båndbredde, hvis du vil have indflydelse, er det meget nemmere i disse dage at gå fuldt ud med al den opmærksomme visuelle flair, du føler, du har brug for. Det er ikke så længe siden, at integreret fuldskærmsvideo simpelthen var utænkelig; nu er det synligt på et stadigt stigende antal steder og en fantastisk måde at give øjeblikkelig visuel interesse, mens du får en brandhistorie på tværs. Og for et mindre tungt visuelt slag, JavaScript eller CSS animation brugt godt ser ikke kun godt ud på siden, men kan også bruges til at puste liv i navigationen og forbedre brugeroplevelsen.

05. Pastelpaletter

De hotteste tendenser til webdesign i 2019: Pastelpaletter

Vi er ikke sikre på, hvad Liebe Quark er, men dets farveskema er det det til(Billedkredit: Liebe Quark)

Fordi webdesigntendenser er så meget tættere knyttet til mere generelle visuelle tendenser i disse dage, er det ikke overraskende, at mange af de must-have udseende til websteder har en tendens til at spejle den slags designbeslutninger, du allerede kan se på trykte sider og reklame. En forældet palet er den perfekte måde at slå folk fra, og hvis du vil have et websted til at se up-to-date ud, skal du afspejle aktuelle farvetendenser.

Lige nu er blide pasteltoner et stærkt udseende - se Pantones årets farve i 2019 , 'Living Coral', for eksempel - men hvad der virkelig kan hjælpe med at få dem frem er at tilføje en eller to rigtig levende nuancer på samme måde som printdesignere bruger spotfarver.

06. Brugerdefinerede markører

De hotteste tendenser til webdesign i 2019: Brugerdefinerede markører

hvordan man bliver en graffitikunstner
Romain Avalles porteføljeside gør nogle imponerende ting med din musinput(Billedkredit: Romain Avalle)

Da moderne websteder er hjemsted for så meget visuel interesse i disse dage, kan den ydmyge musemarkør nogle gange føle sig lidt tabt, hvilket vil forklare det stigende antal steder, der prøver at gøre noget spændende med markøren.

Blot at ændre musemarkøren til noget andet har været muligt i meget lang tid, men tilbagevenden til brugerdefinerede markører ser meget mere detaljerede teknikker komme i spil, såsom reaktive markører, der ændrer sig som reaktion på stedselementer og sekundære markører, der følger markøren rundt, men fejer over skærmen på en meget mere organisk måde. De er meget mode lige nu, men vi formoder, at denne tendens løber tør for damp inden længe.

07. Farveforløb

De hotteste webdesigntendenser i 2019: Farveforløb

Se bare på Abella Andrades forløb; uanset hvad de sælger, ser det lækkert ud(Billedkredit: A Bella Andrade)

Smukke farvegradienter har længe været tilgængelige for grafiske designere, men indtil for nylig har de været vanskelige at bringe til webdesign, da de skal gengives som bitmaps, der ikke altid skaleres godt. Nu betyder CSS-forløb dog, at det er let at opleve en side med en iøjnefaldende gradient, hvad enten det er simpelthen for at give en blidt farverig baggrund eller som et overlay, der giver en attraktiv måde at falme i fotografering fra den ene side. CSS-gradienter er lige så alsidige som dem, du finder i Illustrator eller Photoshop CC og kombineret med CSS-blandingstilstande er der næsten ubegrænsede måder at bruge dem fantasifuldt på.

08. Mikro-interaktioner

De hotteste webdesigntendenser i 2019: Mikrointeraktioner

En bedre Montreux Jazz Festival-oplevelse gennem mikro-interaktioner(Billedkredit: Montreux Jazz Festival)

Nogle gange er djævelen i detaljerne, og at bruge tid på at tilføje dejlige ekstra detaljer kan tilføje en meget tiltrængt dosis personlighed til et sted. Lidt animeret feedback kan være en fantastisk måde at holde brugerne engagerede og underholdt på, men der er mere ved mikrointeraktioner end simpel visuel feedback.

De kan bruges til at gøre navigationen klarere, for at berolige besøgende, mens de venter på, at noget skal indlæses, eller for at henlede opmærksomheden på nyttige funktioner såsom den uundgåelige hamburger-menu. Og brugt fantasifuldt kan de hjælpe dit publikum med at finde de oplysninger, de har brug for uden nogen uønsket støj; tjek for eksempel dette websted for Montreux Jazz Festival , som sammensætter en brugerdefineret liste over de handlinger, du vil se, baseret på en håndfuld afgørende swipes. Pæn.

Relaterede artikler: