Creative Technologies Lab | dokuWiki

Repository of academic adventures, experimental technology, accidental brilliance, and collaborative nerdery.

User Tools

Site Tools


teaching:ba:create:ct102:semester-schedule:06-10-26

Differences

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

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision
Previous revision
teaching:ba:create:ct102:semester-schedule:06-10-26 [2026/10/05 11:01] – Felix Hardmood Beckteaching:ba:create:ct102:semester-schedule:06-10-26 [2026/10/06 06:11] (current) – Felix Hardmood Beck
Line 6: Line 6:
 WiSe 2026-27 WiSe 2026-27
  
 +-----
 +====== Prelude ======
  
-===== Praktikum =====+  * Abstimmung zu Startzeiten (In den Kursen CT 101+102eine Stunde später anfangen und dafür eine Stunde länger machen?) 
 +  * Orga für Freitag in zwei Wochen: Wie wollen wir den Zoom-Termin organisieren? 
 + 
 + 
 +====== Praktikum ======
  
   * Anwesenheitsliste   * Anwesenheitsliste
Line 37: Line 43:
   * [[extras:wissikon:presenting:praesentationstipps|Präsentationstipps]]   * [[extras:wissikon:presenting:praesentationstipps|Präsentationstipps]]
   * [[https://fh-muenster.sciebo.de/s/HP63MpLXBsZ5EX9|Link zu den Präsentationen]]   * [[https://fh-muenster.sciebo.de/s/HP63MpLXBsZ5EX9|Link zu den Präsentationen]]
 +
 +-----
 +
  
 ====== Seminaristischer Unterricht ====== ====== Seminaristischer Unterricht ======
 +
 +  - Feedback Praktikum => irgendwelche Unklarheiten?
 +  - Besprechung der Mini-Challenge 01
 +    - Wer war Piet Mondrian?
 +      - Piet Mondrian (1872–1944) war ein niederländischer Maler und einer der wichtigsten Vertreter der abstrakten Kunst des 20. Jahrhunderts.
 +      - Zunächst arbeitete Mondrian noch gegenständlich, etwa mit Landschaften und Bäumen. Seine Arbeiten wurden im Laufe der Zeit zunehmend abstrahiert und auf grundlegende visuelle Elemente reduziert.
 +      - Ab 1917 war Mondrian eng mit der niederländischen [[extras:wissikon:to_sort:de-stijl|Künstlergruppe De Stijl]] verbunden. Gemeinsam mit [[extras:wissikon:to_sort:theo-van-doesburg|Theo van Doesburg]] entwickelte er Ideen einer radikal reduzierten, universellen Bildsprache.
 +      - Sein künstlerischer Ansatz wird häufig als [[extras:wissikon:to_sort:neoplastizismus|Neoplastizismus]] bezeichnet: Gestaltung sollte auf elementare Formen, Farben und Beziehungen reduziert werden. Zentrales Gestaltungselement sind horizontale und vertikale Linien. Diagonalen und geschwungene Linien werden weitgehend vermieden. Die Linien bilden ein orthogonales Raster, durch das unterschiedlich große rechteckige Flächen entstehen. Die Rechtecke sind bewusst unterschiedlich proportioniert. Einige sind sehr groß, andere klein oder schmal. Dadurch entsteht trotz der einfachen Grundstruktur eine hohe visuelle Spannung. Die Kompositionen sind meist asymmetrisch. Es geht nicht um Spiegelung oder klassische Symmetrie, sondern um ein dynamisches Gleichgewicht unterschiedlich großer Flächen. Dabei arbeitet er mit einer extrem reduzierten Farbpalette: Rot, Gelb, Blau, Schwarz, Weiß (Rot, Gelb und Blau werden dabei als Primärfarben eingesetzt. Schwarz erscheint vor allem in den Linien beziehungsweise Flächenbegrenzungen, Weiß bildet große neutrale Flächen.) Nicht jedes entstandene Rechteck wird farbig ausgefüllt. Gerade das Verhältnis zwischen farbigen und weißen Flächen ist entscheidend für die jeweilige Komposition. Die Farben werden meist als klar abgegrenzte, homogene Farbflächen eingesetzt. Farbverläufe, Schatten oder räumliche Illusionen spielen praktisch keine Rolle. Entscheidend ist daher weniger das einzelne Rechteck als das Verhältnis aller Elemente zueinander: Größe, Position, Farbe, Abstand und Linienbreite erzeugen gemeinsam die Komposition.
 +    - Aufgabe war es in P5.Js eigene Varianten zu bauen und mit diesen durch Einstellung verschiedener Parameter zu experimentieren.
 +      * Größe und Verhältnis der Flächen
 +      * horizontaler und vertikaler Gliederung
 +      * Position und Abstand
 +      * Verteilung der Farben
 +      * Positiv- und Negativraum
 +      * visuellem Gewicht
 +      * Balance und Spannung
 +    - Arbeiten aus der DokuBox werden an die Pinnwand montiert und vorgestellt
 +
 +  * Referenzprojekt:
 +    * MIT Media Lab – Algorithmic Identity, TheGreenEyl + E Roon Kang, 2011 => https://www.thegreeneyl.com/mit-media-lab
 +
 +===== Fazit =====
 +
 +Spannend an den Arbeiten von Piet Mondrian ist vor allem, wie aus sehr wenigen Regeln ein komplexes Gestaltungssystem entstehen kann. Die gestalterischen Mittel sind stark reduziert: Rechtecke, horizontale und vertikale Linien sowie wenige Farben. Gerade diese Beschränkung macht sichtbar, wie wichtig jede einzelne Entscheidung wird.
 +
 +Aus der Aufgabe lassen sich deshalb einige grundlegende Prinzipien ableiten: Reduktion, klare Regelsysteme, Variation, Proportion, Kontrast, asymmetrische Balance und Modularität. Die gleichen Bausteine können immer wieder neu kombiniert werden und erzeugen dadurch sehr unterschiedliche Kompositionen.
 +
 +Interessant ist dabei weniger das einzelne Rechteck oder die einzelne Farbe als das Verhältnis der Elemente zueinander. Größe, Position, Abstand, Farbe und Gewichtung bestimmen gemeinsam die Wirkung.
 +
 +Genau darin liegt die Verbindung zu späteren Gestaltungsansätzen: Mondrian/De Stijl kann als frühes Beispiel für systematisches und regelbasiertes Gestalten verstanden werden – ein Prinzip, das sich in Grafikdesign, Rastersystemen, Interface Design und Computational Design wiederfindet.
 +
 +
 +===== Hausaufgabe zur kommenden Woche: Mondrian in Motion ====
 +
 +Verwendet eine der Kompositionen aus Teilaufgabe A und entwickelt daraus ein dynamisches und interaktives System.
 +
 +Die bisher statische Komposition soll nun auf Eingaben reagieren. Verwendet beispielsweise:
 +
 +  * Mausposition
 +  * Mausklick
 +  * Tastatureingaben
 +
 +Durch diese Eingaben können Eigenschaften der Komposition verändert werden, beispielsweise:
 +
 +  * Position
 +  * Größe
 +  * Farbe
 +  * Flächenaufteilung
 +  * Sichtbarkeit
 +  * Bewegung
 +  * Geschwindigkeit
 +
 +Verwendet verschiedene Formen der Veränderung – auch in Kombination. Untersucht dabei, wie aus einer statischen Komposition ein System wird, dessen Erscheinungsbild nicht mehr vollständig festgelegt ist. Dokumentiert weiterhin Eure Skizzen, Scribbles und kurzen Aufzeichnungen und haltet unterschiedliche Versuche und Zwischenstände fest. Druckt Screenshots bzw. charakteristische Frames unterschiedlicher Zustände des finalen Sketches aus. Ergänzt den Link zum p5.js-Sketch.
 +
  
/var/www/vhosts/ct-lab.info/wiki.ct-lab.info/data/attic/teaching/ba/create/ct102/semester-schedule/06-10-26.1791198085.txt.gz · Last modified: by Felix Hardmood Beck