Zielsetzung des Kurses
Der Kurs zum Thema Webdesign Layouts und Webdesign Designsysteme vermittelt methodische Grundlagen zur Gestaltung und Strukturierung digitaler Benutzeroberflächen. Im Mittelpunkt stehen Layout-Prinzipien für responsive Websites sowie Aufbau, Pflege und Anwendung von Designsystemen. Behandelt werden gestalterische, technische und organisatorische Aspekte des Webdesigns im Kontext nutzerzentrierter Interfaces. Ziel ist die Befähigung zur konsistenten Umsetzung webbasierter Oberflächen unter Berücksichtigung aktueller Webstandards.
Inhalte
Einführung in Layout-Prinzipien: Raster, Hierarchie, Weißraum, Typografie im Web, Farb- und Icon-Systeme sowie Barrierefreiheit und Lesbarkeit für unterschiedliche Endgeräte.
Responsive Gestaltung: Breakpoints, Fluid- und Flex-Layouts, Grid-Systeme, Komponenten-Verhalten über Viewports, Performance-Auswirkungen von Layout-Entscheidungen.
Designsysteme aufbauen: Definition von Tokens (Farben, Abstände, Typo), Komponentenbibliotheken, Zustände und Varianten, Dokumentation und Benennungslogiken.
Design-zu-Code-Übergabe: Spezifikation von Komponenten, Styleguides, Nutzung von Tools zur Handoff-Phase, Versionierung und Kollaboration zwischen Design und Entwicklung.
Qualitätssicherung und Governance: Richtlinienpflege, Konsistenzprüfungen, Wartung von Komponenten, Änderungsmanagement und Erweiterbarkeit im Produktlebenszyklus.
Prototyping und Testing: Low- bis High-Fidelity-Prototypen, Klickpfade, Interaktionsmuster, Nutzertests und Auswertung zur Ableitung von Anpassungen an Layout und System.
Lernziele
- Analysieren von Webseitenlayouts hinsichtlich Raster, Hierarchie und Responsivität
- Identifizieren von Design-Tokens und Ableiten konsistenter Komponentenbibliotheken
- Erstellen von responsiven Seitenstrukturen mit Grid- und Flex-Techniken
- Entwickeln von dokumentierten Styleguides inklusive Zuständen und Varianten
- Integrieren von Designsystem-Komponenten in Prototypen und Übergaben an die Entwicklung
- Bewerten von Layout- und Komponentenentscheidungen im Hinblick auf Barrierefreiheit und Wartbarkeit
Berufsperspektiven
Die Kursinhalte finden Anwendung in Berufsfeldern wie UX/UI-Design, mit Schwerpunkt auf Layout-Erstellung und Komponentenarchitekturen.
Typische Tätigkeitsfelder umfassen Webdesign und Frontend-Konzeption, inklusive Strukturierung von Seiten und Pflege von Styleguides.
Der Kurs adressiert Inhalte für Tätigkeiten wie Designsystem-Management und Komponentenbibliothek-Pflege in Produkt- oder Agenturumgebungen.
Zusammenfassung
Der Kurs Webdesign Layouts und Webdesign Designsysteme behandelt die Entwicklung responsiver Layouts und den Aufbau konsistenter Designsysteme für Weboberflächen. Im Rahmen dieser Weiterbildung werden Methoden zur Strukturierung, Dokumentation und Übergabe von Komponenten vermittelt. Die Themen sind auf Tätigkeiten in UX/UI-Design, Webdesign sowie Designsystem-Management ausgerichtet.