Differences

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

--- teaching:ba:courses:design-basics:sose25:27_03_25 [2025/03/20 09:41] – Felix Hardmood Beck
+++ teaching:ba:courses:design-basics:sose25:27_03_25 [2025/03/22 06:48] (current) – [Hausaufgaben (bis 02.10.)] Felix Hardmood Beck
@@ Line 1: / Line 1: @@
 ====== Design Basics ======
+Bachelor-Kurs
 Prof. Felix Beck, Leonie Winkelmann\\
 Donnerstag, 27. März 2025\\
+Sommersemester 2025
+<WRAP center round box 50%> evtl. zwischendurch eine kurze Pause ±10 min? </WRAP>
 ===== Übersicht zum heutigen Ablauf =====
-  - Vorstellung des Formates //Impulsvortrag//.
-    * mal kürzer, mal länger
+  - Vorstellung Prof. Beck
-    * Mögliche Inhalte:
+    * Portfolio
-      * z.B. Einführung in gängige Software (Adobe Creative Cloud, Figma, Affinity Suite)
+    * OpenCalendar/Sprechstunde
-      * Grundlagen der Bildbearbeitung (Photoshop oder GIMP)
+  - Vorstellung Leonie Winkelmann
-      * Vektorgrafiken und Logo-Gestaltung (Illustrator oder Inkscape)
+  - Vorstellung Creative Technologies Lab?
-      * Layout- und Editorial-Design (InDesign, Figma)
+    * dokuWiki
-      * Grundlagen der Animation und Motion Design (z.B. After Effects)
+    * Regeln im Lab (Arbeitsplätze, Materialien, etc.)
-    * Sammlung: Welche Software Tools interessieren Euch?
+    * Disclaimer: Fotos & Videos => Leonie
-    * heutiger Impulsvortrag: Vorstellung von [[https://p5js.org/about/|P5.JS]]
+  - Überblick zum Kurs
+    * Welche Erwartung haben die Studis? => Sammlung von Stichpunkten
+    * Aufbau Kursstruktur (Zweiteilung Minichallenges und Kurzzeit-Projekt)
+    * Ablauf Semestertermine
+    * [[teaching:ba:courses:design-basics:design-basics#benotungsschema|Benotungsschema]]
+    * [[teaching:ba:courses:design-basics:dokumentationsbox|Dokubox]]
+    * Beispiele aus vorherigen Semestern
+      * https://digital.msd-basics.info
+      * Sandstein Museums Projekt (http://sandstein.ct-lab.info)
+      * mp.Drei-Projekt (http://mpdrei.ct-lab.info)
+    * Mattermost Kanäle !?!
+    * Vorstellung des Formates //Impulsvortrag//.
+      * mal kürzer, mal länger
+      * mögliche Inhalte:
+        * z.B. Einführung in gängige Software (Adobe Creative Cloud, Figma, Affinity Suite)
+        * Grundlagen der Bildbearbeitung (Photoshop oder GIMP)
+        * Vektorgrafiken und Logo-Gestaltung (Illustrator oder Inkscape)
+        * Layout- und Editorial-Design (InDesign, Figma)
+        * Grundlagen der Animation und Motion Design (z.B. After Effects)
+      * Sammlung: Welche Tools, Skills Hardware/Software interessieren Euch?
+      * heutiger Impulsvortrag: Vorstellung von [[https://p5js.org/about/|P5.JS]]
+  - Vorstellung der Begrifflichkeit: [[about:autoativity-reactivity-interactivity|Autoaktive Medien, Reaktive Medien, Interaktive Medien]]
+  - Vorstellung der [[about:media-formats|Mediendesign-Formate]]
+  - Einordnung der Begrifflichkeit von [[teaching:ba:courses:mediadesign-project:wise24-25:user-experience-design|User Experience Design]] (UX), [[teaching:ba:courses:mediadesign-project:wise24-25:user-interface-design|User Interface Design]] (UI) und [[teaching:ba:courses:mediadesign-project:wise24-25:interaction-design|Interaction Design]] (XD)
+===== Hausaufgaben (bis 02.10.) =====
+Die Hausaufgaben der Mini-Challenges werden auch [[teaching:ba:courses:design-basics:sose25:minichallenges|hier]] gelistet.
+  - Lesen Sie sich die [[about:gestalt-rules|Übersicht zu den Gestaltgesetzen]] durch.
+  - Ihre Aufgabe ist es nun __zwei__ [[https://editor.p5js.org|P5.JS]] Sketche zu coden, die jeweils eines der Gesetze bestmöglich in Form von einem Bild oder einer animierten Sequenz visualisieren. \\ {{:teaching:ba:courses:design-basics:moving_circles.gif?direct&200|}}
+  - Starten Sie mit der Erstellung des ersten Blattes für Ihre Doku-Box. Wie kann das aussehen? Machen Sie screenshots ihrer Arbeiten. Reicht ein Screenshot, um eine Animation zu zeigen? Was fällt Ihnen als Lösung ein? Fragen Sie jemanden ein Foto von Ihnen bei der Arbeit zu machen (//Over-the-shoulder-shot// mit dem Computer-Bildschirm im Hintergrund auf dem ihre Arbeit zu sehen ist). Achten Sie auf gute Belichtung und einen passenden Bildausschnitt.
+  - Die Ergebnisse werden beim nächsten mal der gesamten Gruppe vorgestellt (inkl Doku-Box) und gemeinsam besprochen. Die fertigen Code-snippets werden per email an Prof. Beck geschickt.