Lerne, wie echte Produkte gebaut werden: mit System, Konsistenz und Liebe zum Detail.
Praxisnahe Übungen für jede UI-Komponente. Du lernst durch Bauen, nicht durch Theorie.
Was du baust: Button Set mit vollständiger States Matrix
Skills: Hover, Active, Disabled, Focus, Loading States
Dauer: 3 Stunden
Was du baust: Input Fields mit Error States und Helper Text
Skills: Form States, Validation, Accessibility
Dauer: 4 Stunden
Was du baust: Spacing System und Baseline Grid
Skills: Konsistente Abstände, Vertical Rhythm
Dauer: 3 Stunden
Was du baust: Card System mit Elevation Ladder
Skills: Depth, Hierarchy, Surfaces
Dauer: 3 Stunden
Was du baust: Tabs, Sidebar, Breadcrumbs Patterns
Skills: Navigation Patterns, Orientation
Dauer: 4 Stunden
Was du baust: Hover Motion und Transitions
Skills: Timing, Easing, Reduce Motion
Dauer: 2 Stunden
Lerne, wie du ein konsistentes Design System mit Tokens aufbaust.
Design Tokens sind die DNA deines Design Systems. Sie definieren Farben, Abstände, Schriftgrößen, Schatten und mehr - alles an einem Ort.
Jeder Kurs enthält Accessibility-Grundlagen. Weil gutes Design für alle funktioniert.
WCAG 2.1 Standards für Text und UI-Elemente
Focus States und Tab Order richtig umsetzen
Labels, ARIA und semantisches HTML
Kontaktiere uns für eine kostenlose Orientierung. Wir helfen dir, den perfekten Einstieg zu finden.