Maria Grilo

30. september 2025

Min Read

7 UI-tendenser, du skal se i 2026

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å.

blue arrow to the left
Imaginary Cloud logo

1. 2D & 3D illustration

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.

Website screens showing the use of illustrations as UI trends
ET NYT KONCEPT AF ILLUSTRATIONER - SNAPSOUND, EVERWEB OG TRUNOMI (DRIBBBLE)

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.

blue arrow to the left
Imaginary Cloud logo

2. Animation

Hvis du ønsker at tage det et skridt videre, at animere de samme illustrationer vil også tage dig langt. Det føles mindre som et placeret „stempel“, når selv ledige illustrationer har deres egen bevægelsesflair, intet for stort.

Dynamic illustrations from websites
Dynamic illustrations from websites
Dynamic illustrations from websites

Naturligvis bør intet forhindre et design i at gå alt, når man prøver noget mere dynamisk, da ovenstående eksempler har gjort det meget godt. Men det bør overveje den støj, det kan skabe, der kan distrahere brugeren fra vigtigere oplysninger, især når man taler om teksttætte sider.

blue arrow to the left
Imaginary Cloud logo

3. Fuldskærms smartphones og mobil først

System- og hardwareændringer på både iPhone og Android resulterede i forsvinden af både skærmknapper og skærmkanter.

Apps går helt til siderne, øverste og nederste kanter af skærmen, hvilket øger grænsefladens størrelse betydeligt.

Industrien er så besat af det, at nye frontkameraer stort set er forpligtet til at forsvinde eller placeres et andet sted, bare ikke på skærmen! Og designere har brugt dette rum på mere interessante måder, både på UI- og UX-niveau. Tag et kig på følgende billeder.

Examples of UI/UI interfaces for mobile
FORSKELLIGE EKSEMPLER PÅ UI/UI-GRÆNSEFLADER TIL MOBIL - TIDSVÆLGERANIMATION, TRÆKBEVÆGELSER OG PERSONLIG ASSISTENT-APP (DRIBBBLE)
Examples of UI/UI interfaces for mobile
Examples of UI/UI interfaces for mobile

Interessant, ikke? Takket være dette fravær af knapper, der fjerner skærmplads, blev bevægelser afgørende for navigation inden for og uden for vores mobilapps. Så overvej at have kortere ombordstigninger, der ikke keder nye brugere og tving dem til at springe over, så du nemt kan fortælle dem, hvor fanden de skal stryge for at komme derhen, hvor de har brug for.

blue arrow to the left
Imaginary Cloud logo

4. Længere farvepaletter

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å.

Screens showing the diversity of color palettes as one of the UI trends
MANGFOLDIGHED AF FARVEPALETTER (DROPBOX, FIGMA, DRIBBBLE)

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.

blue arrow to the left
Imaginary Cloud logo

5. Overdimensionerede skrifttyper

Gør det effektivt - fed og enorm tekst vil gå langt, når du skaber den første effekt af et produkt, afhængigt af hvor relevant sætningen er. Og det behøver ikke at se aggressivt ud eller kun bruges til destinationssider. Man kan gå den ekstra mil og bruge den til menuer, også, hvis det er et levedygtigt valg.

Som du kan se fra de følgende eksempler, gav vedtagelse af enorme skriftstørrelser dem den grafiske effekt af presserende plakater.

Screens showing the usage of larger fonts
EKSEMPLER PÅ OVERDIMENSIONEREDE SKRIFTTYPER - EDEE BRANDING & DESIGN (BEHANCE)

Endnu en gang er faldgruben dog at have så stor tekst, at den tilslører andre elementer, der guider brugeren dybere ind i oplevelsen, og det ønsker vi ikke.

blue arrow to the left
Imaginary Cloud logo

6. „Broken grid“, asymmetriske layouts

Husk hvordan brutalisme blev en levedygtig stil selv for mere kommercielle og etablerede mærker? Denne stil er kommet for at blive, i det mindste et stykke tid. Gitter er fleksible og behøver ikke at være superstive, da brugeren er blevet mere og mere dygtig med detaljerne i digitale produkter. Sandheden er, at sider bliver lidt mindre forudsigelige og mere interessante at læse, som følgende begreber eksemplificerer.

Grafik, der viser flere skærmbilleder af UI-design baseret på gitre. Indeholder en webside med plantetema og ordet "Explore", et produktkatalog med boligartikler, en mobilgrænseflade til "Eames Bird" og en side til "RM58 Classic Chair".
EKSEMPLER PÅ FLEKSIBLE GITRE - MW DESIGN SHOP, WEBSTED OM PLANTER OG NATUR (BEHANCE; DRIBBBLE)
Screen showing WAJER YACHTS page
WAJER YACHTER SIDEEFFEKTER (DRIBLING)

Nøglen er at tage fra de mere „ekstreme“ eksempler og tilpasse dem til produktets behov, når det er muligt, medmindre produktet etablerer sig som banebrydende - i så fald eksperimentere og test - vi ønsker ikke, at nogen (for) går tabt.

blue arrow to the left
Imaginary Cloud logo

7. Neuomorfisme design

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.

Grafik, der viser koncepter for mobilbrugerflader i en blød, neumorfisk stil. Indeholder en bank-app med et orange cirkeldiagram og en flysøgning med titlen "Where Do you want to go next?".
EKSEMPLER PÅ SKEUOMORFISK DESIGN - MOBILBANK, FLYSØGNINGS-UI (DRIBBBLE)

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å.

At pakke tingene op

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.

Grow your revenue and user engagement by running a UX Audit! - Book a call

Fandt du denne artikel nyttig? Du kan måske også lide disse!

blue arrow to the left
Imaginary Cloud logo
blue arrow to the left
Imaginary Cloud logo
blue arrow to the left
Imaginary Cloud logo
Maria Grilo
Maria Grilo

Jeg er UI & produktdesigner, illustrationskunstner og maler. Kendt for min kærlighed til skrallede badehåndklæder, musikproduktion, typografi og alle slags pizza.

Read more posts by this author

People who read this post, also found these interesting:

Dropdown caret icon