Mit Adobe XD funktionale Prototypen und APPs entwickeln
Ab 360 € pro Person | GRAFIK, DESIGN, ENTWICKLUNG, MARKETING
Schulung UX/UI-Design
mit Adobe XD
Modernes UX/UI-Design lernen
UX/UI-Design und funktionale Prototypen in der Schulung live entwickeln. Mit vielen Praxis-Beispielen.
Adobe XD ist das Universal-Tool für UX/UI-Design – vom Wireframe bis zur Übergabe an die Entwickler. 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*innen 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”.
Mit Adobe XD moderne Design umsetzen
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 wie für iOS oder Android und die Erstellung von Scribbles bzw. Wireframes. 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 Adobe Photoshop oder Logos aus Adobe Illustrator in XD 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 Design-Objekte auf den Zeichenflächen platzieren und Seitenübergänge definieren. Das responsive Design für Mobile, Desktop und Tablet behalten wir dabei immer im Auge. Mit Gestaltungs- und Wiederholungsrastern werden Prototypen und Wireframe-Modelle erstellt. 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. Von Airtable über Dribble und Google Sheets bis hin zu Zeplin. 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.
Links zu Adobe XD
Schulungsinhalte
Tag 1
- 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
- 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
Weitere Infos
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
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.
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
Zielgruppe
- Mediengestalter*innen
- Marketing Manager*innen
- Werbefachleute
- Art Director*innen
- Grafikdesigner*innen
- APP-Entwickler*innen
- Social Media Manager*innen
- UI-Designer*innen
Ihr Kontakt zu kolibriTRAINING
- E-Mail mit Ihrer Anfrage an info@kolibritraining.de.
- Einfach anrufen:
Telefon: 030 558 72 445
- Wir beraten Sie gerne und unverbindlich.
- Oder nutzen Sie das unten stehende Formular, um ein unverbindliches Angebot anzufordern.
Adobe XD Schulung anfragen
Preiskalkulator
Online
Voraussetzungen
- 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
Präsenz
Support special exhibitions.
- General admission and member discounts for two adults
- Four free tickets per special exhibition
- Four single-use guest passes per year
Title
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean diam dolor, accumsan sed rutrum vel, dapibus et leo.
Anfrage Schulung Adobe XD
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem.
Follow on Social