Adobe XD – Kompaktkurs

In diesem Seminar erlernen Sie mit Adobe XD den Designprozess von mobilen Apps, Voice-UI und responsiven Webseiten. Konzipieren und realisieren Sie einfach und unkompliziert UX/UI-Designs. Sie lernen den Umgang mit Animationen, Bildern, Vektorgrafiken, Texten, Zeichenflächen, um individuelle Designprojekte zu starten. Die daraus erstehenden Screens kombinieren Sie in einem interaktiven Klickmodell und das ohne Code Programmierung.

Gestalten Sie Prototypen und testen Sie diese in Echtzeit auf den gewünschten Endgeräten. Erlernen Sie in diesem Seminar den Umgang mit der Adobe XD Oberfläche, den Arbeitsbereichen, den Workflows sowie die Verwendung der Designelemente aus Photoshop und Illustrator. Nutzen Sie UI-Kits, gestalten Sie 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 können UX/UI-Designs für mobile Apps, Voice-UI und responsive Webseiten konzipieren und umsetzen. Sie erstellen Screens, Wireframes, Scribbles und interaktive Klickmodelle, gestalten Prototypen und testen diese in Echtzeit auf gewünschten Endgeräten. Darüber hinaus nutzen Sie die Adobe-XD-Oberfläche, Arbeitsbereiche, Workflows, UI-Kits sowie Designelemente aus Photoshop und Illustrator.

• Mitarbeitende aus dem Bereich Webdesign
• Mitarbeitende aus dem Bereich Webentwicklung
• Mitarbeitende aus dem Bereich Design (UX, UI)
• Mitarbeitende aus dem Bereich Kommunikationsdesign
• Mitarbeitende aus dem Bereich Grafik
• Mitarbeitende aus dem Bereich Mediengestaltung

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