Adobe XD – Kompaktkurs

In dieser Adobe XD Schulung erlernen Sie den Designprozess für mobile Apps, Voice-UI und responsive Webseiten. Sie konzipieren und realisieren einfach und unkompliziert UX/UI-Designs. Dabei lernen Sie den Umgang mit Animationen, Bildern, Vektorgrafiken, Texten und Zeichenflächen, um individuelle Designprojekte zu starten. Die daraus entstehenden Screens kombinieren Sie ohne Code-Programmierung zu einem interaktiven Klickmodell.

Sie gestalten Prototypen und testen diese in Echtzeit auf den gewünschten Endgeräten. Darüber hinaus lernen Sie die Adobe-XD-Oberfläche, Arbeitsbereiche und Workflows sowie die Verwendung von Designelementen aus Photoshop und Illustrator kennen. Sie nutzen UI-Kits und gestalten Wireframes und Scribbles.

Grundlegende Kenntnisse

• Intuitives Web- und Appdesign
• Adobe XD im Designprozess
• Kennenlernen der Benutzeroberfläche

Werkzeugpalette

• Zeichenwerkzeuge
• Textverarbeitung, Einsatz von Farben, Filtern und Verläufen
• Gestalten und Entwerfen von Screens, Icons und Elementen
• Pfade
• Ebenen
• Einsetzen der verschiedenen Raster
• Objekte ausrichten

Importe aus anderen Anwendungen

• Allgemein: Import von Bildern
• Bildmaterial aus Photoshop nutzen
• Illustrator-Dateien verwenden

Funktionalität und Workflow

• Erstellen eines Workflows
• Grundlagen zu Component States und Mouseover-Effekten
• Erstellung eines Wireframe-Modells
• Animierte Microinteraktionen
• Animationen und Übergänge
• Designvorlagen mit UI-Kits
• Verwaltung der Bibliotheken

Erstellung eines Prototyps

• Startseite erstellen
• Zusammenfügen von Zeichenflächen und Objekten
• Verknüpfung und Übergänge von Screens
• Interaktion erzeugen und Usability überprüfen
• Aufzeichnung der Bedienung und Videoerstellung
• Klickmodelle am PC, auf mobilen Endgeräten oder im Browser präsentieren
• Sinnvolle Plugins und Erweiterungen
• Datenübergabe an Entwickler
• Tipps und Tricks

Seminar- bzw. Schulungsvoraussetzungen

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

Sie lernen, mit Adobe XD UX/UI-Designs für mobile Apps, Voice-UI und responsive Webseiten zu konzipieren und umzusetzen. Sie erstellen Wireframes, interaktive Klickmodelle und Prototypen, die Sie auf gewünschten Endgeräten in Echtzeit testen.

• Mitarbeiterinnen und Mitarbeiter aus den Bereichen Webdesign
• Mitarbeiterinnen und Mitarbeiter aus den Bereichen Webentwicklung
• Mitarbeiterinnen und Mitarbeiter aus dem Bereich Design (UX, UI)
• Mitarbeiterinnen und Mitarbeiter aus dem Bereich Kommunikationsdesign
• Mitarbeiterinnen und Mitarbeiter aus dem Bereich Grafik
• Mitarbeiterinnen und Mitarbeiter aus dem Bereich Mediengestaltung

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