Seminar/Schulung: Adobe XD
In diesem Seminar lernen Design-Teams, wie mit Adobe XD hochwertige visuelle Prototypen animiert, präsentiert und an an ein Dev-Team übergeben werden können. Neben den programmspezifischen Funktionen, vermitteln wir das notwendige Mindset zur Gestaltung digitaler Produkte. Das Seminar wird Hands-On durchgeführt und beinhaltet zahlreiche Beispiele aus großen und kleinen Praxis-Projekten.
Adobe hat Ende 2022 angekündigt, das Konkurrenztool Figma zu übernehmen. Die Zukunftsperspektive für Adobe XD ist schlecht – das Programm befindet sich offiziell im »Wartungsmodus«. Seit Sommer 2023 wurde XD von der Adobe-Website entfernt und es ist nicht mehr möglich, das Programm als Einzellizenz zu erwerben.
Wir empfehlen daher eine Figma-Schulung. Gerne beraten wir Sie zu diesem Thema.
Kurzbeschreibung
Der digitale Design-Workflow bei der Gestaltung einer Website oder einer App hat sich in den vergangenen Jahren erheblich gewandelt. Es wird einerseits viel systematischer in Form von Komponenten und Design Systemen gearbeitet. Zudem wird stärker der User-Flow gestaltet, also die gewünschte Bewegung der Zielgruppe durch das digitale Produkt. Und es wird zusammen gearbeitet. Interdisziplinäre Teams finden in XD eine zentrale Plattform für Gestaltung und Kommunikation zwischen Agenturen, Unternehmen, Design und Entwicklung.
Das Ziel besteht darin, früh im Entstehungsprozess das Produkt unter möglichst realen Bedingungen zu benutzen, dadurch zu erkennen wo es Optimierungsbedarf gibt und diese Optimierungen zeitsparend umzusetzen. Diese Aufgaben fallen in den Bereich von UI– bzw. UX-Design, Frontend-Design, Konzept und Screen-Design.
In dieser Schulung lernen Sie Adobe XD CC anhand praktischer Übungen ausführlich kennen. Das Programm vereint die Funktionen eines vektorbasierten Grafikprogramms mit Prototyping-Features und mit Hilfsmitteln zur verbesserten Zusammenarbeit von Grafik und Entwicklung mit Kundinnen und Kunden.
Themen der Adobe XD-Schulung
Die folgende Inhalte sind unsere Empfehlung für einen fundierten Einstieg in das Thema bzw. werden häufig gewünscht. Der Umfang beträgt, abhängig von den Vorkenntnissen und dem Anteil praktischer Übungen, meist zwischen 8h – 24h. Gerne passen wir die Agenda auf Ihre individuellen Anforderungen hin an, bzw. beziehen aktuelle Praxisprojekte mit ein. Wir stimmen uns dazu im Vorfeld der Schulung persönlich mit Ihnen ab.
Adobe XD kann nicht an einem Tag vollumfassend behandelt werden. Wir haben daher die relevanten Themen in zwei typische Seminar-Module unterteilt, um Ihnen die Entscheidung zu vereinfachen. Bei einer Inhouse-Schulung können Sie die Themen beliebig zusammenstellen.
Einstieg in Adobe XD
In diesem Seminar lernen Sie die Grundlagen von Adobe XD anhand praktischer Übungen kennen. Sie lernen wie Grafiken und Layouts erstellt und in visuelle Prototypen verwandelt werden. Darüber hinaus werfen wir einen Blick auf die Präsentationsmöglichkeiten und die Übergabe an Web-Entwickler.
- Die Benutzeroberfläche
- Zeichenflächen anlegen und organisieren
- Elemente zeichnen, Screens gestalten und Icons entwerfen
- Responsive Design und flexible Elemente
- Bildmaterial aus anderen Adobe-Anwendungen importieren
- Typografie und Textgestaltung
- Farben, Filter und Verläufe einsetzen
- Gestaltungsraster und Wiederholungsraster einsetzen
- Scrolling-Effekte und Viewport-Einstellungen
- Objekte Stapeln und mit Abständen versehen (Stacking und Padding)
- Screens miteinander verknüpfen und Übergangseffekte gestalten
- Grundlagen zu Komponenten (ehem. Symbole)
- Mouse-Over-Effekte und Grundlagen zu »Component States«
- Clickdummies auf echten mobilen Endgeräten, am PC oder im Browser präsentieren
- Style Guides und Datenübergabe an Entwickler
- Prototypen mit Kunden besprechen, Kommentare einfügen und in der Cloud diskutieren
Adobe XD – Fortgeschrittene Techniken
In diesem Seminar lernen Sie anhand praktischer Übungen u.a. die Erstellung komplexer Animation kennen. Sie erfahren zudem, wie responsive Design-Systeme angelegt und organisiert werden können und wie Sie mit variablen Inhalten arbeiten können.
- Tipps für einen effizienteren Workflow
- Hochwertige Grafiken und Layouts erstellen
- Responsive Design-Techniken
- Animationen und Übergänge
- Navigationen
- Slider
- animierte Tabs
- Scrolling und Paging
- expandierende Elemente
- Parallax-Effekte
- Mikroanimationen
- Animierte Icons
- Animierter Seitenaufbau und »Page Transitions«
- Drag-Gesten, Sprachsteuerung und Tastatureingabe
- Komponenten-Bibliotheken und UI-Kits
- Design-Systeme, Mobile First und Atomic Design
- Component States
- Komponenten (ehem. Symbole) anlegen, Objekte wiederverwendbar machen und zentral verwalten
- Absatz- und Zeichenformate
- Bibliotheken erstellen und organisieren
- Arbeiten mit echten Daten
- Die Data-Funktionen des Wiederholungsrasters
- JSON als Datenquelle
- Kollaboration mit Adobe XD – Arbeiten in der Cloud, Team-Funktionen & Co.
- Hilfreiche Plugins
- Sinnvolle Tools im Zusammenhang mit XD
Dozent: Jonas Hellwig
Jonas Hellwig ist Gründer der Agentur kulturbanause und des kulturbanause Blogs. Er arbeitet an der Schnittstelle zwischen UX/UI Design, Frontend und Redaktion und hat zahlreiche Fachbücher und Video-Trainings veröffentlicht. Jonas Hellwig ist regelmäßig als Sprecher auf Fachveranstaltungen anzutreffen und unterstützt mit Seminaren und Workshops Agenturen und Unternehmen bei der Planung, der Gestaltung und der technischen Umsetzung von Web-Projekten.