Zielsetzung des Kurses
Das UI Animation Bootcamp behandelt Konzeption und Umsetzung von Benutzeroberflächen-Animationen im Kontext von Interface- und Interaktionsdesign. Der Kurs zielt auf die strukturierte Herleitung von Bewegungsprinzipien, Zustandswechseln und Mikrointeraktionen für digitale Produkte. Behandelt werden technische Grundlagen, gestalterische Spezifikation und die Überführung in prototypische und produktionsnahe Umsetzungen. Der Schwerpunkt liegt auf der Verbindung von Designrationalen, Motion-Guidelines und Entwicklerspezifikationen.
Inhalte
Einführung in Motion-Prinzipien für UI: Timing, Easing, Hierarchie, Aufmerksamkeitsteuerung sowie Rollen von Übergängen, Ladeindikatoren und Feedback-Animationen im Interface-Design.
Gestaltung von Zuständen und Mikrointeraktionen: Definition von Triggern, Zustandslogik, Komponentenverhalten, Icon- und Button-Animationen, Navigationsübergängen und Listeninteraktionen.
Prototyping und Tools: Erstellung von Interaktionsabläufen und Keyframes in gängigen Design- und Prototyping-Umgebungen, Export von Sequenzen, Hand-off-Artefakten und Asset-Varianten.
Technische Umsetzung: Grundlagen zu CSS- und Web-Animationen, Lottie-/JSON-Workflows, Sprite- und Vektor-Ansätzen, Performance-Aspekten und Plattformbesonderheiten.
Dokumentation und Übergabe: Spezifikation von Motion-Guidelines, Benennungskonventionen, Übergabeformaten, Abnahmekriterien und Kollaboration zwischen Design und Entwicklung.
Lernziele
- Analysieren von UI-Bewegungsabläufen anhand von Timing, Easing und Hierarchien
- Unterscheiden von Zuständen, Triggern und Rückmeldungen innerhalb von Mikrointeraktionen
- Erstellen von interaktiven Prototypen mit definierten Keyframes und Übergängen
- Anwenden von Lottie-/CSS-Workflows zur Umsetzung einfacher Interface-Animationen
- Entwickeln von Motion-Guidelines inklusive Benennung, Dauer- und Kurvenvorgaben
- Integrieren von Animationsspezifikationen in Hand-off-Dokumente für die Entwicklung
Berufsperspektiven
Die Kursinhalte finden Anwendung in Berufsfeldern wie UI/UX-Design, insbesondere bei der Ausarbeitung von Interaktionsmustern und Bewegungsdesign.
Typische Tätigkeitsfelder umfassen Motion Design für digitale Produkte mit Fokus auf Zustandswechsel, Mikrointeraktionen und Übergaben.
Der Kurs adressiert Inhalte für Tätigkeiten wie Prototyping und Handoff in Design- und Entwicklungsteams, einschließlich Dokumentation von Animationsrichtlinien.
Zusammenfassung
Der Kurs UI Animation Bootcamp behandelt die Konzeption, Spezifikation und Umsetzung von Animationen in Benutzeroberflächen. Im Rahmen dieser Weiterbildung werden Motion-Prinzipien, Prototyping-Workflows und Übergabedokumente für die Zusammenarbeit mit Entwicklungsteams vertieft. Die vermittelten Inhalte finden Anwendung in Tätigkeitsfeldern wie UI/UX-Design, Motion Design und Prototyping.