What is mobile website design?

Find inspiration til dine UI/UX designs

03/07/2025

Rating: 4.41 (8372 votes)
Indholdsfortegnelse

Find inspiration til dine UI/UX designs

I en verden, hvor det digitale landskab konstant udvikler sig, er det essentielt for designere at holde sig opdateret med de nyeste trends og bedste praksisser inden for UI/UX design. At finde den rette inspiration kan være nøglen til at skabe enestående og brugervenlige digitale oplevelser. Denne artikel dykker ned i en række af de mest værdifulde online ressourcer, der kan hjælpe dig med at booste din kreativitet og forbedre dine designkompetencer. Uanset om du er en erfaren designer eller nybegynder, vil disse platforme tilbyde et væld af ideer og vejledning.

What is a mobile website design example?
Slack is another mobile website design example. This website prioritizes getting users to sign up and download its application on mobile devices. It shows a large, vibrantly colored download call to action. When you explore the page, it will describe the use of platforms for different business types.

Hvor finder du de bedste UI/UX designeksempler?

At finde den rette inspiration er afgørende for enhver designer, der ønsker at skabe imponerende og brugervenlige designs. For at hjælpe dig på din kreative rejse har vi samlet en liste over fremragende websites, der bugner af UX/UI designinspiration. Bogmærk disse sider for nem reference, når du har brug for et kreativt pusterum.

1. Awwwards

Awwwards viser nogle af de bedste webdesigns globalt og fremhæver innovative og kreative websites. Det er en go-to ressource for designere, der ønsker at se de nyeste designtrends. Her finder du et bredt udvalg af prisvindende projekter, der ofte skubber grænserne for, hvad der er muligt online.

2. Behance

Behance er en populær platform, hvor designere fremviser deres arbejde. Det er en guldgrube af kreative projekter på tværs af forskellige design discipliner, herunder UX/UI. Du kan udforske tusindvis af porteføljer og projekter, der spænder fra app-design til komplekse weboplevelser.

3. Designspiration

Designspiration er perfekt for dem, der søger visuel inspiration på tværs af forskellige designkategorier. Siden giver dig mulighed for at søge og gemme dine yndlingsdesigns. Med en intuitiv grænseflade kan du nemt finde inspiration inden for specifikke farveskemaer, stilarter eller emner.

4. Screenlane

Screenlane kuraterer det bedste inden for web- og mobil design. Det er et fantastisk sted at finde eksempler af høj kvalitet på UI/UX design i praksis. Siden fokuserer på at vise, hvordan designprincipper anvendes i reelle applikationer.

5. Dribbble

Dribbble er et fællesskab af designere, der deler skærmbilleder af deres arbejde, herunder UI/UX designs. Det er en essentiel side for inspiration og netværk inden for designmiljøet. Selvom det ofte er "shots" af designelementer, giver det et hurtigt indblik i de seneste trends og æstetikker.

6. SiteInspire

SiteInspire præsenterer en samling af veldesignede websites, som er sorteret efter stil, type og emne. Det er ideelt til at finde inspiration skræddersyet til specifikke designbehov. Du kan nemt filtrere efter minimalistiske, typografiske eller interaktive designs.

7. OnePageLove

Hvis du arbejder på single-page websites, er OnePageLove den perfekte inspirationskilde. Den indeholder de bedste one-page website designs fra hele verden. Perfekt til at få ideer til effektive landingssider og porteføljer.

8. AdmireTheWeb

AdmireTheWeb kuraterer webdesigns af høj kvalitet og viser både kreative og funktionelle designs, der helt sikkert vil inspirere dit næste projekt. Siden tilbyder en visuelt tiltalende samling af moderne webdesign.

9. Pinterest

Pinterest er ikke kun til håndarbejde og opskrifter – det er også et kraftfuldt værktøj til at indsamle og organisere designinspiration. Opret opslagstavler for at gemme dine yndlings UI/UX designs. Mulighederne for at organisere og opdage er næsten uendelige.

10. Abduzeedo

Abduzeedo tilbyder daglig designinspiration på tværs af forskellige discipliner, herunder UI/UX, grafisk design og arkitektur. Det er en fantastisk ressource til at udvide dit designperspektiv. Du finder ofte artikler, der analyserer designvalg.

11. CollectUI

CollectUI er en daglig samling af de bedste UI-designs. Det er perfekt til at finde nye ideer og holde sig opdateret med de seneste tendenser inden for brugergrænsefladedesign. Fokuserer ofte på specifikke UI-komponenter.

How can users view the mobile version of a website?
Users can view the mobile version of a website by using Chrome Devtools. Note that this method is not entirely reliable as it uses a simulator rather than a real device and browsers to get the job done. Therefore, it cannot replicate all real user conditions, which means that any tests executed by this method will be inconclusive.

12. Lapa Ninja

Lapa Ninja indeholder en kurateret samling af smukke landingssider. Det er en fremragende ressource for alle, der ønsker at skabe overbevisende og effektive landingsside designs. Fokus på konvertering og brugerengagement.

13. UI Garage

UI Garage tilbyder en omfattende samling af UI-elementer og skærme. Det er en fremragende ressource til at finde designmønstre og inspiration til dit næste projekt. Bruges ofte til at finde specifikke komponenter som knapper, formularer osv.

14. TemplateMonster

TemplateMonster tilbyder et bredt udvalg af designtemplates, herunder UI/UX designs. Det er en nyttig side for både inspiration og praktiske designressourcer. God til at se, hvordan komplekse layouts kan struktureres.

15. The FWA (Favorite Website Awards)

The FWA fremhæver prisvindende webdesigns, der presser grænserne for kreativitet og innovation. Det er perfekt til at finde banebrydende designinspiration.

16. Webdesign Inspiration

Webdesign Inspiration tilbyder et kurateret udvalg af webdesigneksempler, kategoriseret efter branche og stil. Det er en fremragende ressource for branchespecifikke designideer. Giver et godt overblik over designkonventioner i forskellige sektorer.

17. Best Website Gallery

Best Website Gallery er en fremvisning af de bedste webdesigns, omhyggeligt udvalgt og kategoriseret for nem browsing. Det er et must-visit for alle, der ønsker at se det bedste inden for webdesign. En god kilde til at se høj kvalitet.

18. Made in Webflow

Made in Webflow viser websites bygget med Webflow og fremhæver platformens fleksibilitet og kreativitet. Det er en fantastisk inspirationskilde for designere, der arbejder med Webflow. Viser avancerede interaktioner.

19. Mobbin

Mobbin tilbyder en stor samling af mobil designmønstre, hvilket gør det til en værdifuld ressource for alle, der designer mobilapps. Den indeholder eksempler fra topapps og opdateres regelmæssigt. Giver et dybt dyk ned i app-flows og mønstre.

20. Pttrns

Pttrns er et kurateret bibliotek af mobil designmønstre. Det er en fremragende ressource til at finde inspiration og forstå de bedste praksisser inden for mobil UI-design. Ligesom Mobbin, men ofte med et mere minimalistisk fokus.

Yderligere ressourcer og bedste praksisser

Udover inspirationskilder er det vigtigt at dykke ned i de underliggende principper og best practices for at mestre UI/UX design. Her er nogle yderligere ressourcer, der kan uddybe din viden:

Kategoriserede ressourcer til dybere indsigt

I. Designinspiration

At finde inspiration er et essentielt trin i designprocessen. Denne sektion fokuserer på kvalitet over kvantitet.

  • Refero (UX/UI): Kurateret samling af UX-mønstre og UI-elementer, sorteret i rene underkategorier. Hvert eksempel lister anvendte UI-elementer samt typo- og farvekoder.
  • Pageflows (UX/UI): Abonnementsbaseret side for desktop- og mobilbrugerflows, sorteret i specifikke kategorier. Især nyttig for nye designere.
  • Scrnshts (UI): Deling af skærmbilleder af apps i forskellige kategorier, med fokus på UI og præsentation. God til inspiration til app-præsentationer.
  • UXArchive (UX/UI): Fremvisning af over tusind flows fra hundredvis af apps, organiseret i 25 kategorier. Fremragende til at komme ud af et design-dilemma.
  • Waveguide (UX): Forklarer, hvordan og hvorfor små interaktioner, features, skærme eller flows fungerer. Kategoriseret efter principper som korrekthed, glæde, opdagelighed osv.
  • Dark Mode Design (UI): Håndplukket samling af smukt designede og inspirerende dark mode websites. God til UI inspiration og UX løsninger i mørke temaer.
  • Minimal Gallery (UI): Populær fremvisning af website UI-inspiration, kendt for sin kvalitet siden 2013. Mange designs er visuelt tiltalende, selvom brugbarheden kan variere.
II. UX/UI Best Practices

Bevidsthed er en kritisk ingrediens i godt design. At bygge på viden fra andre designere, psykologer og forskere er essentielt. Her er nogle kilder til at forbedre din forståelse af principper og love:

  • UX Myths: Samler hyppige brugeroplevelsesmisforståelser og forklarer, hvad der er galt med dem. Afslører kontroversielle, men sande påstande om design.
  • Humane by Design: Hurtig oversigt over etiske designprincipper med fokus på brugerens velvære. Nemme at læse med gode visuals.
  • Guide to UX Research: Samling af ressourcer om 45 UX-forskningsrelaterede emner. God til designere, der også laver research.
  • UX Project Checklist: Velforberedte ressourcer til alle faser af UX-designprojekter, fra research til kommunikation.
  • Netguru – Design Process for Pros: En gratis online e-bog, der dækker alle faser af UX-designprocessen. Høj kvalitet uden omkostninger.
  • Laws of UX: Lister og kategoriserer UX-relaterede best practices som Hicks Lov, Millers Lov osv., med definitioner, takeaways og eksempler. Essentiel viden for enhver designer.
  • The User Experience Research Field Guide: En omfattende guide til brugerresearch, der guider dig gennem hver eneste trin i processen.
  • Dark Patterns Tip Line: Viser eksempler på dårligt design og "mørke mønstre" (dark patterns) rapporteret af brugere. Lær at undgå vildledende design.
  • Design Better by Invision: Tilbyder en række ressourcer om designbest practices, ledelse og systemer. Velegnet til både begyndere og erfarne.
III. Design Systems

Designsystemer sparer tid og penge, men det kan være svært at komme i gang. Disse ressourcer hjælper dig med at bygge og forstå designsystemer:

  • Design System Guide: En interaktiv e-bog, der giver en fantastisk start på designsystemer, med tjeklister og værktøjsforslag.
  • Design System Checklist: Et open-source projekt med 5 tjeklister til at bygge et designsystem fra bunden.
  • Design Systems (Figma): Figma-publikation med links til designsystemfiler fra virksomheder som Spotify og Uber, lette at genbruge.
  • Design System Repo: En lang liste af designsystemer og deres dokumentation. God til at udvide din horisont.
  • Design System ROI Calculator by Knapsnack: Beregner det potentielle afkast af investeringen (ROI) i et designsystem. Værdiskabende argumenter for stakeholders.
IV. UX/UI Blogs

At læse om UX-design holder dig motiveret og giver nye perspektiver. Vælg dine kilder med omhu:

  • UX Planet: Artikler fra praktiserende designere med forskellige specialiseringer. Kan sorteres efter kategorier som UX for begyndere, brugerresearch, karriere.
  • UXfolio Blog: Fokuserer på realiteterne i UX-karrieren og porteføljebyggelse, ofte med upopulære sandheder.
  • UXstudio: Artikler fra erfarne designere og forskere, der deler førstehåndserfaring.
  • Muzli Magazine: Kuraterer artikler fra forskellige kilder, ofte relateret til UX/UI. En favoritbrowserudvidelse for mange designere.
  • Nielsen Norman Group: Dykker dybt ned i emner som brugertest, webtilgængelighed og brugerpsykologi. Meget seriøse og dybdegående analyser.
  • UXmatters: Udgiver interessante artikler om en bred vifte af UX-relaterede emner.
  • Designlab: Blog med aktuelle emner inden for UX, dybdegående guides og karriererelaterede artikler.
  • UX Design Weekly: En populær nyhedsbrevstjeneste, hvor alle udgivelser også er tilgængelige online.
  • HeyDesigner: Daglig kurateret designnyhedsside med en blanding af nyheder og guides.
V. Lær UX gratis

Før du investerer i dyre kurser, kan gratis ressourcer hjælpe dig med at finde ud af, om UX/UI er noget for dig:

  • Hack Design: Et gratis designkursus med 41 lektioner, der dækker UX og UI. Kræver en del læsning, men er meget grundigt.
  • Learn Design by Figma: En gratis 12-lektions introduktion til designkoncepter, ikke kun Figma. En god, fordøjelig start.
  • Digital Skills: User Experience: Gratis kursus, der forklarer grundlaget for UX, designprocesser og prototyping. Kan afsluttes på 3 uger med 2 timers studier om ugen.
VI. Diverse websites

Disse sider tilbyder unikke perspektiver og værktøjer:

  • Playbook: Tilbyder UX karriererådgivning i 4 kategorier, med råd fra senior designere.
  • UX Research Tools Map: En illustreret guide til brugerresearch-software, med et nyttigt værktøjsfinder-filter.
  • R&D Toolkit by Marc Henry Lee: Guides, værktøjer og frameworks til at designe og lancere produkter på en lean måde.
  • Designing Mindfulness: Fokuserer på 9 principper for at skabe produkter, der tager hensyn til brugerne. Gode principper for ansvarligt design.

Afsluttende tanker

Disse 20+ websites er uvurderlige ressourcer for enhver designer, der søger at forblive inspireret og opdateret med de seneste trends inden for UX/UI design. Uanset om du leder efter kreative layouts, innovative interaktioner eller blot en gnist af inspiration, har disse sider dækket dig. Dyk ned, udforsk, og lad din kreativitet få frit spil! Husk, at kontinuerlig læring er nøglen til succes i designverdenen.

Hvis du vil læse andre artikler, der ligner Find inspiration til dine UI/UX designs, kan du besøge kategorien Teknologi.

Go up