Creative Technologies Lab | dokuWiki

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

User Tools

Site Tools


teaching:ba:courses:design-basics:sose25:10_04_25

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:courses:design-basics:sose25:10_04_25 [2025/04/08 15:31] – [Heutiger Ablauf] Felix Hardmood Beckteaching:ba:courses:design-basics:sose25:10_04_25 [2025/07/06 07:34] (current) – ↷ Links adapted because of a move operation Felix Hardmood Beck
Line 9: Line 9:
  
  
 +TinkerCAD Einführung.
  
-===== Heutiger Ablauf =====+===== Heutige Inhalte =====
  
 +Erinnerung: Kommende Woche Prof. Beck auf Dienstreise. Leonie Winkelmann übernimmt.
 +
 +  - Mini-Übung: 5 Minuten unverkrampftes Zeichnen. Fertigen Sie eine Zeichnung von einer Ihrer Kommiliton*Innen an. Nutzen Sie dafür einen schwarzen Filzstift. Schauen Sie dabei nicht auf Ihr Blatt sondern nur auf Ihr Gegenüber. Zweiter Schritt: Färben Sie Ihre Zeichnung nun zwei-farbig. Nutzen Sie dafür zwei Markerstifte. \\ {{:teaching:ba:courses:design-basics:farbscheibe_foto.jpg?direct&200|Komplementärfarben}}
 +  - Buchvorstellung: //Das Magische Auge//
   - Demos Additive Farbmischung   - Demos Additive Farbmischung
-    - Digital (P5.JS Intermezzo) => [[code:p5js:additive-farbmischung|Additive Farbmischung – RGB]] / [[code:p5js:subtraktive-farbmischung|Subtraktive Farbmischung – CMY(K)]]+    - Digital (P5.JS Intermezzo) => [[extras:codikon:p5js:additive-farbmischung|Additive Farbmischung – RGB]] / [[extras:codikon:p5js:subtraktive-farbmischung|Subtraktive Farbmischung – CMY(K)]] \\ {{:teaching:ba:courses:design-basics:beispiel_farbsysteme.jpg?direct&200|}}
     - Analog mit drei Strahlern      - Analog mit drei Strahlern 
   - Vorstellung Wallwasher (Beispiel Jelling Projekt)   - Vorstellung Wallwasher (Beispiel Jelling Projekt)
 +  - //Projekt 2hoch8//  (Ein Pfeil aus 256 RGB LEDs), Felix Beck, 2008 \\ {{:teaching:ba:courses:design-basics:rgb_pfeil_01.jpg?direct&200|}} {{:teaching:ba:courses:design-basics:rgb_pfeil_02.jpg?direct&200|}} {{:teaching:ba:courses:design-basics:digitale_lochkamera_felix_beck_01.jpg?direct&100|}} {{:teaching:ba:courses:design-basics:digitale_lochkamera_felix_beck_02.jpg?direct&100|}} {{:teaching:ba:courses:design-basics:digitale_lochkamera_felix_beck_03.jpg?direct&100|}} {{:teaching:ba:courses:design-basics:digital_camera_obscura_felixbeck.png?direct&100|}}
 +  - Projekt von NYUAD Studentin //Anastassiya// über das Phänomen der [[https://de.wikipedia.org/wiki/Synästhesie|Synästhesie]], speziell die Kopplung der visuellen und akustischen Wahrnehmung bei manchen Menschen: //Synesthesia Machine//, 2016 \\ {{:teaching:ba:courses:design-basics:synesthesia_machine_anastassiya.jpg?direct&650|}}
   - Präsentation der Ergebnisse der Hausaufgaben (Austesten mit RGB Strahler)   - Präsentation der Ergebnisse der Hausaufgaben (Austesten mit RGB Strahler)
   - Eigenständiges, exploratives Lernen: Studis machen kurze Recherche zu folgenden Tools und stellen diese nach 10min vor:   - Eigenständiges, exploratives Lernen: Studis machen kurze Recherche zu folgenden Tools und stellen diese nach 10min vor:
Line 21: Line 28:
     - [[https://coolors.co/|Coolors]] (zur schnellen Ideenfindung bei gestalterischen Aufgaben, Generierung von Farbpaletten per Zufall oder gezielter Steuerung, Farbcode-Ausgabe in HEX, RGB, CMYK etc., Farbsimulationsfunktionen für Barrierefreiheit (Farbenblindheit))     - [[https://coolors.co/|Coolors]] (zur schnellen Ideenfindung bei gestalterischen Aufgaben, Generierung von Farbpaletten per Zufall oder gezielter Steuerung, Farbcode-Ausgabe in HEX, RGB, CMYK etc., Farbsimulationsfunktionen für Barrierefreiheit (Farbenblindheit))
     - [[https://paletton.com/|Paletton]] (Interaktives Farbrad mit umfassender Harmoniefunktion, Direkte Vorschau auf Webdesign-Layouts)     - [[https://paletton.com/|Paletton]] (Interaktives Farbrad mit umfassender Harmoniefunktion, Direkte Vorschau auf Webdesign-Layouts)
-    - [[https://colorlisa.com|ColorLisa]] (Verbindung von Farbtheorie mit Kunstgeschichte, Farbpaletten berühmter Kunstwerke, Analyse gestalterischer Entscheidungen in der Malerei)  - Übung: Nah-Fern Kontrast => Impuls Vortrag //Digitale Werkzeuge und Anwendungen//: [[https://www.adobe.com/de/products/illustrator.html|Adobe Illustrator]]+    - [[https://colorlisa.com|ColorLisa]] (Verbindung von Farbtheorie mit Kunstgeschichte, Farbpaletten berühmter Kunstwerke, Analyse gestalterischer Entscheidungen in der Malerei) 
 +    - Übung: Nah-Fern Kontrast => Impuls Vortrag //Digitale Werkzeuge und Anwendungen//: [[https://www.adobe.com/de/products/illustrator.html|Adobe Illustrator]]
  
  
Line 33: Line 41:
   - Erzeugen Sie durch Verändern der Wand-, Boden- und Deckenfarbe verschiedene Raumvarianten und untersuchen Sie wie diese wirken.   - Erzeugen Sie durch Verändern der Wand-, Boden- und Deckenfarbe verschiedene Raumvarianten und untersuchen Sie wie diese wirken.
   - Erstellen Sie eine Reihe bei der der Raum in einer Reihe von sehr klein bis möglichst groß wirkt. Benutzen Sie speziell die folgende Farbreihe: Rot, Orange, Gelb, Gelbgrün, Grün, Blau.   - Erstellen Sie eine Reihe bei der der Raum in einer Reihe von sehr klein bis möglichst groß wirkt. Benutzen Sie speziell die folgende Farbreihe: Rot, Orange, Gelb, Gelbgrün, Grün, Blau.
-  - Dokumentieren Sie Ihren Prozess und die Ergebnisse in Ihrem Workbook und laden diese entsprechenden Seiten in Ihren Sciebo Namensordner. In der nächsten Unterrichtseinheit werden Sie der Gruppe aus diesem PDF heraus eine Übersicht zu Ihrer Arbeit geben.+  - Dokumentieren Sie Ihren Prozess und die Ergebnisse in Ihrem Workbook.
  
 Beispiel: Beispiel:
Line 39: Line 47:
 {{:teaching:ba:courses:design-basics:wahrnehmung_farbe_im_raum.png?direct&600|}} {{:teaching:ba:courses:design-basics:wahrnehmung_farbe_im_raum.png?direct&600|}}
  
 +===== Hausaufgaben =====
 +
 +  - Film: //Helvetica// (Gary Hustwit, 2007)
 +  - [[https://mediengeschichte.dnb.de/DBSMZBN/Web/DE/Meta/UeberDieAusstellung/ueber_die_ausstellung.html|Webseite]] zur Ausstellung //Zeichen – Bücher – Netze: Von der Keilschrift zum Binärcode//((Deutsches Buch- und Schriftmuseum der Deutschen Nationalbibliothek Leipzig)) (speziell: [[https://mediengeschichte.dnb.de/DBSMZBN/Web/DE/Navigation/LauteZeichenSchriften/laute_zeichen_schriften_doorpage.html|Laute, Zeichen, Schrift]], [[https://mediengeschichte.dnb.de/DBSMZBN/Web/DE/Navigation/ZeichenSetzen/zeichen_setzen_doorpage.html|Zeichen setzen]], [[https://mediengeschichte.dnb.de/DBSMZBN/Web/DE/Navigation/SchriftGestalten/schriftgestalten_doorpage.html|Schriftgestaltung]], [[https://mediengeschichte.dnb.de/DBSMZBN/Web/DE/Navigation/AesthetikDesBuches/aesthetik_des_buches_doorpage.html|Ästhetik des Buches]])
 +  - Typografie Aufgabe (Mini-Challenge 3A)
  
  
/var/www/vhosts/ct-lab.info/wiki.ct-lab.info/data/attic/teaching/ba/courses/design-basics/sose25/10_04_25.1744126300.txt.gz · Last modified: by Felix Hardmood Beck