In diesem Kurs lernen die Teilnehmenden, wie sie moderne und benutzerfreundliche UI/UX-Designs speziell für mobile Anwendungen erstellen. Der Fokus liegt auf der Gestaltung flexibler, responsiver und anpassungsfähiger Layouts, die für unterschiedliche Bildschirmgrößen optimiert sind.
Im Anschluss an die Webdesign-Kompetenzen wird die Zusatzqualifikation in Grid und Flexbox behandelt. Die Teilnehmenden lernen, wie sie mit modernen CSS-Techniken mobile Layouts entwickeln, die eine optimale Benutzererfahrung auf Smartphones und Tablets bieten.
Kursinhalte:- Einführung in die Prinzipien des UI/UX-Designs für mobile Anwendungen
- Gestaltung von flexiblen und responsiven Layouts für mobile Endgeräte
- Einführung in CSS Grid: Strukturierung von mobilen Layouts mit Raster-Systemen
- Einführung in Flexbox: Dynamische Anordnung von UI-Elementen für mobile Anwendungen
- Kombination von Grid und Flexbox zur Optimierung von mobilen Weblayouts
- Mobile-First-Design: Strategien zur priorisierten Gestaltung für kleine Bildschirme
- Optimierung von Abständen, Schriftgrößen und Interaktionsflächen für Touchscreens
- Testing und Debugging von responsiven Designs für verschiedene Geräte
- Best Practices für mobile Layouts in Webanwendungen
- Praktische Übungen: Entwicklung eines vollständigen mobilen UI/UX-Designs mit Grid und Flexbox