Nytårsforsæt er alles yndlings ting, det er jeg sikker på. At undersøge og vide, hvor man skal tage et produkts kreative retning, bør dog være på en opgaveliste, før man bare går videre og udelukkende gør det, der er gjort indtil videre.
Tendenser tager nye vendinger ofte nok til, at et produkt hurtigt kan gøres forældet, og det er derfor, vi hos Imaginary Cloud besluttede at gå videre og lave en liste. Ja, en anden, men hold dig til os om dette: vi har kun valgt det mest visuelt relevante og opsummeret det til top 7 UI-tendenser du skal passe på.
Som et tidligere blogindlæg nævnte, Illustrationen fik en ny vægt i vores digitale produkter. Selv de flotteste stockfotos gør det ikke længere, og flade animationer tæller også deres dage. Dette betyder ikke, at man skal være superkompleks for at få det til at fungere, men overvej alle de utrolige stilistiske referencer, en illustrator/designer har på deres display. Håndtegnede, 2D- eller endda 3D-stilarter er levedygtige i dag.
Som du kan se fra webstedseksemplerne nedenfor, havde kreative ingen frygt, når de vedtog stilarter, der har styret sig ud af den normale daglige UI-illustration, hvilket gik meget godt for dem.
Vi bør også overveje, at illustrationen går ind i en periode, hvor efterspørgslen er høj nok til det punkt, hvor stockvektorillustration er den hurtigste løsning på et presserende design. Men det falder også ind i de samme stilistiske valg, som alle andre træffer, hvilket betyder stockvektorillustrationens mest almindelige stildage tælles, og det er bestemt ikke en langsigtet løsning. At tænke uden for boksen er stort set altid vejen at gå, bare læg mærke til, hvor stor en forskel det gør.
Hvis du vil tage det et skridt videre, vil det også bringe dig langt at animere de samme illustrationer. Det føles mindre som et påklistret ”stempel”, når selv statiske illustrationer har deres eget lille strejf af bevægelse – intet voldsomt.
Selvfølgelig bør intet afholde et design fra at give den fuld gas, når man afprøver noget mere dynamisk, hvilket ovenstående eksempler har gjort rigtig godt. Men man bør overveje den støj, det kan skabe, som kan distrahere brugeren fra vigtigere information, især på teksttunge sider.
System- og hardwareændringer på både iPhone og Android har betydet, at både knapper på skærmen og skærmkanter er forsvundet.
Apps går nu helt ud til siderne samt top- og bundkanterne af skærmen, hvilket øger grænsefladens størrelse betragteligt.
Branchen er så besat af dette, at nye frontkameraer nærmest er tvunget til at forsvinde eller blive placeret et andet sted – bare ikke på selve skærmen! Og designere har taget den plads i brug på mere interessante måder, både hvad angår UI og UX. Tag et kig på de følgende billeder.
Interessant, ikke? Takket være fraværet af knapper, der optager skærmplads, er gestus blevet afgørende for navigation både i og uden for vores mobil-apps. Så overvej at lave kortere on-boardings, der ikke keder nye brugere og tvinger dem til at springe over, så du nemt kan vise dem, hvor de skal swipe for at komme derhen, hvor de skal.
Dit brand behøver ikke længere at være så restriktivt med hensyn til farvepaletter. To til tre farver vil vise sig at være for gentagne for den aktuelle smag. Dropbox, som du for eksempel kan se, har gjort det i et stykke tid, og Figma Følg også.
Selvfølgelig er der en system- og stilguide til det, farverne vælges ikke tilfældigt. Det er bare det, at det, der plejede at være en 4 eller 5 farvepalet, vil give plads til meget mere forskelligartede farvepaletter, der giver mening og repræsenterer dit brand på en etableret og harmonisk måde. Forskellige farver taget fra den store palet vil blive brugt afhængigt af motivet eller miljøet, en bestemt skærm forsøger at formidle.
Gør det effektivt - fed og stor tekst gør en stor forskel, når man skal skabe det første indtryk af et produkt, afhængigt af hvor relevant sætningen er. Og det behøver hverken at se aggressivt ud eller kun bruges til landingssider. Man kan gå skridtet videre og bruge det til menuer også, hvis det er et passende valg.
Som du kan se i de følgende eksempler, gav brugen af store skriftstørrelser dem den grafiske effekt af plakater, der kræver opmærksomhed.
Men endnu en gang er faldgruben at have så stor tekst, at den overskygger alle andre elementer, der guider brugeren dybere ind i oplevelsen, og det ønsker vi ikke.
Husk hvordan brutalismen blev en levedygtig stil selv for mere kommercielle og etablerede brands? Denne stil er kommet for at blive, i hvert fald for en stund. Grids er fleksible og behøver ikke at være super stive, da brugeren er blevet mere og mere fortrolig med de digitale produkters finurligheder. Sandheden er, at sider bliver en smule mindre forudsigelige og mere interessante at læse, som de følgende koncepter eksemplificerer.
Nøglen er at tage udgangspunkt i de mere ”ekstreme” eksempler og tilpasse dem produktets behov, når det er muligt – medmindre produktet positionerer sig som banebrydende. I så fald: eksperimentér og test – vi vil jo ikke have, at nogen farer (for meget) vild.
Materialedesign kom med, og brutalisme var dens modreaktion. Men disse materialedesignprincipper blev også taget til det næste niveau ved at skubbe grafiske objekter til en helt anden ambition om realisme.
En knap ligner en ægte knap, og minimalisme hjælper til en æstetik, der faktisk er ny og brugbar.
Det er ikke en let stil og drager fordel af nogle rumlige forestillinger, men det kræver ikke, at designeren kender 3D-modellering.
Følgende kunstnere besluttede at udforske skeuomorfismens comeback, mens de tilpassede de nuværende farver og atmosfære, der forventes af visse typer produkter. Resultaterne var utrolige.
Lad os dog tage fat på noget: dette er ikke en hurtig stil at lave. Højdepunkter og skygger skal være på plads, så elementerne faktisk ser ud, som de ville være i det virkelige liv. Og det er næppe en af de situationer, hvor et designelement passer til alle, men designere vil helt sikkert komme med hurtigere måder at opnå disse effekter på.
Ved Imaginær sky, der er masser af nye ting at være begejstret for det kommende år. Designere og produktejere kan begynde at se på deres arbejde med en ny ånd af at prøve noget nyt, der skiller sig ud på markedet, da nye UI-trends altid skal motivere dem til at gå længere i stilistiske valg. Hvem ved, måske vil vores udforskninger bygge videre på, hvad der gøres, og sætte de nye tendenser. Man kan drømme.
Fandt du denne artikel nyttig? Du kan måske også lide disse!
Jeg er UI & produktdesigner, illustrationskunstner og maler. Kendt for min kærlighed til skrallede badehåndklæder, musikproduktion, typografi og alle slags pizza.
People who read this post, also found these interesting:
