Adobe XD (Adobe Experience Design) er en intuitiv og overlegen designapplikasjon for brukergrensesnitt og brukeropplevelse laget av Adobe, som hjelper kreative personer som deg til å designe, prototype og dele brukeropplevelsedesign og interaksjonsdesign for nettsteder, apper og sosiale medier.
Dette betyr at du raskt kan gå fra konseptualisering til prototyping og deling når du designer nettsteder, mobilapper, spillgrensesnitt, e-postmaler og stemmegrensesnitt. Programmet er fullpakket med funksjoner som lar deg enkelt gjøre alt dette. Og det beste av alt er at du kan få det gratis.
Følg nedlastingsinstruksjonene nedenfor for å få startabonnementet for Adobe XD gratis. Vær oppmerksom på at du må angi kortinformasjonen din for å få en 7-dagers gratis prøveversjon (ingen binding, og du kan avbryte 24 timer etter installering for å unngå å betale noe). Den gratis prøveperioden gir ubegrenset tilgang i 7 dager, men når den er over, kan du bruke startabonnementet med begrenset tilgang (kun ett aktivt delt dokument, en delt lenke og to redigerere), eller betale for å oppgradere til fullversjonen.
Hvordan laste ned og installere Adobe XD på PC-en din gratis
- Klikk her for å åpne nedlastingssiden for Adobe XD i en ny fane.
- Rull helt ned til bunnen av siden, og klikk på knappen for gratis prøveperiode.
- Adobe gir deg to alternativer:
- Last ned Adobe XD, som inkluderer ubegrenset deling av prototyper og designspesifikasjoner, Adobe Portfolio, Adobe Fonts og 100 GB lagring.
- Last ned hele Creative Cloud-appsamlingen, som inkluderer over 20 programmer, som Photoshop, InDesign, Premiere Pro og mer. Velg ditt foretrukne pakkealternativ og klikk på «Start gratis prøveperiode» -knappen. Jeg laster bare ned Illustrator som et eksempel, men instruksjonene er de samme i begge tilfeller.
- Skriv inn en gyldig e-postadresse, og betalingssiden vil åpne seg. Selv om dette er en gratis prøveperiode, må du fortsatt oppgi betalingsinformasjon for å aktivere prøveperioden. Du vil ikke bli belastet før prøveperioden er over.
- Hvis du allerede har en Adobe-konto, kan du logge inn nå. Ellers kan du opprette et sikkert passord og trykke på Fortsett-knappen.
- Adobe vil bekrefte at betalingsmetoden din er gyldig, og så vil Creative Cloud-appen laste ned til datamaskinen din.
- Når nedlastingen er fullført, åpner du filen og skriver inn passordet ditt.
- Creative Cloud vil installere seg på datamaskinen din.
- Når Creative Cloud er ferdig installert, vil Adobe XD-installasjonen starte automatisk. Hvis du velger å laste ned hele samlingen av Creative Cloud-apper, vil de begynne å installere én om gangen.
Oversikt over Adobe XD
Mange brukere av Adobe Suite har i en stund håpet på at Adobe utvikler en app som har intuitive verktøy for å lage grafikk som er bedre egnet for moderne nettsteder, webapper og mobilapper. Adobe XD gir deg den opplevelsen. Appen er en av de nyeste bølgene med apper fra Adobe Inc. Den kombinerer mange års erfaring, verktøy og funksjoner fra tidligere Adobe-programmer for å levere den beste UI- og UX-designopplevelsen.
Som en del av Creative Cloud er det enkelt å dele arbeidet ditt og importere filer fra andre Adobe-programvare, som Photoshop, Premiere Pro og Illustrator.
Adobe XD er den perfekte programvaren hvis du leter etter grafiske verktøy som gjør det enkelt å skape de beste brukergrensesnittene for nettsider, apper, spill og mer. I tillegg til å utvikle konsepter og design, lar appen deg prototypere og dele ideene dine med andre på farten.
Mens XD vanligvis er en premium programvare, kan du abonnere på en gratis startpakke. Denne planen har sine begrensninger, for eksempel antall dokumenter du kan dele eller hvor mange prototyper og utdata du kan produsere.
Det beste å gjøre er å starte med den gratis 7-dagers prøveperioden som gir deg full tilgang uten begrensninger. Deretter kan du bestemme om du vil fortsette med Startplanen eller abonnere på fullversjonen ved slutten av uken.
Funksjonene i Adobe XD
En av fordelene med å bruke XD er at hvis du trenger et spesifikt verktøy, kan du alltid laste det opp fra en annen Creative Cloud-app. Det er også mulig å importere bildefiler, for eksempel jpg, svg, png og gif. Imidlertid har ikke XD mulighet til å laste opp videofiler eller animerte gif-filer.
Innholdsbevisst oppsett
Den smarte Content Aware Layout-funksjonen lar deg jobbe uten å bekymre deg for å perfekt justere alle forskjellige komponenter. Adobe XD vil automatisk flytte dem for å skape jevne mellomrom når du legger til, fjerner eller endrer størrelse på objekter. For å aktivere Content Aware Layout, bruk utvalgsverktøyet til å velge to eller flere lag og klikk deretter på «Make Component». Deretter aktiver Content Aware Layout, og padding-størrelsen vil justere seg basert på de omkringliggende lagene uten å forvrenge bilder eller tekstbokser.
3D-transformasjoner
Ta UX-designene dine til neste nivå med 3D-transformasjonsfunksjonen. Den lar deg rotere objekter, legge til dybde og endre perspektivet på designet ditt. De intuitive 3D-verktøyene er ganske enkle å bruke, og gir deg muligheten til å vise designet ditt med en ekthet som ikke er tilgjengelig i andre Adobe-programvare. 3D-transformasjon er ekstremt nyttig for AR/VR-design.
Opprett og del prototyper
En av de beste tingene med Adobe XD er muligheten til å lage en prototype av designet ditt. Dette gir deg ikke bare mulighet til å teste det ut og sørge for at alt fungerer og ser flott ut, men du kan også enkelt dele det med kunder, kolleger eller professorer.
Prototyping er en viktig funksjon for å skape interaktive design, som for eksempel skjemaer eller knapper, og for å teste hvordan ulike artboards kobler seg sammen og reagerer på hverandre.
Adobe XD har flere verktøy som er spesielt designet for XD, som for eksempel Auto Animate. Du kan bruke dette verktøyet til å designe animasjoner, overganger, design som justeres basert på skjermstørrelse eller enhet, ved å skalere forskjellige objekter eller velge et objekt som forblir låst på plass når du scroller.
Opprette spor for ulike typer brukerengasjement
I tillegg til designet er det å forstå hvordan brukere interagerer med designet ditt en av de viktigste aspektene ved prosjektet. Adobe XD har verktøy som kan hjelpe deg med å se nøyaktig hvordan brukere responderer takket være flere forskjellige utløsere og inndata. Avhengig av det ferdige prosjektet, kan du bruke alt fra grunnleggende utløsere, som Tap eller Drag, til mer avanserte alternativer som stemme, bruk av Bluetooth-spillkontroller, til forskjellige tastetrykk.
Design av taleprototyper
Mens teknologien utvikler seg, øker også avhengigheten av stemmeaktivert programvare. Dette gjelder både hvis du skal lage et nytt prosjekt eller en stemmeassistent, eller utvikle ferdigheter eller spill for Alexa, Google Assistant, Siri og mer. Adobe XD har de nødvendige verktøyene for å lage en kraftig stemme prototype, med lyd-egenskaper som kan forstå kommandoer og ha tale- og lydavspilling.
Utvid kraften til XD med tilleggsprogrammer
Adobe XD har et ganske kraftig utvalg av funksjoner, men selv Adobe kunne ikke inkludere alt i ett pakke. Derfor er den kompatibel med tredjeparts plugins. Du kan utvide funksjonaliteten fra et teknisk perspektiv eller legge til forskjellige fargekombinasjoner som ikke er tilgjengelige gjennom de innebygde fargeskjemaene. Det finnes hundrevis av gratis og abonnementsbaserte plugins som enkelt kan lastes opp til XD uten å ha noen teknisk bakgrunn eller ekspertise.
Brukervennlighet
For å få den beste opplevelsen, trenger du litt utviklings- eller designopplevelse. Men for designere og utviklere er programmet ganske enkelt å bruke, spesielt hvis de har tidligere erfaring med andre Adobe-produkter.
Hvis du ønsker å lære å bruke XD på riktig måte, kan du få tilgang til en omfattende «Lær» seksjon gjennom appen eller Adobe-nettstedet.

Disse trinnvise veiledningene vil guide deg gjennom utviklings- og designprosessen i XD. Du vil lære hvordan du setter opp arbeidsstasjonen din, hva de forskjellige verktøyene gjør, hvordan du lager 3D-objekter, designer taleaktiverte prototyper, vanlige prototyper, hvordan du samarbeider med andre og mer.
Disse trinnvise veiledningene vil guide deg gjennom utviklings- og designprosessen i XD. Du vil lære hvordan du setter opp arbeidsstasjonen din, hva de forskjellige verktøyene gjør, hvordan du lager 3D-objekter, designer taleaktiverte prototyper, vanlige prototyper, hvordan du samarbeider med andre og mer.
Grensesnitt
Når du starter et nytt prosjekt i XD, kan du velge om du vil ha arbeidsområdet i størrelse som en iPhone, desktop, Instagram story eller tilpasset størrelse.

Etter at du har valgt størrelsen på prosjektet, vil arbeidsområdet åpne seg med verktøy på venstre side og stilelementer på høyre side.

Med elementene på høyre side kan du justere:
- Stil: Legg til CSS og andre stilalternativer for å skape det perfekte designet
- Design: Velg mellom forskjellige oppsett, rutenett og moduser som støttes av brukergrensesnitt-API-er.
Med disse innstillingene kan du tilpasse alt om hvordan objektene vises i arbeidsområdet ditt. Du kan avrunde hjørner, endre farger, angi forskjellige skrifttyper, se hvordan siden ville se ut med responsivt design og mye mer.
Verktøylinjen på venstre side er der du finner alle hovedverktøyene, som legger til figurer, linjer, tekst og zoom. Hvert verktøy har en tastatursnarvei, og når du blir kjent med dem, vil du se hvor mye raskere du kan jobbe.
Kompatibilitet
Den fulle versjonen av Adobe XD er kun tilgjengelig for PC og Mac, forutsatt at de oppfyller de minste systemkravene som er beskrevet nedenfor.
Det finnes XD-apper for Android og iOS, men disse tillater bare forhåndsvisning av designen og testing av prototypen. Du vil alltid ha tilgang til den nyeste versjonen av prosjektet gjennom Creative Cloud-biblioteket ditt. Imidlertid er det ingen redigeringsverktøy, og alle endringer må gjøres på skrivebordet.
Det finnes to måter å forhåndsvise XD-prosjektene dine på:
- Sanntidsforhåndsvisning med en USB-tilkobling: Koble mobile enheter til datamaskinen som kjører Adobe XD. Du får en sanntidsvisning av prototypene og designene, og alle endringer kan sees på den mobile enheten i sanntid.
- Laste inn skydokumenter: Få øyeblikkelig tilgang til alle XD-dokumenter som er lagret som skydokument i Creative Cloud-kontoen din.
Systemkrav
I tillegg til å ha de nødvendige spesifikasjonene på datamaskinen din, fungerer XD bare med de nyeste versjonene av følgende nettlesere.
- Chrome: Windows 7+ og macOS 10.13+
- Firefox: Windows 7+ og macOS 10.13+
- Edge: Windows 10+
- Safari: macOS 10.13+
XD støtter ikke visning av delte designspesifikasjoner på mobile nettlesere.
Windows
Operativsystem | Windows 10 (64-bit) eller høyere |
Skjerm | Minimum 1280×800 oppløsning og minst en 13-tommers skjerm |
RAM | Minimum 4 GB |
Penn- og berøringsinndata | Fungerer med Windows-native penn- og berøringsfunksjoner |
Lagring | Best to use cloud documents from the Creative Cloud and not synced files from Creative Cloud or other storage servers. |
Mac
Operativsystem | 10.15 (Catalina) eller nyere |
Skjerm | Oppløsning på 1400×900 og minst en 13-tommers skjerm. Det anbefales å ha en Retina-skjerm, men det er ikke nødvendig. |
RAM | Minimum 4 GB |
Lagring | Det anbefales å bruke skylagrede dokumenter fra Creative Cloud og ikke synkroniserte filer fra Creative Cloud eller andre lagringsservere. |
Internett-tilgang kreves både for Windows og Mac under installasjon og registrering og for å få tilgang til visse biblioteker og funksjoner. Du kan kun se prototyper med stemmeegenskaper når du er koblet til internett.
iOS: Kompatibel med alle 64-biters iPads og iPhones som kjører iOS 14.0 og nyere.
Android: Adobe har testet XD på Samsung Galaxy S10 & S20 og Google Pixel 2 & 4. Basert på disse testene, bør XD være kompatibel med enhver Android-enhet med versjon 9.0 eller nyere og Open GL ES 2.0.
Andre redigeringsverktøy fra Adobe
- Adobe Photoshop: Photoshop er den beste redigeringsprogrammet for digitale bilder og grafikk. Den inneholder en utmerket samling verktøy som gjør det enkelt å endre en persons ansiktstrekk, fjerne uønskede gjenstander fra et bilde, kreative typografimuligheter og mye mer.
- Adobe Illustrator: Adobe Illustrator fungerer på både Windows-maskiner og Mac. Det er et ledende redigerings- og designprogram for vektorgrafikk som brukes av mange designere for å lage web- og mobilgrafikk, logoer, ikoner, utklipp og mer.
Hvordan man avinstallerer Adobe XD
Hvis den gratis prøveperioden er ferdig og du ikke vil fortsette å bruke Adobe XD eller bytte til startabonnementet, kan du fjerne den fra datamaskinen din ved å følge disse enkle trinnene:
- Skriv Legg til eller fjern programmer i søkefeltet i Windows, og klikk på returtasten.
- Finn Adobe XD i listen over installerte programmer, og klikk på Avinstaller.
- Avinstalleringsveiviseren vil åpnes. Bekreft at du vil fjerne programmet, så vil det slettes fra datamaskinen.
Alternativt kan du gå til Creative Cloud Desktop-kontoen din, klikke på de tre horisontale prikkene øverst til høyre ved siden av Adobe XD, og deretter klikke Avinstaller.
Det vil fjerne programmet fra PC-en din.
Ofte stilte spørsmål
Er Adobe XD gratis?
Ja, dens gratis prøveversjon gir full funksjonalitet. Du vil være begrenset til kun ett aktivt delt dokument og én lenke, samt to redigerere, noe som er helt greit med mindre du vil samarbeide med mange mennesker.
Er Adobe XD sikker?
Absolutt! Du trenger ikke å bekymre deg for skadelig programvare eller virus så lenge du laster det ned fra Adobes offisielle nettsted.
Kan jeg dele en privat lenke med andre designere?
Ja. Du må logge deg på med samme Adobe-ID som ble brukt til å sende den private lenken, siden lenken ikke er tilgjengelig med mindre mottakeren har din Adobe ID og passord.