Seite auswählen

Offene Schulungen in Nürnberg und Inhouse-Trainings & Kurse auch in München und Potsdam.

Erstellen und testen Sie Prototypen und ansprechende UX/UI Screen-Designs.
Adobe XD Experience Design:  – UX/UI-Design + Prototyping

Adobe XD ist die neue Komplettlösung für die Gestaltung ansprechender UX/UI-Designs. Erstellen Sie Prototypen für unterschiedliche Gerätekategorien, verknüpfen Sie Ihre Screendesigns zu einem interaktiven Klickmodell und testen Sie die Benutzererfahrung für eine optimale Usability.

Das Ziel Adobe XDist positive Kundenerlebnisse bei der Benutzung Ihrer screenbasierten Anwendungen zu erzielen. Adobe XD unterstützt Sie bei der Erstellung interaktiver Klickprototypen – ohne eine einzige Zeile Code programmieren zu müssen. Sammeln Sie erste Ideen für Ihre Screendesigns, erstellen Sie ein Wireframe-Modell und gestalten Sie ein ansprechendes Mockup Ihrer Anwendung. Selbst die Erstellung komplexer Prototypen, mit hunderten einzelner Screens, ist in Adobe XD mühelos möglich! 

Nach der Gestaltungsphase verdrahten Sie die einzelnen Screens zu einem interaktiven Klickmodell und fügen animierte Seitenübergänge hinzu. Anschließend testen Sie Ihren Prototypen auf den gewünschten Endgeräten in Echtzeit und holen Kundenfeedback ein.

Schulungsziel:

Sie lernen in dieser Einsteigerschulung den Arbeitsbereich und kompletten Workflow von Adobe XD kennen, Designelemente aus Adobe Illustrator und PhotoShop zu integrieren und ansprechende Screendesigns mit den Werkzeugen von Adobe XD zu gestalten.

Weiterhin lernen Sie die einzelnen Screens zu einem interaktiven Klickmodell miteinander zu verketten, auf mobile Endgeräte zu übertragen und die Benutzererfahrung live zu testen. Schließlich erfahren Sie noch, wie Sie Designelemte aus Adobe XD für die spätere Programmierung Ihrer Anwendung extrahieren können.

Adobe Experience Design

Zielgruppe:

  • Mediengestalter, Grafiker, Kommunikationsdesigner
  • Web Designer/Entwickler
  • UX/UI-Designer

Empfohlene Voraussetzungen:

  • sicheres Arbeiten unter Windows oder MacOS/X
  • Grundlagenkenntnisse in Adobe Illustrator und PhotoShop von Vorteil
  • keine Kenntnisse in HTML, CSS oder Javascript erforderlich!

Inklusiv-Leistungen:

  • indiv. eingerichteter PC/MAC für jeden Teilnehmer
  • Verpflegung (Frühstück-Snacks, warme und kalte Pausengetränke, sowie das Mittagessen)
  • Teilnahme-Zertifikat
  • Kursunterlagen (PDF) & Übungen. Weiterführende Nachschlagewerke können gesondert bestellt werden

Schulungsinhalte – Tag 1:

  • Grundlagen von Adobe XD
    • Der Startbildschirm
    • Überblick über die Benutzeroberfläche
    • Arbeiten im Design- und Prototyp-Modus
    • Unterschiede der Oberfläche zwischen Windows und Mac
    • Nutzen der UI-Kits
    • Arbeiten mit Cloud-Dokumenten
    • Kennenlernen der wichtigsten Tastaturkurzbefehle
  • Anlegen von Zeichenflächen und Rastern
    • Zeichenflächen hinzufügen und duplizieren
    • scrollbare Zeichenflächen erstellen
    • Einrichten eines Gestaltungsrasters
    • ein Wireframe-Modell anlegen
    • Bilder importieren und maskieren
    • effizientes Arbeiten mit dem Wiederholungsraster
    • Texte und Bilder mit dem Wiederholungsraster nutzen
  • Formen und Inhalte erstellen und verwalten
    • Kennenlernen der Zeichenwerkzeuge
    • Pfade zeichnen und modifizieren
    • Objekte anordnen, verteilen und ausrichten
    • Texte anlegen und formatieren
    • Gestaltung komplexer Formen mit Hilfe der Pfad-Operationen
    • Weichzeichen- und Schatteneffekte generieren
  • Elemente- und Ebenen-Palette
    • Farben und Verläufe anlegen und speichern
    • globale Farbänderungen vornehmen
    • Textformate anlegen und verwalten
    • globale Textformatierungen vornehmen
    • Elemente suchen und filtern
    • Projekte mit der Ebenen-Palette strukturieren
  • Symbole und Instanzen
    • Symbole anlegen und Instanzen erzeugen
    • eingebettete und verknüpfte Symbole
    • Symbolen in einem Team-Workflow nutzen
    • Instanzen austauschen und aktualisieren
  • Zusammenarbeit mit Illustrator & PhotoShop
    • Icons und Piktogramme aus Illustrator exportieren
    • Bildelemente aus PhotoShop-Layouts extrahieren
    • PhotoShop Generator für den Bildexport nutzen
  • Creative Cloud Bibliotheken
    • Eine neue Bibliothek anlegen
    • Objekte, Farben und weitere Designelemente zu einer Bibliothek hinzufügen
    • Elemente aus aus dem Adobe Market hinzufügen
    • Bilder aus Adobe Stock verwenden
    • Bibliotheken programmübergreifend nutzen
    • Bibliotheken für Teammitglieder freigeben
    • Designelemente archivieren und dauerhaft löschen

Schulungsinhalte – Tag 2:

  • Responsive Größenänderungen
    • Responsive Resize für Objekte
    • Größenveränderungen manuell definieren
    • Objekte verankern
    • Responsives Skalieren von Zeichenflächen aktivieren
  • Interaktive Prototypen erstellen
    • Definition der Startseite
    • Objekte und Zeichenflächen miteinander verdrahten
    • Seitenübergänge festlegen
    • Timing der Animationseffekte steuern
    • zeitgesteuerte Übergangseffekte
    • automatische Zurück-Buttons definieren
    • Interaktivität im Prototyp-Modus hinzufügen
    • Überprüfung des Prototpyen auf einem Smartphone
  • Animierte Microinteraktionen
    • Definieren automatischer Animationseffekte
    • Kippschalter und animierte Schaubilder erstellen
    • Praxis-Beispiele für Auto-Animate Effekte
    • eine Vorschau animierter Inhalte betrachten
  • Sprachsteuerung
    • Sprachbefehle festlegen
    • gesprochene Audio-Antworten hinzufügen
  • Zusammenarbeit mit Kunden und Entwicklern
    • Erstellen eines Demonstrationsvideos der Bedienung
    • Veröffentlichen des Klickmodells im Internet
    • passwortgeschützte Prototypen freigeben
    • Kommentare zum Klickmodell hinzufügen
    • einzelne Objekte für die Programmierung exportieren
    • Zeichenflächen und Objekte in verschiedenen Formaten und Größen exportieren
    • Designspezifikationen für Entwickler freigeben
    • Auswertung der Designspezifikationen
  • PlugIns
    • Erweiterungen hinzufügen und verwalten
    • Vorstellung nützlicher PlugIns
  • Hilfreiche Tipps & Tricks

Verfügbare Plattformen:

Microsoft Windows und Apple MacOS/X 

Dauer:

2 Tage á 8 Unterrichtsstunden.(1)
(9:30 Uhr bis ca. 16:30 Uhr)

Weiter zu den Details…