XD

Adobe XD ist ein Tool für UX-Design und Prototyping für Websites, Apps, Voice UI oder Spiele.

Tutorials für Produkte durchsuchen

Erstellen von Komponenten mit Hover-Zuständen Erstellen Sie wiederverwendbare, dynamisch skalierbare Schaltflächen für Ihre interaktiven Designs	Wiederholungsraster erstellen und füllen Ein einzelnes Element lässt sich durch Klicken und Ziehen in ein Wiederholungsraster umwandeln.	Arbeiten mit Stapeln Verwenden Sie die Stack-Eigenschaft, um Elemente einfach neu anzuordnen
Erstellen eines Prototyps - Ankerlinks und Bildlaufgruppen Hinzufügen von Navigation und Bildlauf zu einem Prototyp	Prototyp erstellen - Interaktive Komponentenzustände Interaktivität und ein Überlagerungsmenü zu einem Prototyp hinzufügen	E-Mail - Erstellen und Ausfüllen eines Wiederholungsrasters Ein einzelnes Element lässt sich durch Klicken und Ziehen in ein Wiederholungsraster umwandeln.
E-Mail - Arbeiten mit Stapeln Verwenden Sie die Stack-Eigenschaft, um Elemente einfach neu anzuordnen

Erstellen Komponenten mit Hover-Zuständen (7:35)

Beschreibung
Erstelle wiederverwendbare Buttons mit dynamischer Skalierung für deine interaktiven Designs.

In diesem Tutorial lernen Sie Folgendes:

• Änderungen an einer Quellhauptkomponente vornehmen und diese Änderungen werden automatisch an alle Instanzen dieser Komponente übertragen
• Komponenten für Konsistenz, Zeitersparnis und weniger Mausklicks einsetzen

Präsentiert von:
Michael Murphy, Senior Solutions Consultant (Digital Media)

Ein Wiederholungsraster erstellen und füllen (2:57)

Beschreibung
Wandle ein einzelnes Element in ein Wiederholungsraster um. Einfach klicken und ziehen.

In diesem Tutorial lernen Sie Folgendes:

• Ziehe ein Raster in einer beliebigen Größe auf. Sofort verfügbar.
• Fülle dein Raster mit Inhalten und Daten, und XD platzierst alle Bilder und Texte wie von Zauberhand
• Nimm Änderungen an jeder beliebigen Stelle in deinem Design vor.

Präsentiert von:
Ashley Dvorin, Senior Solutions Consultant (Digital Media)

Arbeiten mit Stapeln (5:33)

Beschreibung
Verwenden Sie die Stack-Eigenschaft, um Elemente einfach neu anzuordnen.

In diesem Tutorial lernen Sie Folgendes:

• Die Ausrichtung von sowie Abstände zwischen Objekten auf der Arbeitsfläche bleiben auch bei Design-Änderungen erhalten
• Füge neue Objekte ein, oder ändere die Anordnung in einem Stapel. Alle Elemente werden automatisch angepasst.

Präsentiert von:
Michael Murphy, Senior Solutions Consultant (Digital Media)

Prototyp erstellen - Ankerlinks und Bildlaufgruppen (9:55)

Beschreibung
Fügen Sie einem Prototyp Navigation und Bildlauf hinzu.

In diesem Tutorial lernen Sie Folgendes:

• Mit einer Aktion kannst du Links in deinem Prototyp setzen, über die User an verschiedene Stellen auf der Zeichenfläche springen können
• Erstelle Aktivitäts-Feeds, Bilderkarussells oder Produktlisten, die User separat vom restlichen Design durchscrollen können
• Erstellen von Gruppen, die vertikal und/oder horizontal gescrollt werden können

Präsentiert von:
Michael Murphy, Senior Solutions Consultant (Digital Media)

Prototyp erstellen - Interaktive Komponentenzustände (8:55)

Beschreibung
Fügen Sie einem Prototyp Interaktivität und ein Überlagerungsmenü hinzu.

In diesem Tutorial lernen Sie Folgendes:

• Interaktive und animierte User Experiences ohne zusätzliche Zeichenflächen.
• Erstelle mehrere Prototyp- oder Interaktions-Flows im selben XD-Dokument. Veröffentliche jeden Flow über einen eigenen Link.

Präsentiert von:
Emilie Enke, Associate Solutions Consultant (Digital Media)

E-Mail - Erstellen und Ausfüllen eines Wiederholungsrasters (4:45)

Beschreibung
Wandle ein einzelnes Element in ein Wiederholungsraster um. Einfach klicken und ziehen.

In diesem Tutorial lernen Sie Folgendes:

• Ziehe ein Raster in einer beliebigen Größe auf. Sofort verfügbar.
• Fülle dein Raster mit Inhalten und Daten, und XD platzierst alle Bilder und Texte wie von Zauberhand
• Nimm Änderungen an jeder beliebigen Stelle in deinem Design vor.

Präsentiert von:
Victoria Torres, Lösungsberaterin (Digitale Medien)

E-Mail - Mit Stapeln arbeiten (3:38)

Beschreibung
Verwenden Sie die Stack-Eigenschaft, um Elemente einfach neu anzuordnen.

In diesem Tutorial lernen Sie Folgendes:

• Die Ausrichtung von sowie Abstände zwischen Objekten auf der Arbeitsfläche bleiben auch bei Design-Änderungen erhalten
• Füge neue Objekte ein, oder ändere die Anordnung in einem Stapel. Alle Elemente werden automatisch angepasst.

Präsentiert von:
Victoria Torres, Lösungsberaterin (Digitale Medien)

XD

Training und Support ist Ihre Anlaufstelle für weitere Tutorials, Neue Funktionenund Links zu Community-Foren.

Version Oktober 2020

Beginnen Sie mit der Nutzung dieser Funktionen (und mehr!) indem Sie das neueste Update von Ihrem Creative Cloud-Client herunterladen.