Zielsetzung des Kurses
Basics UI Design vermittelt Grundprinzipien der Benutzeroberflächengestaltung innerhalb des Fachgebiets Human-Computer-Interaction und visueller Kommunikation. Der Kurs behandelt Kernaspekte wie Layout, Typografie, Farbe, Ikonografie und Interaktionselemente für digitale Produkte. Ziel ist die strukturierte Heranführung an gängige Patterns, Zustände und Komponentenbibliotheken sowie deren konsistente Anwendung. Bezüge zu Usability, Barrierefreiheit und Design-Dokumentation werden eingeführt und methodisch eingeordnet.
Inhalte
Einführung in UI-Grundlagen mit Begriffsklärung zu Interface, Komponenten, Zuständen und Pattern Libraries, Abgrenzung zu UX, sowie Aufbau von Designsystem-Elementen und Benennungskonventionen
Visuelle Gestaltung mit Schwerpunkt auf Raster, Weißraum, Hierarchie, Typografie-Parametern (Schriftgrade, Zeilenabstände), Farbkonzepten, Kontrast und Ikonografie inklusive Zustandsdarstellung
Interaktive Elemente und Zustände wie Buttons, Formulare, Navigationsmuster, Fehlermeldungen, Ladeindikatoren und Feedbackmechanismen unter Einbezug von Touch- und Mausinteraktionen
Gestaltungs- und Prototyping-Workflow von Wireframes über Low- bis High-Fidelity-Screens, Komponentenpflege, Versionsstände, Übergabe an Entwicklung sowie Kommentierung und Spezifikation
Usability und Barrierefreiheit mit Prinzipien zur Orientierung, Lesbarkeit, Fokusführung, Tastaturnavigation, Kontrasten, Alternativtexten und Fehlertoleranz
Dokumentation und Qualitätssicherung mit Styleguides, Komponentenbibliotheken, Design-Tokens, Prüflisten, einfachen Heuristiken sowie grundlegender Handhabung von UI-Design-Tools
Lernziele
- Analysieren von Benutzeroberflächen hinsichtlich Layout, Hierarchie und Kontrast
- Identifizieren und Benennen gängiger UI-Komponenten, Zustände und Patterns
- Erstellen von Wireframes und High-Fidelity-Screens für definierte Anwendungsfälle
- Anwenden von Typografie-, Farb- und Rasterregeln auf konkrete UI-Layouts
- Entwickeln einfacher Komponentenbibliotheken inklusive Zuständen und Varianten
- Bewerten von Oberflächen nach Usability-Heuristiken und grundlegenden WCAG-Kriterien
Berufsperspektiven
Die Kursinhalte finden Anwendung in Berufsfeldern wie UI-Design, Interface-Gestaltung und visuellem Produktdesign, insbesondere bei der Erstellung konsistenter Oberflächen.
Typische Tätigkeitsfelder umfassen die Arbeit als UI Designer oder Junior Product Designer mit Fokus auf Komponenten, Layouts und Übergabe an Entwicklung.
Der Kurs adressiert Inhalte für Tätigkeiten wie Frontend-nahe Design-Spezifikation, Erstellung von Styleguides und Pflege von Designsystem-Grundlagen.
Zusammenfassung
Der Kurs Basics UI Design behandelt Grundlagen der Gestaltung digitaler Benutzeroberflächen von Layout und Typografie bis zu Komponenten, Zuständen und Dokumentation. Im Rahmen dieser Weiterbildung werden Prinzipien zu Usability, Barrierefreiheit und Prototyping in einen umsetzbaren Workflow eingeordnet. Die vermittelten Themen stehen in Bezug zu Tätigkeiten im UI-Design, visuellen Produktdesign und der designseitigen Übergabe an die Entwicklung.