Zielsetzung des Kurses
Der Kurs Basics UI-Gestaltung führt in Prinzipien und Methoden der Benutzeroberflächen-Gestaltung ein und ordnet sie in das Fachgebiet Human-Computer-Interaction und digitale Produktentwicklung ein. Behandelt werden Aufbau, Struktur und Verhalten grafischer Oberflächen für Web- und Mobile-Anwendungen. Ziel ist die Vermittlung solider Grundlagen zu Layout, Typografie, Farbgebung, Interaktionselementen und Zustandslogiken. Ergänzend werden Prozesse der UI-Dokumentation und der Übergabe an Entwicklungsteams adressiert.
Inhalte
Gestaltungsgrundlagen: Prinzipien der Wahrnehmung, Raster und Layoutsysteme, Typografie für Screen-Design, Farbmodelle und Kontrast, Iconografie und Bildsprache, Barrierefreiheit und Lesbarkeit
Interaktionsdesign: Navigationsmuster, Zustände und Rückmeldungen, Mikrointeraktionen, Touch- und Mausgesten, Fehlermeldungen und leere Zustände, Konsistenzregeln in Komponentenbibliotheken
Designprozess und Workflow: Briefing-Auswertung, Requirements in UI-Strukturen überführen, Wireframes und Low-/High-Fidelity-Layouts, Variantenbildung, Versionierung und Benennung
Designsysteme und Komponenten: Aufbau wiederverwendbarer Bausteine, Tokens für Farbe, Typografie und Spacing, Dokumentation von Zuständen, Guidelines für Nutzung und Pflege
Prototyping und Usability-Überprüfung: Klickbare Prototypen, Interaktionsflüsse, einfache Aufgaben-Szenarien, Beobachtungskriterien, Ableitung von Anpassungen
Handover und Collaboration: Spezifikation von Abständen und Größen, Export von Assets, Übergabeformate für Entwicklung, Feedbackschleifen zwischen Design und Implementierung
Lernziele
- Analysieren von UI-Layouts anhand von Gestaltungsprinzipien, Kontrast und Leseführung
- Identifizieren passender Navigationsmuster und Zustandslogiken für definierte Anwendungsfälle
- Erstellen von Wireframes und High-Fidelity-Layouts für Web- oder Mobile-Screens
- Durchführen einfacher Prototyping-Schritte mit klickbaren Abläufen und Mikrointeraktionen
- Entwickeln einer kleinen Komponentenbibliothek inklusive Varianten und Dokumentation
- Bewerten von UI-Entwürfen mittels definierter Usability-Kriterien und Ableiten konkreter Anpassungen
Berufsperspektiven
Die Kursinhalte finden Anwendung in Berufsfeldern wie UI-Designer in Agenturen oder Produktteams mit Fokus auf Layout, Komponenten und visuelle Ausarbeitung. Typische Tätigkeitsfelder umfassen UX/UI-Design in digitalen Projekten mit Aufgaben in Wireframing, Prototyping und Übergabe an die Entwicklung. Der Kurs adressiert Inhalte für Tätigkeiten wie Designsystem-Assistenz oder Junior-Produktdesigner mit Schwerpunkt Benutzeroberfläche.
Zusammenfassung
Der Kurs Basics UI-Gestaltung behandelt Grundlagen, Methoden und Arbeitsabläufe zur Gestaltung grafischer Benutzeroberflächen. Im Rahmen dieser Weiterbildung werden Inhalte zu Layout, Interaktion, Prototyping und Handover vermittelt, die in Tätigkeitsfeldern wie UI-Design, UX/UI-Design und Produktdesign Anwendung finden. Der berufliche Bezug liegt in der Gestaltung und Dokumentation nutzbarer Oberflächen für digitale Produkte.