Kursinformationen
Beschreibung
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.
Zielgruppe / Teilnehmerkreis
Mitarbeiter und Mitarbeiterinnen aus den Bereichen Webdesign, Webentwicklung, Design (UX, UI), Kommunikationsdesign, Grafik, Mediengestaltung
Anforderungen
- PC Grundkenntnisse
- Erfahrung mit Windows 10
- Erfahrungen mit Photoshop und Illustrator sind von Vorteil
Dauer: 2 Tage
Inhalt
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