Seminare für jede Branche

Live-Online-Training: Adobe XD | User Experience UX/UI-Design, Prototyping und Testing

Adobe XD bietet alles, was Sie für Design, Prototyping und Freigabe von User Experiences und User Interfaces brauchen. In unserem zweitägigen Praxisworkshop lernen Sie, wie Sie Ihr UX/UI-Design für Apps, Websites & Co. mit Adobe XD umsetzen. Angefangen bei der Idee, über interaktive Prototypen bis hin zur Entwicklung.

Seminarinhalte:
Adobe XD - Grundlagen

• intuitives App-Design - Einführung
• responsives Webdesign - Einführung
• die Rolle von Adobe XD im Designprozess
• Übersicht anderer UI/UX Tools und ihre Einsatzmöglichkeiten
• Vorstellung der Benutzeroberfläche von Adobe XD
• Vorstellung der verschiedenen UI-Kits (IOS, Android, Web)
• Rapid Prototyping Workflow mit Adobe XD

Adobe XD - Workflow

• mit den Zeichenwerkzeugen arbeiten
• Texte erstellen und formatieren
• der Pfad-Modus
• mit Raster und Ebenen arbeiten
• Symbole anlegen, Instanzen erzeugen
• Gruppierungen nutzen
• Verläufe, Farben und Texturen
• Verwaltung mit der Elementpalette
• Scrolling-Effekte und Viewport-Einstellungen

Workflow mit anderen CC Anwendungen (Illustrator, Photoshop, After Effects)

• Elemente aus Photoshop einbinden
• Elemente aus Illustrator einbinden
• Elemente aus Sketch einbinden
• Elemente aus Webbrowsern einbinden
• nach After Effects exportieren
• sonstige Dateien importieren

UI/UX-Design mit Adobe XD

• Wie starte ich ein Design-Projekt?
• Gestaltungsraster einrichten
• Wireframe-Modell anlegen
• Bibliotheken anlegen und erweitern
• Ausarbeitung eines Wireframes zum Mockup
• Wiederholungsraster einsetzen
• Usability
• interaktive Prototypen

Erstellung eines Website-Prototyps in Adobe XD

• Startseite erstellen
• Verbindungen von Zeichenfläche und Objekten konfigurieren
• Seitenübergänge festlegen
• Interaktivität erzeugen
• Überprüfung der Usability
• die Bedienung aufzeichnen und ein Video erstellen
• Export von einzelnen Objekten
• das Klickmodell veröffentlichen und auf Endgeräten testen
• Kommentarfunktion des Klickmodells

Erstellung einer App als Prototyp in Adobe XD

• Seiten mit den UI-Kits erstellen
• Zeichenfläche und Objekte zusammenfügen
• Übergänge festlegen
• Interaktivität im Prototyp
• die Bedienung aufzeichnen und ein Video erstellen
• das Klickmodell veröffentlichen und auf mobilen Endgeräten testen
• Kommentarfunktion des Klickmodells

offene Fragen klären

Voraussetzung:
Grundlegende Kenntnisse in Photoshop oder Illustrator sind von Vorteil, aber nicht zwingend notwendig.

Seminardauer:
1 Tag (9:00 - 16:00 Uhr)

Seminarleiter - Kurzprofil
Studium Betriebswirtschaft und Marketing an der Universität Hamburg. Seit über 20 Jahren aktiv als Designer, Programmierer, Foto-/Film-Produzent und Dozent in Hamburg.

Neben seiner Tätigkeit im Bereich Webdesign und App-Programmierung hat er große Kompetenz im Bereich UI-/UX-Design und realisierte unter anderem Projekte für Volkswagen, BMW, Mercedes, eBay.

Seit 2000 freiberuflicher Artdirektor, unter anderem für die Telekom, Sony und Philips.

Diese Zusatzleistungen sind im Schulungs-Preis enthalten:

• das AATC-(Adobe Authorised Training Centre) Zertifikat
• ein USB-Stick mit Ihren Übungsdaten aus dem Lehrgang zum weiterüben und nacharbeiten

Veranstaltungs-Code

FB24-313538-57755952