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 Entwicklung intuitiver, visuell ansprechender und funktionaler Benutzeroberflächen, die auf allen Geräten eine optimale Nutzererfahrung bieten.
Im Anschluss an die Webdesign-Kompetenzen wird die Zusatzqualifikation in responsivem Design behandelt. Die Teilnehmenden lernen, wie sie mit modernen Techniken und Best Practices flexible und adaptive Layouts entwickeln, die sich nahtlos an verschiedene Bildschirmgrößen und Geräte anpassen.
!Kursinhalte:
* Einführung in die Grundlagen des UI/UX-Designs und der Benutzererfahrung (UX)
* Gestaltung von benutzerzentrierten und interaktiven Layouts für verschiedene Endgeräte
* Einführung in responsives Design: Konzepte und Vorteile für moderne Webanwendungen
* Umsetzung von flexiblen Layouts mit CSS Flexbox und Grid
* Nutzung von Media Queries zur Anpassung des Designs an unterschiedliche Bildschirmgrößen
* Mobile-First-Ansatz vs. Desktop-First-Ansatz: Wann welche Strategie sinnvoll ist
* Gestaltung skalierbarer Schriftarten, Buttons und Navigationselemente für responsives Design
* Optimierung von Bildern und Videos für unterschiedliche Bildschirmgrößen und Bandbreiten
* Testing und Debugging responsiver Layouts mit Browser Developer Tools und Emulatoren
* Best Practices für barrierefreies und responsives UI/UX-Design
* Praktische Übungen: Entwicklung eines vollständigen responsiven UI/UX-Designs für eine moderne Webanwendung