XD

Adobe XD är ett verktyg för att designa och ta fram prototyper av webbplatser, appar, röstgränssnitt, spel och andra typer av digitala upplevelser för användarna.

Bläddra i Tutorials

Skapa komponenter med hovringslägen

Skapa komponenter med hovringslägen

Skapa återanvändbara knappar som kan storleksändras dynamiskt för interaktiv design

Skapa och fyll i ett upprepat stödraster

Skapa och fyll i ett upprepat stödraster

Gör om ett element till upprepade stödraster genom att klicka och dra

Arbeta med högar

Arbeta med högar

Använd egenskapen stack för att enkelt ordna om element

Skapa en prototyp - ankarlänkar och rullningsgrupper

Skapa en prototyp - ankarlänkar och rullningsgrupper

Lägga till navigering och bläddring i en prototyp

Skapa en prototyp - interaktiva komponentlägen

Skapa en prototyp - interaktiva komponentlägen

Lägg till interaktivitet och en överläggsmeny till en prototyp

E-post - Skapa och fyll i ett upprepat stödraster

E-post - Skapa och fyll i ett upprepat stödraster

Gör om ett element till upprepade stödraster genom att klicka och dra

E-post - arbeta med högar

E-post - arbeta med högar

Använd egenskapen stack för att enkelt ordna om element

Avgränsare
Avgränsare

Skapa Komponenter med hovringstillstånd (7:35) tutorial1

Beskrivning
Skapa återanvändbara knappar som gör att du kan ändra storlek på dem dynamiskt för interaktiv design.

I den här självstudiekursen får du lära dig mer om att:

  • Gör ändringar i en källhuvudkomponent och dessa ändringar överförs automatiskt till alla instanser av den komponenten
  • Använd komponenter för enhetlighet, tidsbesparing, färre klickningar

Presenteras av:
Michael Murphy, Senior Solutions Consultant (Digital Media)

Skapa och fyll i ett upprepat stödraster (2:57) tutorial2

Beskrivning
Gör om ett enskilt element till upprepade stödraster genom att klicka och dra.

I den här självstudiekursen får du lära dig mer om att:

  • Förbättra arbetsflödet och dra ut valfritt stödraster direkt
  • För in riktigt innehåll och data så monterar XD alla bilder och text i ditt rutnät automatiskt
  • Gör ändringarna en gång och använd dem var du vill, i valfri riktning

Presenteras av:
Ashley Dvorin, Senior Solutions Consultant (Digital Media)

Arbeta med högar (5:33) tutorial3

Beskrivning
Använd egenskapen stack för att enkelt ordna om element.

I den här självstudiekursen får du lära dig mer om att:

  • Behåll justeringen och mellanrummet mellan objekt på arbetsytan även när designen ändras
  • Infoga nya objekt eller ordna om objekt i en stapel så justeras allt automatiskt

Presenteras av:
Michael Murphy, Senior Solutions Consultant (Digital Media)

Skapa en prototyp - ankarlänkar och rullningsgrupper (9:55) tutorial4

Beskrivning
Lägg till navigering och bläddring i en prototyp.

I den här självstudiekursen får du lära dig mer om att:

  • Lägga till länkar till dina prototyper med en åtgärd som gör att användarna kan gå till olika punkter på samma rityta
  • Skapa aktivitetsflöden, bildkaruseller, produktlistor och annat genom att definiera områden som bläddrar oberoende av resten av din design
  • Skapa grupper som rullar lodrätt, vågrätt eller både och

Presenteras av:
Michael Murphy, Senior Solutions Consultant (Digital Media)

Skapa en prototyp - interaktiva komponentlägen (8:55) tutorial5

Beskrivning
Lägg till interaktivitet och en överläggsmeny till en prototyp.

I den här självstudiekursen får du lära dig mer om att:

  • Skapa en icke-linjär interaktiv och animerad användarupplevelse utan behov av ytterligare ritytor
  • Skapa flera prototyp- eller interaktionsflöden i ett enda XD-dokument och publicera unika delbara länkar för varje flöde

Presenteras av:
Emilie Enke, Associate Solutions Consultant (Digital Media)

E-post - Skapa och fyll i ett upprepat stödraster (4:45) tutorial6

Beskrivning
Gör om ett enskilt element till upprepade stödraster genom att klicka och dra.

I den här självstudiekursen får du lära dig mer om att:

  • Förbättra arbetsflödet och dra ut valfritt stödraster direkt
  • För in riktigt innehåll och data så monterar XD alla bilder och text i ditt rutnät automatiskt
  • Gör ändringarna en gång och använd dem var du vill, i valfri riktning

Presenteras av:
Victoria Torres, lösningskonsult (digitala medier)

E-post - arbeta med högar (3:38) tutorial7

Beskrivning
Använd egenskapen stack för att enkelt ordna om element.

I den här självstudiekursen får du lära dig mer om att:

  • Behåll justeringen och mellanrummet mellan objekt på arbetsytan även när designen ändras
  • Infoga nya objekt eller ordna om objekt i en stapel så justeras allt automatiskt

Presenteras av:
Victoria Torres, lösningskonsult (digitala medier)

XD-logotyp

Resurser för XD

Lär dig mer och support är ditt nav för ytterligare självstudiekurser, Nyheteroch länkar till användarforum.

Versionen från oktober 2020

Börja använda dessa funktioner (och mycket mer!) genom att hämta den senaste uppdateringen från Creative Cloud-datorprogrammet.

recommendation-more-help
749bd7f2-920b-4c5e-bcb7-4ea92ec3a370