Dies ist ein Vertiefungskurs zu Prototyping und Animationstechniken im UI/UX-Design mit Figma. Die Teilnehmenden lernen Auto-Layouts, interaktive Komponenten, animierte Übergänge und den gezielten Einsatz von Bewegung zur Verbesserung von Nutzerführung und Designverständnis kennen. Die Inhalte werden praxisnah in Projekten umgesetzt.
Inhalte
- Grundlagen und Überblick - Figma auffrischen und gemeinsam starten
- Auto-Layout vertiefend
- Smart Layouts & Responsive Design
- Prototyping - von der Idee zum klickbaren Modell
- Interaktive Komponenten
- Komponentenbibliotheken
- Einführung in Bewegung und Animation
- Wahrnehmung & Bewegungsdynamik
- Motion aus Nutzerperspektive - was Menschen wirklich wahrnehmen
- Animation als Gestaltungsmittel - Kommunikation, Feedback, Problemlösung
- Wann weniger mehr ist - Urteil und Restraint
- Variablen - Grundlagen
- KI-gestütztes Prototyping - Möglichkeiten, Werkzeuge, Zusammenspiel
- Den Entwurfsprozess mit KI neu denken - Vibe Coding und KI-Prototyping
- Eigenes Projekt - Konzept und Umsetzung
Ihr erlerntes Wissen werden Sie in praktischen Projekten mit fachlicher Unterstützung anwenden.