Adobe XD er et verktøy som brukes av mange designere for å lage mockups og wireframes for en rekke medier. Dette inkluderer programvareapplikasjoner, mobilapper eller nettsteder.

Hvis du lager design og prototyper for kollegene eller kundene dine, må du kanskje sende designene dine til dem. Dette er en god mulighet for deg til å få tilbakemelding på designene dine, presentere dem eller teste dem.

I Adobe XD kan du generere en delingslenke basert på dine delingsbehov. Dette inkluderer designgjennomgang, utvikling, presentasjonsmodus og brukertesting. Du kan også legge til dine egne tilpassede innstillinger for delingslenker.

Slik deler du design for designanmeldelse

Forhåndsinnstillingen for designgjennomgang lar andre se designet ditt og gi tilbakemelding gjennom kommentarer. Du kan også starte en diskusjon om din delte prototype eller design.

Hvis du ennå ikke har begynt å lage designet ditt, kan du lære mer om hvordan du starter lage grafikk i Adobe XD. Du kan også lære hvordan lage design for nett og mobil applikasjoner med The Prestige Adobe Suite UI/UX Certification Bundle.

Slik deler du et design for designvurdering:

  1. I Adobe XD klikker du på Dele fanen øverst i programmets vindu.
  2. Klikk på Vis innstilling, og velg Design anmeldelse forhåndsinnstilt.
  3. Klikk på Oppdater lenke knappen for å generere en ny lenke.
  4. Åpne den nye koblingen i den høyre ruten.
  5. Når designet åpnes i en ny nettleser, klikker du på meldinger ikonet i høyre kolonne for å åpne kommentarpanelet. Det er her du kan legge til kommentarer til designvisningen din. Andre brukere kan også legge til anmeldelser og kommentarer på arbeidet ditt, som du kan svare på.

Slik deler du design- og brukergrensesnittet for utvikling

Når du deler designet ditt med utviklere, vil utviklere vanligvis også kreve ressursen eller bildet du har inkludert i designet. Du kan legge til disse ressursene i lenken din for utviklere å laste ned og bruke.

For å dele disse må du også merke eiendelene dine for eksport.

  1. I Adobe XD klikker du på Design fanen øverst i programmets vindu.
  2. For hver ressurs du vil dele med utviklere, høyreklikker du på ressursen og velger Merk for eksport.
  3. Klikk på Dele fanen, som ligger i den øverste linjen i Adobe XD-applikasjonen.
  4. Under Vis innstilling alternativet, velg Utvikling forhåndsinnstilt.
  5. Kryss av Nedlastbare eiendeler avmerkingsboksen under Eksporter for iOS-innstillingen.
  6. Klikk på Oppdater lenke knappen for å generere en ny lenke.
  7. Åpne den nye koblingen i den høyre ruten.
  8. Når designet åpnes i en ny nettleser, klikker du på kode ikonet i høyre kolonne. Dette lar deg og andre brukere se en forhåndsvisning av alle ressursene som er tilgjengelige i designet ditt. Du og andre samarbeidspartnere kan laste ned ressursene ved å bruke nedlasting knappen følger med.

Slik deler du designet ditt for presentasjons- eller testformål

Du kan dele designet ditt og åpne det som et fullskjermsvindu for å presentere for andre. Fullskjermsfunksjonaliteten er også nyttig hvis du vil dele lenken med andre som skal teste mockupene dine.

  1. Klikk på Dele fanen øverst i Adobe XD-programvinduet.
  2. Under Vis innstilling alternativet, velg Presentasjon forhåndsinnstilt hvis du planlegger å presentere designet ditt. Du kan også velge Brukertesting forhåndsinnstilt hvis en annen bruker skal teste en prototype.
  3. Klikk på Oppdater lenke knappen for å generere en ny lenke.
  4. Åpne den nye koblingen i den høyre ruten.
  5. Vent til designet åpnes i en ny nettleser. Bruke pil knappen øverst i nettleservinduet for å vise designet i fullskjermmodus for presentasjoner og brukertesting. Når du er i fullskjermmodus, trykker du på Esc på tastaturet for å gå tilbake til nettleseren.

Slik deler du designet ditt ved hjelp av egendefinerte innstillinger

Det er tilfeller der du kan trenge en kombinasjon av funksjoner på tvers av forskjellige forhåndsinnstillinger for deling. For eksempel kan det hende du trenger kommentarer, fullskjermmodus og utviklerressurser for å være tilgjengelige i én lenke. For å gjøre dette kan du lage dine egne tilpassede innstillinger.

Slik oppretter du en egendefinert forhåndsinnstilling og genererer en delingslenke:

  1. Klikk på Dele fanen øverst i Adobe XD-programvinduet.
  2. Under Vis innstilling alternativet, velg Tilpasset forhåndsinnstilt.
  3. Fra de tilpassede alternativene som er gitt, sjekk funksjonene du vil inkludere i delingslenken din. Dette inkluderer kommentarer, fullskjermmodus eller utviklerressurser.
  4. Klikk på Oppdater lenke knappen for å generere en ny lenke.
  5. Åpne den nye koblingen i den høyre ruten.
  6. Når designet åpnes i en ny nettleser, får du tilgang til alle funksjonene du valgte i de forrige trinnene.

Du kan også endre koblingstilgangen ved å bruke delingsfanen. Det er to alternativer for koblingstilgang:

  • Alle som har linken
  • Kun inviterte

Som standard kan alle som har tilgang til den genererte koblingen se designet eller prototypen din. For å endre tillatelsene for koblingen, endre innstillingen for koblingstilgang:

  1. Klikk på Dele fanen øverst i Adobe XD-programvinduet.
  2. Under Koblingstilgang alternativet, endre alternativet til Kun inviterte.
  3. Klikk på profilikonet ved siden av Koblingstilgang fall ned.
  4. Legg kun til brukerne som kan ha visningstilgang til dokumentet ditt.
  5. Klikk på profil ikonet øverst til høyre i Adobe XDs programvindu.
  6. Legg kun til brukerne som kan ha redigeringstilgang til dokumentet ditt.

Du kan også bruk Adobe XD til å redigere bilder, for eksempel å legge til overlegg.

Del design og prototyper i Adobe XD

Du kan opprette delingslenker i Adobe XD for å dele designene og prototypene dine med andre samarbeidspartnere. Når du oppretter en delingslenke, har du muligheten til å velge mellom ulike forhåndsinnstillinger, avhengig av dine delingsbehov.

Forhåndsinnstillinger du kan velge mellom inkluderer designgjennomgang, utvikler, presentasjonsmodus og brukertesting. Du kan også tilpasse funksjonene som er inkludert i delingslenken din, eller endre lenketillatelsene til å bare tillate tilgang til spesifikke brukere.

Det er så mange andre interessante ting du kan gjøre med Adobe XD. Utforsk noen av de nye funksjonene som Adobe XD47-utgaven har å tilby.