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 von Komponenten mit Hover-Zuständen

Erstellen Sie wiederverwendbare, dynamisch skalierbare Schaltflächen für Ihre interaktiven Designs

Wiederholungsraster erstellen und füllen

Wiederholungsraster erstellen und füllen

Ein einzelnes Element lässt sich durch Klicken und Ziehen in ein Wiederholungsraster umwandeln.

Arbeiten mit Stapeln

Arbeiten mit Stapeln

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

Erstellen eines Prototyps - Ankerlinks und Bildlaufgruppen

Erstellen eines Prototyps - Ankerlinks und Bildlaufgruppen

Hinzufügen von Navigation und Bildlauf zu einem Prototyp

Prototyp erstellen - Interaktive Komponentenzustände

Prototyp erstellen - Interaktive Komponentenzustände

Interaktivität und ein Überlagerungsmenü zu einem Prototyp hinzufügen

E-Mail - Erstellen und Ausfüllen eines Wiederholungsrasters

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

E-Mail - Arbeiten mit Stapeln

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

Spacer
Spacer

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

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) tutorial2

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) tutorial3

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)

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) tutorial5

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) tutorial6

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) tutorial7

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 Logo

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.

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