In diesem Kurs lernen die Teilnehmenden, wie sie moderne und interaktive UI/UX-Designs für Websites und Webanwendungen erstellen. Der Fokus liegt auf der Gestaltung flexibler und visuell ansprechender Benutzeroberflächen, die auf verschiedene Geräte und Nutzerinteraktionen dynamisch reagieren.
Im Anschluss an die Webdesign-Kompetenzen wird die Zusatzqualifikation in dynamischen Styles behandelt. Die Teilnehmenden lernen, wie sie mit modernen CSS-Techniken und JavaScript dynamische, animierte und interaktive Designs entwickeln, die das Nutzererlebnis verbessern.
Kursinhalte:- Einführung in die Grundlagen des UI/UX-Designs und deren Einfluss auf Nutzererfahrungen
- Gestaltung von flexiblen und reaktionsschnellen Layouts für Webanwendungen
- Einführung in dynamische Styles mit modernen CSS-Techniken (Transitions, Animations, Keyframes)
- Einsatz von CSS-Variablen und Custom Properties für eine flexible Gestaltung
- Nutzung von JavaScript zur Erstellung interaktiver UI-Elemente (Hover-Animationen, Scroll-Effekte)
- Anwendung von GreenSock (GSAP) für performante Animationen in UI/UX-Designs
- Integration von Responsive Design mit Media Queries und flexiblen Grids
- Optimierung der Performance von dynamischen Styles für eine schnelle Ladezeit
- Testing und Debugging dynamischer UI-Elemente in modernen Browsern
- Best Practices für dynamische Styles unter Berücksichtigung von Barrierefreiheit
- Praktische Übungen: Erstellung eines interaktiven UI/UX-Designs mit dynamischen Styles