In diesem Modul unserer Gesamtmaßnahme UX/UI-Design lernst du, wie aus Ideen überzeugende Benutzeroberflächen werden. Du entwickelst ein eigenes, durchdachtes Designsystem - mit passenden Farben, Schriften, Komponenten und Layoutregeln - und sorgst so für einheitliche, skalierbare Designs. Wir starten mit der Analyse bekannter Designsysteme und tauchen in Themen wie Barrierefreiheit, Farblehre, Typografie und Kontrastverhältnisse ein.
Du lernst, wie du visuelle Sprache gezielt und nutzerfreundlich einsetzt - nicht nur schön, sondern funktional und zugänglich für alle. Du arbeitest mit Auto-Layout, Grids, Styles, Komponenten und Varianten, um deine Designs professionell und effizient aufzubauen. Auch Animationen und Prototyping kommen nicht zu kurz - inklusive smarter Übergänge.
Lernziele:
- Designsysteme verstehen und anwenden (z. B. Material Design)
- Farbenlehre & Barrierefreiheit im UI-Design umsetzen
- Eigene Farb- und Typografiesysteme entwickeln
- Grids, Styles & Auto-Layout für skalierbare Designs nutzen
- Komponenten, Varianten & Libraries effizient einsetzen
- Interaktive Prototypen mit Smart Animate & Lottie erstellen
- KI-Tools im Designprozess sinnvoll integrieren
- UX/UI-Konzepte durch praxisnahe Aufgaben festigen
- Bestehende Websites analysieren und redesignen
- Komplettes Webdesign-Projekt eigenständig in Figma umsetzen
Facts:
- 275 Unterrichtseinheiten
- 5 Wochen
- zertifiziert und anerkannt
- 2 Trainer mit max. 16 Teilnehmenden