Creative Technologies – Bachelor-Kurs Prof. Felix Beck, Leonie Winkelmann
WiSe 2026-27

Ausgehend von den drei modularen Buchstaben aus der Hausaufgabe (Raster 4×7, höchstens 6 Module) lernen wir fünf Wege kennen, Schrift als Form weiterzuentwickeln. Nach jedem Impuls werden dieselben drei Buchstaben neu skizziert.

1. Hinzufügen, Weglassen, Verändern, Verbinden: Eingriffe am Raster, Grenze der Lesbarkeit
2. Material und Medium: Stich, Stempel, Pixel, Fundstücke
3. Experimentell und dynamisch: Zerfall, Überlagerung, variable Fonts, Zustände
4. Feministische Typografie: Gegensätze mischen, neue Zeichen, Frage nach den Regeln
5. Barrierefreie Typografie: Öffnungen, Binnenraum, Abstand, Unterscheidbarkeit

Danach: Weg wählen, Tools (Glyphs, FontStruct, Figma, KI im Vergleich) und erster Test.

• ein komplettes Alphabet (26 Buchstaben) mit dem gewählten Weg ausarbeiten (nach Wahl: Klein- ODER Großbuchstaben)
• Schrift benennen
• Nutzungkontext benennen

• Referat heute fällt aus ⇒ verschoben auf kommende Woche.
• Genotype von Michael Schmitz und die Arbeiten von NEOANALOG (Transcultural Listening Map, Wempe Luxury Garden).

• Basierend auf Aufgabe 3A (gewählte Schrift + Buchstabe + Schwarz-Weiß-Gestaltung) eine Bedienlogik zu entwickeln und diese zur Erzeugung von gestalterischer Varianz zu benutzen ⇒ Veränderung von Größe, Position, Drehung, Anschnitt, Kontrast
  • Integration von
    • Button,
    • Slider
    • Toggle Switch
  • Vorstellung der Skizzen und Scribbles
  • Besprechung im Kurs: Ist die Oberfläche klar lesbar? Logische Anordnung? Ohne Erklärung bedienbar?

• Verwenden Sie für diese Aufgabe P5.JS.
• Entwickeln Sie Ihre Benutzeroberfläche aus der vorherigen Aufgabe weiter zu einem kleinen Gestaltungssystem. Erweitern Sie Ihren Sketch so, dass mit dem Interface mindestens drei klar unterscheidbare Bildvarianten oder Kompositionen erzeugt und gezielt gespeichert bzw. wieder aufgerufen werden können.
• Zusätzlich zu Button, Slider und Toggle Switch sollen die Bedienelemente nun so zusammenwirken, dass nicht nur Einzelwerte verändert werden, sondern unterschiedliche visuelle Zustände entstehen, zum Beispiel ruhig, dynamisch oder verdichtet.
• Die Benutzeroberfläche soll weiterhin vollständig selbst in P5.JS gestaltet werden und ausschließlich aus einfachen geometrischen Formen bestehen. Alle Interface-Elemente bleiben auf Schwarz und Weiß beschränkt.
• Ziel ist es, ein konsistentes visuelles und funktionales Interface zu entwickeln, das nicht nur einzelne Parameter verändert, sondern ein kleines System zur Steuerung gestalterischer Entscheidungen bildet.
• Die erzeugten Varianten sollen als Bilder exportiert und in einer nachvollziehbaren Serie präsentiert werden können.
• Für die Dokubox: Haltet durch Skizzen, Scribbles, Diagramme oder kurze Aufzeichnungen fest, welche Regeln und Parameter euer System bestimmen sollen. Dokumentiert anschließend unterschiedliche Parameterkombinationen und Zwischenstände. Druckt eine Auswahl charakteristischer visueller Zustände aus und notiert jeweils, welche Parameter zu diesem Ergebnis geführt haben. Ergänzt den Link zum p5.js-Sketch.