UI / UX-designtrender i 2019, du burde vide

Designeren skal være på top med de nyeste designtrends. Arbejdsstilen skal ændres og udvikle sig for at holde arbejdet friskt og resonere med klienter og produkter. 2019-året indsamlede en masse trends fra det sidste år og tilføjer også nogle nye. Så kig på de saftigste tendenser for dette år, som jeg har valgt.

Tendenser inden for UI-design

Farverige og specialfremstillede illustrationer

Brugerdefinerede illustrationer med dristige, livlige farver og sjove stiliserede mennesker kommer tilbage i 2019 og bliver årets hovedtrend. I henhold til statistikker kan denne type indhold konvertere syv gange bedre end nogen anden type visuelt indhold. I dag drager virksomheder mere fordel af tilpassede illustrationer. Ved hjælp af brugerdefinerede illustrationer demonstrerer virksomheden det unikke i værdierne for deres brand. Denne tilgang i design hjælper virksomheder med at komme tættere på deres kunder ved at gøre deres oplevelse med et brand mere personlig. Uden tvivl er disse brugerdefinerede illustrationer dyre, men hvis du vælger dem, får du en masse smell for din sorteper. De mest populære retninger er illustrationer med enkle former og isometriske former.

  • enkel form
Kilde: Uran, Zak Steele-Eklund, Gal Shir, Tubik
  • isometriske illustrationer
Kilde: Walid Beno, Rwds, Widelab

Flydende grafik

Design bliver mere digitaliseret, og designere og kunstnere, der følger disse tendenser, bringer komplekse farver til den virkelige verden. Og flydende, holografiske, kromatiske former og glittere er overalt, inklusive UI-design. Det angår ikke kun grafik, men også typografi.

Kilde: 𝔅𝔢𝔰𝔱𝔖𝔢𝔯𝔳𝔢𝔡𝔅𝔬𝔩𝔡Kilde: Judson Collier

Brazen, stor typografi. Kreativ og dristig

Modig og dristig typografi er ekstremt populær i år. I mange tilfælde erstatter typografi baggrundsbilleder og viser hovedelementet på siden. Også denne trend opfordrer til en anden typografitendens - Oversigtstypografi. Disse trends blandes ofte sammen og kombineres med dristige og meget store kroppe.

Kilde: Mario Šimić, Nathan RileyKilde: Aristide Benoist

Mørke temaer

De mørke temaer begyndte at sejre, efter at Mojave-opdateringen blev frigivet. Mørke sider tiltrækker brugere, og verdenskendte virksomheder har frigivet softwareopdateringer med mørke temaer.

Kilde: UXPinKilde: Shakuro

Kreative læssere

Ikke for det første års bevægelsesdesign holder tendenser. Offentligheden kan lide sjov, formbar animation. UI-designet bruger også bevægelse i forskellige indlæsningssager. Kompleks, underholdende animation kobler brugeren og tillader også at personalisere en brugeroplevelse.

Kilde: FourPlus StudioKilde: Tubik

Tilpasset 3d-grafik: animeret og statisk

3D-design er en mere fremtrædende tendens. Nu er det ikke kun et statisk design, men også en animeret 3d-grafik. Forskellige simuleringer af naturlige materialer, bevægelse af genstande og sindblæsende kombinationer af genstande i kompositioner sætter brugerne i interesse og får dem til at forblive.

Kilde: 𝔅𝔢𝔰𝔱𝔖𝔢𝔯𝔳𝔢𝔡𝔅𝔬𝔩𝔡Kilde: Mike | Creative Mints

Lyse, fed farver og gradueringer

Forløb, der blev brugt i sidste års design, har en tendens til at være en smule forældet, og de er ved at forsvinde. Men gradueringer døde ikke. De nye, bedre gradueringer kommer. De bruger rige, prangende, solide farver.

Kilde: HiwowKilde: Daniel Korpai

Minimalisme

I modsætning til de genoplivede farveskemaer, der er populære i 2018, kommer det minimalistiske design. Alvorligheden af ​​grænsefladerne vælges af produktvirksomhederne, der understreger den statiske karakter, elitisme og den høje kvalitet af deres tjenester og produkter. Minimalisme opnås ved hjælp af en sort / hvid farvepalet og dristige skrifttypevendelser.

Kilde: SochnikKilde: Sochnik

Tendenser inden for UX-design

Stemme i grænseflader

Hvor mange gange har du for nylig hørt “OK, Google?”. Google, Alexa og Siri er vores daglige hjælpere. Næsten 50% af alle søgninger foretages ved hjælp af stemmen, fordi der er mange fordele, som at det ikke er nødvendigt at bruge dine hænder.

Kilde: KlausHuang

Micro-interaktioner

Folk bruger mikrointeraktioner i alle softwareprodukter. Mikrointeraktioner giver en mere intuitiv opfattelse af grænsefladen. Med flydende animationsmærker ser grænsefladen mere dynamisk og lettere ud, og det gør også hverdagens interaktioner mere underholdende.

Kilde: Oleg FrolovKilde: Grejory

Skeletskærme

Denne metode får brugerne til at tro, at dit projekt er hurtigt. Mens din app indlæser skeletskærme giver dig følelsen af ​​glat arbejde, flytning og nøjagtighed af den ikke forlader brugeren.

Kilde: LinkedIn, Youtube

Bevægelsesbaserede kontrol

Med output fra knappeløse telefoner, hvor hele overfladen på telefonens frontpanel optager skærmen, er bevægelseskontrol blevet en absolut nødvendig tilgang til navigation. Nu ønsker alle at reducere antallet af kontroller og øge den intuitive bevægelseskontrol.

Kilde: InVision

Tommelfingervenlig oplevelse

Sidste år får de smartphones, der blev frigivet af de største mobilselskaber, store nok skærme (5'7-'6'2). Denne ting får vores fingre og hænder til at øve os med at strække. Tommelfingerorienteret design transporterer alle vigtige og ofte anvendte kontroller til bunden af ​​skærmen. Du kan nå grundlæggende dele af din app ved hjælp af kun din tommel uden hjælp fra din anden hånd. Men ærligt talt begyndte bevægelsen af ​​denne tendens for længe siden med fremkomsten af ​​bundnavigationsmenuer.

Tendenser, der er væk

Videoer overalt

Kan du huske baggrundsvideoer som hovedtrenden i 2015–2017 år? Nu er det tid til at give slip. Baggrundsvideoer er ikke mere trend, brugere foretrækker hurtig datalast og websteder uden forsinkelser.

Geometriske former, mønstre, linjer og cirkler

Mønstre med en blanding af geometriske former bliver mindre populære i år. De fangede designerhjerter i lang tid, nu erstattes de med brugerdefinerede illustrationer og håndværksmønstre.

Design System er et nyt sort

Jeg skal tilføje, at en enorm bølge af designsystemer slukede designverdenen nu. I den sidste gang arbejdede vores virksomhed på den enorme familie af produkter, og et af hovedprodukterne er Eva Design System. Og nu kom den første version af vores designsystem ud. Eva kan tilpasses og gør det muligt for designere og udviklere at arbejde hurtigere og hjælper med at undgå meget overflødigt arbejde. Den er helt gratis og open source og tilgængelig som den symbolbaserede sketch-fil og rammer til Angular and React Native (Nebular and UI-killingen).