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:24] – Leonie Winkelmann
+++ teaching:ba:create:ct102:semester-schedule:03-11-26 [2026/11/02 15:24] (current) – 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 =====
@@ Line 31: / Line 37: @@
   * Molecular Typography Laboratory (Kobi Franco)
   * [[wiki.ct-lab.info:ideen-generator|Ideen-Generator (Tab Intruder-Rätsel, optional)]]
+====== Seminaristischer Unterricht ======
+===== 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.