netzweise2

Adobe XD - Kompaktkurs

Dieses IT-Seminar behandelt den Designprozess von mobilen Apps, responsiven Webseiten und Voice-UI mittels Adobe XD. Sie lernen den Umgang mit Animationen, Bildern, Texten und Vektorgrafiken, um eigene UX/UI-Designprojekte zu verwirklichen. Die erstellten Screens werden anschließend zu einem interaktiven Klickmodell kombiniert, ohne dabei Code programmieren zu müssen. Darüber hinaus lernen Sie, Prototypen zu gestalten und in Echtzeit auf verschiedenen Endgeräten zu testen. Eine Einführung in die Adobe XD Oberfläche, Arbeitsbereiche und Workflows sowie die Verwendung von Designelementen aus Photoshop und Illustrator wird ebenfalls behandelt. Zusätzlich nutzen Sie UI-Kits, gestalten Wireframes und Scribbles. 

Kurs-Daten

Seminar

AXD

Preis

990.00 € zzgl. Mwst.

Dauer

2 Tage

Zielgruppe

Dieser Kurs richtet sich an **UI/UX-Designer, Webentwickler und Marketing-Experten**, die interaktive Prototypen für mobile Apps, responsive Webseiten und Voice-UIs erstellen möchten. Sie lernen den umfassenden Einsatz von Adobe XD zur Gestaltung von Animationen, Vektorgrafiken und Texten, ohne Code schreiben zu müssen, sowie das Testen der Prototypen in Echtzeit.

Präsenz-Termine

Online-Termine

Der Kurs behandelt folgende Themen:

Einführung in Adobe XD

  • Grundlegende Kenntnisse
  • Intuitives Web- und Appdesign
  • Die Rolle von Adobe XD im Designprozess

 

Erkunden der Benutzeroberfläche

  • Kennenlernen der Benutzeroberfläche
  • Nutzung der Werkzeugpalette
  • Anwendung der Zeichenwerkzeuge

 

Designgrundlagen

  • Textverarbeitung
  • Einsatz von Farben, Filtern und Verläufen
  • Gestaltung von Screens, Icons und Elementen
  • Arbeiten mit Pfaden und Ebenen
  • Verwendung der verschiedenen Raster
  • Ausrichten von Objekten

 

Importieren von Material aus anderen Anwendungen

  • Allgemeiner Import von Bildern
  • Nutzung von Bildmaterial aus Photoshop
  • Verwendung von Illustrator-Dateien

 

Funktionalität und Workflow

  • Erstellung eines Workflows
  • Grundlagen der Component States und Erstellung von Mouseover-Effekten
  • Erstellung eines Wireframe-Modells
  • Erstellung animierter Microinteraktionen
  • Arbeiten mit Animationen und Übergängen
  • Designvorlagen mit UI-Kits
  • Verwaltung von Bibliotheken

 

Erstellung eines Prototyps

  • Erstellen einer Startseite
  • Zusammenfügen von Zeichenflächen und Objekten
  • Verknüpfung und Übergänge von Screens
  • Erzeugung von Interaktion und Überprüfung der Usability
  • Aufzeichnung der Bedienung und Videoerstellung
  • Präsentation von Klickmodellen am PC, auf mobilen Endgeräten oder im Browser

 

Erweiterung der Möglichkeiten

  • Nutzung sinnvoller Plugins und Erweiterungen
  • Datenübergabe an Entwickler

 

Tipps und Tricks

- PC Grundkenntnisse - Erfahrung mit Windows 10 - Erfahrungen mit Photoshop und Illustrator sind von Vorteil