20+ beste Adobe XD UI-sett + maler 2020
I dag gir vi deg en samling av noen av de beste Adobe XD UI-settene og maler. Med disse malene kan du lage mer profesjonelt design ved å bruke Adobes stjerners UX designverktøy.
Adobe XD overrasket alle da den ble utgitt med en gratis plan. Det vekket mange brukeropplevelser og designere av brukergrensesnitt da det fungerte som et flott Sketch-appalternativ. Noe som var mye nødvendig av Windows-brukerne.
Adobe XD-appen har i seg selv mange funksjoner som gjør den til et flott verktøy for UX-designere. Men med tredjepartsmaler kan du lage så mye mer fantastiske design. Alle Adobe XD UI-sett og maler i listen vår er bevis på det.
Vi deler også noen tips for hvordan du bruker et brukergrensesnitt i Adobe XD for å komme i gang med en rask start.
ToppvalgThink Mobile UI Kit - 120 Screen Templates
Dette er et komplett mobilt UI-sett som har mer enn 120 unike mobilskjermbilder. Den har alt du trenger for å designe alle slags apper.
Med så mange flotte appskjermdesign å velge mellom, vil du aldri gå tom for nye ideer for å designe dine egne appgrensesnitt når du bruker denne pakken.
Hvorfor dette er et topp utvalg
En flott ting med dette pakken er at malene er tilgjengelige i Adobe XD, Figma og Sketch versjoner. Lar deg bruke favorittappen din til å tilpasse designene du måtte ønske.
vApp - UI-pakke for nettsteder Adobe XD Maler
Denne pakken er perfekt for designere som arbeider på applandingssider og SaaS-nettstedsgrensesnitt. Den inkluderer 15 hjemmeside maler og 9 indre side design. Alle maler er også tilgjengelige i både Adobe XD- og Sketch-formater.
Brukergrensesnitt for e-handel administrasjonsanvisning
Å utforme admin-dashboards krever nøye oppmerksomhet på detaljer. Med disse malene vil designprosessen bli mye enklere. Det kommer med et komplett dashborddesign med mange elementer. Malene er tilgjengelige i lyse og mørke farger.
Cards UI Kit - Dashboard-widgets og komponenter
Dette Adobe XD UI-settet inneholder mange redigerbare widgeter og komponentmaler du kan bruke når du designer stilige brukergrensesnitt på dashbordet. Malene er laget med Bootstrap-rutenettet og kommer også i Sketch-versjoner.
Prisma UI Kit - Adobe XD Mobile skjermer
Et annet komplett UI-sett med mer enn 70 unike mobilskjermbilder for utforming av forskjellige apper. Den har app-skjermer optimalisert for iOS 12 og iPhone X. Malene er tilgjengelige i 7 forskjellige kategorier.
Company Dashboard UI KIT for Adobe XD
Bruk dette Adobe XD UI-settet til å designe et moderne og rent dashbordgrensesnitt for bedriftsservicenettsteder og SaaS-backends. Malene kan enkelt tilpasses. Og inkluderer en påloggingsside og om oss sidemaler som en bonus også.
Gratis Smartwatch UI Kit for AdobeXD
Dette er et unikt og gratis brukergrensesnitt for Adobe XD som kommer med mange skjermer for utforming av smartwatch-brukergrensesnitt. Den inkluderer 60 skjermer med tilpassbare elementer og ikoner.
FreeWire - Gratis wireframe Kit for Adobe XD
En må ha Adobe XD mal for webdesignere. Dette gratisprogrammet inkluderer et komplett wireframing-sett for utforming av wireframes og mockups for nettsteder.
Materialdesign UI KIT - 300+ Adobe XD Maler
Dette er et massivt knippe Adobe XD-maler du kan bruke til å designe alle slags apper og brukergrensesnitt. Pakken har mer enn 300 forskjellige maler som er tilgjengelige i 14 kategorier. Den har til sammen 1200 unike elementer.
Innstillinger - Android UI Kit for Adobe XD
Hvis du jobber med en innstillingsside for en Android-app, vil denne Adobe XD-malen komme til nytte. Den kommer med 4 unike app-skjermer laget spesielt for å designe innstillingsskjermbilder for mobilapper.
Funksjoner og ikonbokser - Flerbruksmaler
Dette er en samling maler med ikonbokser og funksjonsblokker for nettsteder og applandingssider. Disse malene er tilgjengelige i filformatene Adobe XD, Sketch og Photoshop.
Multimedia iOS UI Kit for Adobe XD
Et komplett sett med multimedia-skjermer for iOS-brukergrensesnitt. Med denne pakken kan du designe unike medierelaterte skjermer for forskjellige apper. Den inkluderer 6 maler med design for iPhone 11, X og mer.
Onboarding iOS UI Kit for Adobe XD
En annen nyttig samling av Adobe XD-maler du kan bruke til å designe ombord-seksjoner for mobile apper. Denne pakken kommer også med 6 skjermer som er kompatible med flere iPhone-enheter.
Miro - GRATIS bruksanvisning for instrumentpanel for XD
Denne minimale og gratis Adobe XD-malen er perfekt for å designe et enkelt admin-dashbord for et grunnleggende bedriftsnettsted eller app-backend. Malen inneholder 120 brukergrensesnittelementer.
Gratis Photo Play UI Kit for Adobe XD
Dette gratis Adobe XD UI-settet er ideelt for å designe en filmstreaming eller IMDB-lignende app. Det inkluderer flere skjermdesign i både lyse og mørke fargetemaer du kan laste ned og bruke gratis.
I dag Web UI Kit - 120 blokkeringsmaler
I dag er Web en massiv samling av innholdsblokker og seksjoner du kan bruke til å designe moderne destinasjonssider og nettsteddesign. Bunten inneholder mer enn 120 forskjellige maler, og de er tilgjengelige i Adobe XD, Sketch og Photoshop.
Pride E-Commerce App UI Kit Maler
Denne pakken inneholder flere brukergrensesnittmaler for å lage moderne og unike appbutikker og opplevelser. Den har 15 mobilskjermer med 50 seksjoner.
Cards UI Kit - Navigation Menu Components
En samling navigeringsmenymaler for moderne mobilapper. Dette brukergrensesnittet har flere menyutforminger med forskjellige komponenter. Den er fullstendig tilpassbar via Adobe XD, Photoshop og Sketch.
Proxima UI Kit - Dark Dashboard Widgets Kit
Et annet kreativt brukergrensesnitt for instrumentpanel med mørkt fargetema. Denne pakken inneholder forskjellige widgets og komponenter du kan bruke til å designe unike admin-dashboards.
Grid System Library Adobe XD Maler
Hvis du nettopp kommer i gang med Adobe XD eller Sketch, vil dette buntet med rutesystemmaler definitivt komme til nytte. Det inkluderer rutesystemer for desktop, mobil og nettbrettdesign.
Gratis Tourex UI Kit for XD & Sketch
Tourex er et knippe gratis Adobe XD- og Sketch-maler som inneholder mange brukergrensesnittelementer og design for å lage flybookingsapper. Malene er lett å tilpasse og gratis å bruke.
Sinner - gratis brukergrensesnitt for Adobe XD
Dette settet med gratis mobilskjerm har en design som er mer egnet for en cryptocurrency-app eller en dating-app. Det er et blandet design. Den inkluderer 7 skjermmaler med tilpassbare oppsett.
5 tips for bruk av Adobe XD UI Kit
Det er enkelt å lære å jobbe med brukergrensesnitt. Med disse tipsene vil prosessen bli mye enklere.
1. Velg riktig pakke
Når du laster ned et brukergrensesnitt for Adobe XD, må du passe på å velge riktig pakke for prosjektet. For eksempel er det maler for hver del av UX-designprosessen. Inkludert wireframing-sett, mockups, app-skjermer og mer. Prøv å finne et pakke som inneholder alle nødvendige elementer for hvert trinn i designprosjektet.
2. Bruk rutenett og stilguider
Selv når du bruker ferdige maler, er det viktig å beholde en skikkelig rutenett og stilguide. Det kommer godt med spesielt når du må lage flere nye skjermer og elementer på egen hånd.
Heldigvis har Adobe XD innebygde verktøy som gjør det ganske enkelt å lage stilguider. Faktisk kan du laste ned og importere rutenett- og stilguider fra tredjeparts nettsteder.
3. Kopier vektorer fra Photoshop
En av de mange fordelene ved å bruke Adobe XD er at den har et nært forhold til annen Adobe-programvare for grafikkredigering. For eksempel kan du enkelt kopiere vektorer som SVG fra Photoshop og lime det inn i Adobe XD-lerretet ditt for å plassere grafikk med letthet.
Dette vil hjelpe deg med å redigere Adobe XD-maler mye raskere.
4. Plassholdere for bilder
Når du oppretter en form i Adobe XD, kan du bruke den som bildeplassholder. Alt du trenger å gjøre er å dra og slippe et bilde på formen, og det vil automatisk fungere som en bildemaske. De fleste formene på Adobe XD-maler fungerer på samme måte.
5. Forhåndsvis direkte på mobil
Adobe XD har også apper for både Android- og iOS-enheter. Denne appen kan også kobles til din Creative Cloud-konto. Og det lar deg forhåndsvise app-designene dine direkte på dine mobile enheter. Dette er en nyttig funksjon for mobilapper og UI-designere.
Hvis du er en fan av Sketch-appen, må du sjekke ut vår beste samling for skissemaler.
