Zielsetzung des Kurses
Der Kurs UI Design mit Sketch vermittelt methodische und technische Grundlagen der Gestaltung von Benutzeroberflächen im Kontext digitaler Produktentwicklung. Behandelt werden Arbeitsabläufe in Sketch, der Aufbau wiederverwendbarer UI‑Elemente und die Erstellung konsistenter Designsysteme. Im Fokus stehen Layout, Typografie, Farb- und Icon-Gestaltung sowie Übergabeprozesse an Entwicklungsteams. Der Kurs ordnet sich in das Fachgebiet Interface- und Interaktionsgestaltung ein.
Inhalte
Einführung in UI-Design-Prinzipien und Gestaltungsraster mit Schwerpunkt auf Layout, Typografie, Farbkonzepten, Kontrast und Lesbarkeit in digitalen Oberflächen
Werkzeuge und Funktionen in Sketch einschließlich Artboards, Ebenenverwaltung, Symbolen, Text- und Farbstilen sowie Bibliotheken für wiederkehrende Komponenten
Komponentenbasierte Gestaltung mit Symbolen und Variationen, Erstellung von UI-Kits, Nutzung von Auto-Layout-Methodiken und responsive Anpassungen für unterschiedliche Viewports
Designsystem-Entwicklung mit Benennungskonventionen, Token-Strukturen, Dokumentation von Regeln und Mustern sowie Versionierung und Zusammenarbeit im Team
Prototyping, Interaktionen und Übergabe: Klickdummies, Flows, Exportformate, Handoff an Entwicklung mit Spezifikationen, Assets und Kommentierung
Qualitätssicherung durch Konsistenzprüfungen, Zugriff auf Barrierefreiheitsrichtlinien, Farbalternativen, Kontrasttests und Vorbereitung für iterative Weiterentwicklung
Lernziele
- Analysieren von Benutzeroberflächen anhand von Layout-, Typografie- und Farbprinzipien
- Anwenden der Sketch-Werkzeuge zur Erstellung von Artboards, Symbolen, Text- und Farbstilen
- Erstellen komponentenbasierter UI-Kits mit Varianten für unterschiedliche Endgeräte
- Entwickeln eines Designs mit dokumentierten Token, Benennungskonventionen und Bibliotheken
- Implementieren klickbarer Prototypen und Durchführen des Handoffs mit Spezifikationen und Assets
- Bewerten von Entwürfen im Hinblick auf Konsistenz, Kontrast und Barrierefreiheit
Berufsperspektiven
Die Kursinhalte finden Anwendung in Berufsfeldern wie UI-Designer, die Benutzeroberflächen konzipieren und in Sketch ausarbeiten. Typische Tätigkeitsfelder umfassen Visual Designer mit Fokus auf Layout, Typografie und Komponentenbibliotheken. Der Kurs adressiert Inhalte für Tätigkeiten wie Produktdesigner in interdisziplinären Teams mit Verantwortung für Prototyping und Handoff. Ebenfalls angesprochen sind Designsystem-Manager mit Aufgaben in Pflege, Dokumentation und Versionierung von Komponenten.
Zusammenfassung
Der Kurs UI Design mit Sketch behandelt die Gestaltung und Ausarbeitung digitaler Benutzeroberflächen mit Fokus auf Werkzeuge, Komponenten, Prototyping und Handoff. Im Rahmen dieser Weiterbildung werden Grundlagen des UI-Designs, die Arbeit mit Designsystemen sowie qualitätssichernde Verfahren vermittelt. Die Themenbereiche lassen sich in Tätigkeitsfeldern wie UI-Design, Visual Design, Produktdesign und Designsystem-Management anwenden.