Ziel dieses Workshops ist es, das visuelle Erscheinungsbild der TH Köln sowie damit verbundene gestalterische Vorgaben systematisch zu analysieren. Die Teilnehmenden erarbeiten sich ein differenziertes Verständnis der Konstanten, an denen sich das eigene Design orientieren muss, und identifizieren zugleich Gestaltungsspielräume, die im Projekt kreativ genutzt werden können.
Neben der Auswertung dokumentierter Vorgaben (z. B. Corporate Design Manual, Web Guidelines, vorhandene UI-Komponenten) werden auch konkrete Beispiele gesichtet, die Gestaltungslösungen innerhalb des Hochschulkontextes zeigen – insbesondere mit Blick auf strukturierte Übersichten, Navigationselemente oder typografische Layouts. Ziel ist es, das bestehende Designsystem nicht nur formal zu erfassen, sondern auch in seiner funktionalen Wirkung zu verstehen.
Zu Beginn entwickeln die Teilnehmenden in Kleingruppen ein Modell zur systematischen Erfassung und Bewertung von Designsystemen. Kriterien können u. a. sein: Typografie (Schriftarten, Schriftschnitte, Hierarchien), Farbverwendung, Raster und Abstände, Interaktionselemente, Icons, Tonalität, Barrierefreiheit und Responsivität. Ziel ist es, eine strukturierte Grundlage für die anschließende Analyse zu schaffen.
Auf Grundlage des Analysemodells untersuchen die Gruppen das visuelle und funktionale Designsystem der Hochschule. Dabei werden bestehende Richtlinien (z. B. Farben, Typografie, Logos, UI-Komponenten) dokumentiert, kategorisiert und hinsichtlich ihrer Relevanz für das eigene Screendesign-Projekt eingeordnet.
Ergänzend zur Regelanalyse werden konkrete Umsetzungen gesichtet – z. B. Websites der TH Köln, interne Portale, Tools oder Printprodukte. Die Gruppen analysieren, wie Designprinzipien dort angewendet werden, und welche Interpretationsspielräume möglicherweise bestehen.
Abschließend wird erarbeitet, welche Elemente als unveränderliche Konstanten gelten (z. B. Schriftarten, Farbpalette, Logo-Anordnung), und wo es Freiräume für individuelle Gestaltung gibt (z. B. Anordnung von Inhalten, visuelle Differenzierung von Informationsebenen, Mikrotaktung von UI-Elementen).
Im letzten Schritt werden externe oder interne Beispiele gesammelt, die sich gestalterisch mit komplexen Informationsübersichten auseinandersetzen (z. B. Tabellen, Kalender, Dashboards). Diese dienen als Inspiration und Orientierung für die kommenden Phasen.
Diese Ergebnisse bilden die Grundlage für die gestalterischen Entscheidungen im Projekt. Sie schaffen einen verbindlichen Rahmen für Prototyping und Entwurf und verhindern spätere Unvereinbarkeiten mit dem Corporate Design.