Adobe XD Grundlagen Seminar
UX/UI-Design und funktionale Prototypen
In diesem Adobe XD Kurs lernen Sie die Grundlagen von gutem User Experience und User Interface-Design – kurz gesagt UX/UI. Mit Adobe XD können Designer ohne Entwicklerkenntnisse funktionale Wireframes, Web-Designs, interaktive Prototypen, User-Flows oder Animationen erstellen. User-Flows sind dabei die einzelnen Schritte, die ein User während der Nutzung einer Website oder App durchläuft.
Adobe XD ist für Designer kurzum ein sehr leistungsfähiges Programm, das höchste Ansprüche erfüllt. XD steht dabei für “Experience Design”.
Zuerst erhalten Sie in dieser Schulung eine kurze Einführung in modernes und responsives Webdesign. Danach stellen wir Ihnen den übersichtlichen Adobe-XD-Arbeitsbereich vor. Anwender*innen mit Erfahrung in anderen Adobe-Produkten wird vieles bekannt vorkommen. Sie lernen in diesem Kurs anhand vieler praktischer Übungen die Nutzung unterschiedlicher UI-Kits und die Erstellung von Scribbles. So haben Sie aus Adobe XD heraus z. B. direkten Zugriff auf die UI Kits von Microsoft und Apple. Anhand eines praktischen Beispiels erhalten Sie eine grundlegende Einführung in das professionelle Arbeiten mit Adobe XD.
Perfektes Zusammenspiel mit Illustrator, Photoshop und AfterEffects
Einer der großen Vorteile von Adobe XD ist wohl die Kompatibilität des Programms mit anderen Adobe Programmen. Zum Beispiel können Sie Bilder aus Photoshop in XD oder Logos und andere Vektorgrafiken aus Illustrator einfügen. Die Verwendung der Cloud-Bibliotheken sowie der Export zu AfterEffects sind dabei weitere Features.
Funktionale Prototypen schnell erstellen
In unserer Adobe XD-Schulung lernen Sie auch, wie ein Projekt richtig geplant und angelegt wird. Nach der Einrichtung der Startseite können Sie Designobjekte auf den Zeichenflächen platzieren und Seitenübergänge definieren. wird. Mit Gestaltung- und Wiederholungsrastern werden Prototypen und Wireframe-Modelle erstell. Die Zeichenflächen werden miteinander verdrahtet. Zuletzt kommt der Einbau von Interaktivität sowie der Navigation.
Adobe XD PlugIns für mehr Effizienz
Für Adobe XD sind derzeit gut hundert verschiedene PlugIns verfügbar, um z. B. wiederkehrende Aufgaben oder Designprozesse zu automatisieren. Langwierige und komplexe Bearbeitungen oder sich wiederholende Arbeitsschritte können so viel schneller gestaltet werden. Sie lernen in diesem Kurs, welche der wichtigsten Erweiterungen praktisch und sinnvoll eingesetzt werden können.
Link
Extern → Für weitere Informationen zu XD hier der Link zu Adobe.
Schulungsinfo
DAUER
- Empfehlung: 2 Tage
- zzgl. Übernachtung und Fahrtkosten
- inkl. Zertifikat
- inkl. Beispieldateien
- inkl. 14 Tage kostenlosen Support nach der Schulung
Schulungszeiten
9:00 - 16:00 Uhr (8 x 45 min.) oder nach Absprache
ZIELGRUPPE
- Mediengestalter*innen
- Marketing Manager*innen
- Werbefachleute
- Art Director*innen
- Grafikdesigner*innen
- APP-Entwickler*innen
- Social Media Manager*innen
- UI-Designer*innen
VORAUSSETZUNGEN
- Gute allgemeine PC- oder Mac-Kenntnisse
- Vorausgesetzt werden Grundkenntnisse in Adobe Photoshop CC und/oder Adobe Illustrator (siehe Seminar “Adobe Photoshop CC Grundlagen” und/oder “Adobe Illustrator Grundlagen”)
ONLINE-SCHULUNG:
- Windows-PC mit Soundkarte, Windows 10 – Mac-OS X
- Internet-Zugang über DSL / Kabel (Bandbreite mind. 256 Kbit/s, ab 512Kbit/s empfohlen)
- Aktueller, moderner Browser wie z. B. Google Chrome, Mozilla Firefox, Microsoft Edge oder Apple Safari
- Headset (Lautsprecher und Mikrofon alternativ) und Webcam
- Zweiter Bildschirm empfehlenswert, aber nicht zwingend notwendig
- Wir bieten MS Teams, Zoom, WebEx oder Jitsi und BigBlueButton (Open-Source) als Videokonferenzlösung an
IHR NUTZEN
In dieser Schulung lernen Sie, wie moderne und professionelle Designs für das Web und mobile Geräte erstellt werden. Anhand praktischer Beispiele und Übungen wird ihnen der komplette Designprozess erklärt. Sie können nach dieser Schulung eigene funktionsfähige Prototypen für Mobile und Web erstellen.
Anfrage
-
Tag 1 – Adobe XD
- Einführung in modernes, responsives Webdesign
- Der Arbeitsbereich von XD
- UI-Kits nutzen und anwenden (Apple, Windows, Material Designs, etc.)
- Gestaltungsraster und wiederholende Elemente
- Zusammenspiel mit der Creative Cloud
- Import von Photoshop- und Illustrator-Dateien
- Die Werkzeuge
- Zeichen- und Grafiktools anwenden
- Texte formatieren
- Ebenen und Pfade beherrschen
- Farben und Verläufe anlegen
- Prototypen erstellen und freigeben
-
Tag 2 – Adobe XD
- Designprozesse planen
- Das Element-Panel im Detail
- Wireframe-Modelle erstellen
- Zeichenflächen verwalten
- Seitenübergänge
- Das fertige “Klickmodell” veröffentlichen
- Kommentarfunktionen
- Co-Editing – Im Team an einem Projekt arbeiten
- Plugins und Erweiterungen
- Praxisbeispiele
- Video der Bedienung des Prototypen erstellen (Mac)
- Viele praktische Übungen
- Tipps & Tricks