Zielsetzung des Kurses
Der Lehrgang "Digitales Design: Responsive Grids und Layouts" adressiert die Konzeption und Umsetzung anpassungsfähiger Seitensysteme im Bereich UI/UX-Design und Webgestaltung. Ziel ist die Vermittlung von Vorgehensweisen zur Rasterplanung, Layoutstrukturierung und komponentenbasierten Gestaltung für unterschiedliche Viewports.
Inhalte
Die Weiterbildung "Digitales Design: Responsive Grids und Layouts" behandelt die Planung von Raster-Systemen für Web- und App-Oberflächen, einschließlich Breakpoints, Spaltenstrukturen und Abständen. Darauf aufbauend folgt die Ausarbeitung responsiver Layouts mit Komponenten, Navigationsmustern und Hierarchiegestaltung unter Einsatz von Design-Tokens. Ein weiterer Schwerpunkt liegt auf Prototyping, Übergabe an die Entwicklung und Dokumentation in Design-Systemen (z. B. Bibliotheken, Styleguides). Ergänzend werden Typografie-Skalierung, Bild- und Icon-Handling sowie Barrierefreiheit im responsiven Kontext thematisiert. Eingebunden sind Suchworte wie UI-Design, Frontend-Handoff, Prototyping und Design-System.
Lernziele
- Analyse von Breakpoints, Spaltenrastern und Abstandslogiken für unterschiedliche Gerätekategorien
- Erstellung responsiver Layouts mit Komponenten, Navigationsstrukturen und Typografie-Skalierung in einem Design-Tool
- Implementierung eines konsistenten Mini-Design-Systems mit Styleguide, Variablen und dokumentierten Komponenten für den Handoff
Berufsperspektiven
Die Kursinhalte finden Anwendung in Berufsfeldern wie UX/UI-Design mit Schwerpunkt auf interaktiven Oberflächen und responsiver Strukturierung. Typische Tätigkeitsfelder umfassen Webdesign und Frontend-nahe Gestaltung mit Fokus auf Raster, Komponenten und Handoff. Der Kurs adressiert Inhalte für Tätigkeiten wie Produktdesign in digitalen Teams sowie Visual Design mit Layout- und Typografieaufgaben.
Zusammenfassung
Der Kurs "Digitales Design: Responsive Grids und Layouts" behandelt Rasterplanung, responsive Layouts und die Dokumentation in Design-Systemen. Im Rahmen dieser Weiterbildung werden Vorgehensweisen für UI/UX-Design, Webdesign und produktnahe Gestaltung vermittelt. Die vermittelten Inhalte stehen in Bezug zu Tätigkeitsfeldern wie UX/UI-Design, Webdesign und Produktdesign.