Differences

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

--- ba:design_basics:sose24:26_03_24 [2024/03/17 19:50] – Felix Hardmood Beck
+++ ba:design_basics:sose24:26_03_24 [2024/06/28 19:09] (current) – external edit 127.0.0.1
@@ Line 1: / Line 1: @@
 ====== Design Basics ======
-Praktische Grundlagen der Gestaltung mit digitalen Medien \\
+//Praktische Grundlagen der Gestaltung mit digitalen Medien \\
 Bachelor Elektrotechnik, Bachelor Informatik, Bachelor Wirtschaftsingenieurwesen Elektrotechnik \\
-Prof. Felix Hardmood Beck
+Prof. Felix Hardmood Beck//
 ----
+<WRAP center round box 100%> Start um 12 Uhr s.t. </WRAP>
+===== Prelude & Housekeeping  =====
+  * Anwesenheitsliste
+===== Hausaufgaben zu heute  =====
   * Besprechung der Ergebnisse der Hausaufgaben: Ableitung von Icon aus analoger Kombinatorik Übung
+<WRAP center round box 100%> Pause 5 min </WRAP>
-==== Übung: 10 Sterne ====
+===== Theorieteil & Übungen  =====
+  * Die Chauvet-Höhle – Älteste Funde der künstlerischen Arbeit der Menschheit
+    * Slides
+    * Einblick in Doku
+  * Otl Aicher (Olympia 1972)
+    * Zusammenfassung
+    * Raster Aufgabe
+  * Semiotik: Lehre der Zeichen
+  * Semantik: Bedeutung von Zeichen
+  * Syntax: Beziehung von Zeichen untereinander
+  * Pragmatik: Situationsabhängige zwischenmenschliche Kommunikation zwischen Sendern und Empfängern
+Beschreibungen aus Buch //Die Grundlagen des Gestaltens// ((Die Grundlagen des Gestalters, Roberta Bergmann, Haupt Verlag, Bern, 2016)):
+  * Zeichen
+  * Icon
+  * Piktogramm
+  * Symbol
+  * Signet
+===== Übung: 10 Sterne =====
 Oft ist es schwer die Begriffe //Symbol// und //Zeichen// auseinanderzuhalten. Die nachfolgende Aufgabe ist angelehnt an Adrian Frutiger //Versuch einer Synthese//((Symbole Zeichen Wanderungen, Adrian Frutiger, Verlag Niggli AG, Sulgen Zürich, 2006)) verschiedene Stern Erscheinungen darzustellen und damit die zugehörigen Kategorien zu vermitteln.
@@ Line 35: / Line 68: @@
   - **Signal**
     - Explosionsgefahr => Anweisung für Verkehr, Bedienung, etc.
+<WRAP center round box 100%> Pause 5 min </WRAP>
+===== Beispiele Generative Logos =====
+  * http://richardthe.com/medialab
+  * https://www.feld.studio/work/pigmentpol
+  * vvvv
+  * Processing
+  * P5.JS
+  * ChatGPT
+===== Mini Übung P5.JS =====
+Erstellen Sie mit Hilfe von ChatGPT einen P5.JS sketch, der Ihren Bildschirm aussehen lässt, als wenn dieser einen Hardware defekt hätte.
+{{:ba:design_basics:broken_screen_student_01.jpg?direct&150|}} {{:ba:design_basics:broken_screen_student_02.jpg?direct&150|}} {{:ba:design_basics:broken_screen_student_03.jpg?direct&150|}} {{:ba:design_basics:broken_screen_student_04.jpg?direct&150|}} {{:ba:design_basics:broken_screen_student_05.jpg?direct&150|}} {{:ba:design_basics:broken_screen_student_06.jpg?direct&150|}} {{:ba:design_basics:broken_screen_student_07.jpg?direct&150|}} {{:ba:design_basics:broken_screen_student_08.jpg?direct&150|}} {{:ba:design_basics:broken_screen_student_09.jpg?direct&150|}}
+Es folgt eine kurze Vorstellung der erstellten Sketches.
+===== Hausaufgaben bis zum nächsten Seminartreffen =====
+  - Überarbeiten und verbessern Sie gegebenenfalls Ihr Icon aus der [[ba:sose24:minichallenges#mini-challenge_1|Mini-Challenge 1A]]
+  - Steigen Sie ein in den [[https://www.youtube.com/watch?v=yPWkPOfnGsw|Coding Train]] von Daniel Shiffman((https://en.wikipedia.org/wiki/Daniel_Shiffman))
+  - [[ba:sose24:minichallenges#mini-challenge_1|Mini-Challenge 1B]] (Generatives Logo)