In diesem Kurs lernen die Teilnehmenden, wie sie moderne und benutzerfreundliche UI/UX-Designs für Webanwendungen und Websites gestalten. Der Fokus liegt auf der Anwendung von Webdesign-Prinzipien, um Layouts zu entwickeln, die sowohl visuell ansprechend als auch funktional sind.
Im Anschluss an die Webdesign-Kompetenzen wird die Zusatzqualifikation in Grid und Flexbox behandelt. Die Teilnehmenden lernen, wie sie mithilfe dieser leistungsstarken CSS-Techniken flexible, reaktionsschnelle und skalierbare Layouts erstellen, die sich dynamisch an verschiedene Bildschirmgrößen und Geräte anpassen.
!Kursinhalte:
* Einführung in die Prinzipien des UI/UX-Designs und der Benutzererfahrung
* Gestaltung von modernen, flexiblen und responsiven Layouts für Webanwendungen
* Einführung in CSS Grid: Strukturierung komplexer Layouts mit Grid-Templates und -Areas
* Einführung in CSS Flexbox: Optimierung von flexiblen Layouts und Anordnung von Elementen
* Kombination von Grid und Flexbox für maximale Design-Flexibilität
* Erstellung von responsiven Layouts mit Media Queries und flexiblen Einheiten
* Best Practices für die Performance-Optimierung von CSS-Layouts
* Testing und Debugging von Layouts mit Browser Developer Tools
* Anwendung von UI/UX-Prinzipien für eine optimale Benutzerführung und visuelle Hierarchie
* Praktische Übungen: Erstellung eines vollständigen, flexiblen UI/UX-Designs mit Grid und Flexbox