| Lehrinhalt |
Mit den Mitteln des Creative Coding eröffnen sich heute neue Wege, Schrift zu manipulieren, verändern und animieren. Weg vom statischen Satz wollen wir mit generativer Gestaltung und agentic Coding konkret ausprobieren, wie wir Schrift mit Code gestalten können. Dafür wollen wir zunächst verstehen, welche Vorteile codebasierte, dynamische Systeme gegenüber einem statischen Layout bieten, und was technisch eigentlich hinter einer Schriftart steckt, wenn sie auf unserem Bildschirm erscheint. Diesen Fragen gehen wir gemeinsam in dieser Woche nach. Wir schauen uns bestehende Projekte, Tools und Algorithmen an und recherchieren, wie sich diese Techniken auf Typografie übertragen lassen.
Danach entwickelt ihr in Gruppen euer eigenes Typografie-Tool mit UI in p5.js. Der Fokus liegt dabei auf visuellem, iterativem Experimentieren mit Code, wobei unvorhersehbare Ergebnisse und Fehler ausdrücklich erwünscht sind. Mögliche Ergebnisse reichen von manipulierbaren Buchstaben über algorithmische, gridbasierte Schriftarten und reaktive, generative Logos mit unendlichen Variationen bis hin zu eigenen, experimentellen und nützlichen Gestaltungswerkzeugen. Eine eigene Anwendung kann perspektivisch auch ein erster Schritt sein, sich ein Stück weit unabhängiger von Gestaltungssoftware-Anbietern mit Monopolstellung zu machen.
Damit die Einstiegshürde niedrig liegt und es sofort losgehen kann, gibt es ein Template mit GUI als Startpunkt. KI hilft uns beim Programmieren. Dabei wollen wir uns aber auch fragen, ob dadurch nicht etwas vom gestalterischen Prozess verloren geht.
Designfelder:
Generative Gestaltung, Typografie, Interaction Design, Branding
Techniken/Tools/Methoden:
Webtechnologien (JavaScript/TypeScript, p5.js, Tweakpane), VS Code, KI-gestützte Programmierung mit Claude und Co.
Lernziel:
- Experimentelles Gestalten mit Code
- Anwendung von Webtechnologien zur Entwicklung eines eigenen Typografie-Tools mit UI
- Verstehen, was eine Schriftart im Computer technisch ausmacht, und wie man sie manipulieren kann
- Vorteile generativer Gestaltung verstehen
Lehrsprache:
Das Projekt wird auf deutsch und bei Bedarf auf englisch angeboten. |
