Differences

This shows you the differences between two versions of the page.

--- teaching:ba:create:ct102:semester-schedule:03-11-26 [2026/11/02 14:23] – created Leonie Winkelmann
+++ teaching:ba:create:ct102:semester-schedule:03-11-26 [2026/11/03 09:54] (current) – [Seminaristischer Unterricht] Felix Hardmood Beck
@@ Line 1: / Line 1: @@
-====== Praktikum: Typografie I: Schrift als System ======
+====== Grundlagen Digitale Medien ======
+Creative Technologies – Bachelor-Kurs
+Prof. Felix Beck, Leonie Winkelmann\\
+WiSe 2026-27
+-----
+====== Praktikum: Typografie I: Schrift als System ======
 ===== Aufgaben im Kurs =====
-  * Start: Video „The History of Typography“, dann Spot the Intruders in drei Varianten (je Rätsel und Auflösung ca. 1–1,5 Min)
+  * [[https://www.youtube.com/watch?v=wOgIkxAfJsk|Video: The History of Typography (Animated Short)]]
-  * Mini-Aufgabe 1: Shape Type (5 Min, Buchstabenformen nachzeichnen) und KernType (6 Min, Abstände einstellen)
+  * Spot the Intruders in drei Varianten
+  * Mini-Aufgabe 1: [[https://shape.method.ac|Shape Type]] und [[https://type.method.ac|KernType]]
   * Mini-Aufgabe 2: Ein Text, fünf Parametersets. Pro Set nur ein Parameter ändern, Wirkung benennen
   * Mini-Aufgabe 3: Sechs Schriften auf drei Achsen platzieren (Serif–Sans, verspielt–streng, Monospace–proportional)
-===== Hausaufgabe / Antestat =====
-  *
 ===== Begriffe und Richtwerte =====
@@ Line 23: / Line 27: @@
   * Maße als Richtwerte: Smartphone 390 × 844, Tablet 768 × 1024, Desktop 1440 × 900, Raster in Vielfachen von 8
   * Binaries: Roman/Kursiv, Serif/Sans, Groß/klein sind Spektren, keine Naturgesetze
+===== Hausaufgabe / Antestat =====
+Baue aus höchstens 6 Modulen pro Buchstabe drei Buchstaben, z. B. die ersten drei deines Namens. Die Module sind frei wählbar, sollten aber zu Beginn festgelegt und immer wieder verwendet werden (Beispielmodule siehe unten).
+Das Raster ist 4 × 7 Einheiten groß. Module liegen mit ihren Kanten auf den Rasterlinien.
+Schreibe zu jedem Buchstaben die Formel: welche Module wie oft (Beispiel unten).
+//Digital (z. B. Figma): 1 Einheit = 16 px, das Raster ist dann 64 × 112 px. Auf Papier: 1 Einheit = 8 mm.//
+{{:teaching:ba:create:ct102:semester-schedule:buchstabenelemente.png|}}
+{{:teaching:ba:create:ct102:semester-schedule:beispielbuchstabenraster.png|}}
 ===== Links und Quellen =====
-  * [[https://www.youtube.com/watch?v=wOgIkxAfJsk|Video: The History of Typography (Animated Short)]]
-  * [[https://shape.method.ac|Shape Type]] und [[https://type.method.ac|KernType]] (Method of Action)
   * Extra Bold (Lupton u. a.), Kapitel „Typographic binaries“
   * Dotting the P’s (Aktivitätsbuch zur Typografie), Vorlage für Spot the Intruders
   * Molecular Typography Laboratory (Kobi Franco)
-  * [[wiki.ct-lab.info:ideen-generator|Ideen-Generator (Tab Intruder-Rätsel, optional)]]
+====== Seminaristischer Unterricht ======
+Erinnerung: Einladung zum GUDialog am 4. November 2026 | UX: Flow or Fiction
+Unter dem Titel „UX: Flow or Fiction?" widmet sich der nächste GUDialog am 4. November 2026 um 17 Uhr im SpecOps (Aegidiimarkt 5, 48143 Münster) der Frage, ob KI die menschliche Kreativität beflügelt oder ersetzt. Der Abend verbindet Kunst, Philosophie und Praxis. Nach einer interaktiven Performance von Andreas Lating beleuchten Joel Ernst und Alexander Lenhart philosophische sowie berufspraktische Implikationen des technologischen Wandels, bevor eine gemeinsame Diskussion die Rolle menschlicher Gestaltung in der KI-Zukunft thematisiert. Das kostenlose Event, das mit Networking und Drinks endet, bietet Raum für alle, die sich für Kreativität, Design und die Zukunft der Arbeit interessieren.
+Der Vortrag ist Teil der interdisziplinären Reihe GUDialog des Instituts für Gesellschaft und Digitales (GUD) unserer Hochschule.
+{{:teaching:ba:create:ct102:semester-schedule:gud_ux.png?direct&200|}}
+===== Referat =====
+  - Chauvet-Höhle (Referat Christina) \\ \\ Was erzählen uns die Höhlenmalereien von Chauvet über frühe Formen visueller Kommunikation? Untersuchung von Darstellung, Bewegung, Überlagerung, Komposition und der Beziehung zwischen Bild und Raum.
+===== Besprechung der Hausaufgaben zu heute: Der Buchstabe als Form =====
+  * Welche Schrift wurde gewählt? => Berichten Sie über die Schrift…
+  * Besprechen der Ergebnisse der Gesamtkomposition.
+    * Funktioniert das Ergebnis als zusammenhängende Serie? Werden formale unterschiedliche Ansätze sichtbar?
+===== Hausaufgaben zur kommenden Woche: Easy Interface  =====
+Bauen Sie auf Ihrer Gestaltung aus Aufgabe 3A auf. Nutzen Sie den dort gewählten Buchstaben, die Schrift und die Schwarz-Weiß-Gestaltung erneut. Entwickeln Sie für Ihren bisherigen Sketch eine einfache Benutzeroberfläche, mit der Varianten Ihrer Gestaltung erzeugt werden können. Als Interface-Elemente müssen mindestens ein //Button//, ein //Slider// und ein //Toggle Switch// eingesetzt werden. Alle Interface-Elemente dürfen ebenfalls nur in Schwarz und Weiß gestaltet sein. Die Bedienelemente sollen so eingesetzt werden, dass sich im Sketch sichtbare Varianten erzeugen lassen, zum Beispiel durch Veränderung von Größe, Position, Drehung, Anschnitt oder Kontrast. Die Oberfläche soll klar lesbar, logisch angeordnet und ohne Erklärung bedienbar sein. Es soll sofort erkennbar sein, was angeklickt, verschoben oder ein- und ausgeschaltet werden kann. Für die Gestaltung der Interface-Elemente darf nicht auf vorhandene Browser- oder Standard-UI-Elemente zurückgegriffen werden. Jegliche Elemente (Button, Slider und Toggle Switch, etc.) müssen vollständig selbst gestaltet und aus einfachen geometrischen Formen in P5.JS aufgebaut werden. Ziel ist es, nicht nur Bedienlogik zu verstehen, sondern auch die visuelle und formale Gestaltung von Interfaces selbst zu entwickeln.
+Die im Sketch erzeugten Varianten sollen als Bilder exportiert werden können.  \\ \\ Zur Inspiration: \\ {{:teaching:ba:courses:design-basics:sose26:bsp_interface-sketch.png?direct&200|}} {{:teaching:ba:courses:design-basics:sose26:bsp_interface-sketch_1.png?direct&200|}} \\ \\
+Entwickelt das Interface __zunächst auf Papier__. In die DokuBox gehören Scribbles, Skizzen und Aufzeichnungen zur Anordnung und Funktion der Bedienelemente sowie unterschiedliche getestete Varianten. Dokumentiert das digitale Ergebnis mit ausgedruckten Screenshots verschiedener Zustände des Interfaces und ergänzt den Link zum p5.js-Sketch.