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
• Component States Grundlagen und Mouseover-Effekte
• 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äche 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

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

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