Zielsetzung des Kurses
Der Kurs Sustainable Design Tokens behandelt die Planung, Definition und Verwaltung von Design Tokens mit Fokus auf Nachhaltigkeit in digitalen Design- und Entwicklungssystemen. Thematisch verortet ist die Weiterbildung im Schnittfeld von UI/UX-Design, Frontend-Entwicklung und Design-System-Management. Ziel ist die Vermittlung eines konsistenten Vorgehens zur Strukturierung, Dokumentation und technischen Implementierung von Token-Architekturen. Berücksichtigt werden ökologische Einflussfaktoren digitaler Produkte sowie deren Ableitung in Gestaltungs- und Code-Entscheidungen.
Inhalte
Einführung in Design Tokens: Begriffsdefinition, Token-Typen (Farbe, Typografie, Spacing, Radius, Motion), Namenskonventionen und Hierarchien sowie Bezüge zu Designsystemen.
Nachhaltigkeitsbezug: Ableitung von Kriterien wie Energieverbrauch digitaler Interfaces, Farbraum- und Kontrastentscheidungen, Motion-Reduktion, Dark/Light-Varianten und ihre Auswirkungen auf Ressourcennutzung.
Architektur und Dokumentation: Token-Quellen, Alias-Modelle, themenfähige Strukturen, Plattform-Varianten, Versionierung, Changelogs und Governance-Regeln.
Technische Umsetzung: Nutzung von Token-Formaten (z. B. JSON), Build- und Transform-Prozesse, Export in CSS/SCSS, iOS/Android, Figma-Anbindung sowie Automatisierung in Repositories.
Qualitätssicherung: Barrierefreiheitsanforderungen, Farbkontrastmessung, visuelle Regressionstests, Linting von Token-Dateien und Prüfprozesse im Release-Workflow.
Messung und Reporting: Kennzahlen zur Interface-Komplexität, Asset-Größen, Render-Pfade, Nutzungsanalysen von Token sowie Dokumentation der Auswirkungen von Änderungen.
Lernziele
- Analysieren von bestehenden Designsystemen und Identifizieren von Token-Kandidaten für Farbe, Typografie, Abstände und Motion
- Erstellen einer konsistenten Token-Namenskonvention und Konzipieren einer hierarchischen Token-Architektur mit Alias-Beziehungen
- Implementieren von Design Tokens in Build-Prozesse und Integrieren in Frontend-Stacks für Web und Mobile
- Durchführen von Qualitätssicherungsmaßnahmen inklusive Kontrastprüfung, Linting und visueller Regressionstests
- Bewerten der Auswirkungen von Token-Änderungen auf Performance, Barrierefreiheit und Wartungsaufwand
- Anwenden von Dokumentations- und Versionierungspraktiken zur Governance von Token-Änderungen
Berufsperspektiven
Die Kursinhalte finden Anwendung in Berufsfeldern wie UX-/UI-Design, mit Schwerpunkt auf Strukturierung und Pflege von Designsystemen und deren Token-Basis. Typische Tätigkeitsfelder umfassen Design-System-Management und Komponentenbibliotheken, einschließlich Dokumentation und Governance. Der Kurs adressiert Inhalte für Tätigkeiten wie Frontend-Entwicklung mit Fokus auf Token-Integration in Build-Pipelines und Plattformen. Zusätzlich lassen sich Inhalte in Produkt- und Accessibility-Teams einsetzen, die Gestaltungsentscheidungen mit Barrierefreiheits- und Nachhaltigkeitskriterien verknüpfen.
Zusammenfassung
Der Kurs Sustainable Design Tokens behandelt die konzeptionelle, dokumentarische und technische Ausarbeitung von Design Tokens mit Bezug zu Nachhaltigkeit, Barrierefreiheit und Systempflege. Im Rahmen dieser Weiterbildung werden Prozesse von der Token-Definition bis zur Implementierung in Entwicklungsumgebungen aufgegriffen und mit Prüf- und Governance-Schritten verbunden. Die vermittelten Themen stehen in Bezug zu Tätigkeitsfeldern wie UX-/UI-Design, Design-System-Management und Frontend-Entwicklung.