Design Basics

Bachelor-Kurs Prof. Felix Beck, Leonie Winkelmann
Donnerstag, 27. März 2025
Sommersemester 2025

evtl. zwischendurch eine kurze Pause ±10 min?

Übersicht zum heutigen Ablauf

Vorstellung Prof. Beck
- Portfolio
- OpenCalendar/Sprechstunde
Vorstellung Leonie Winkelmann
Vorstellung Creative Technologies Lab?
- dokuWiki
- Regeln im Lab (Arbeitsplätze, Materialien, etc.)
- Disclaimer: Fotos & Videos ⇒ Leonie
Überblick zum Kurs
- Welche Erwartung haben die Studis? ⇒ Sammlung von Stichpunkten
- Aufbau Kursstruktur (Zweiteilung Minichallenges und Kurzzeit-Projekt)
- Ablauf Semestertermine
- Benotungsschema
- 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 P5.JS
Vorstellung der Begrifflichkeit: Autoaktive Medien, Reaktive Medien, Interaktive Medien
Vorstellung der Mediendesign-Formate
Einordnung der Begrifflichkeit von User Experience Design (UX), User Interface Design (UI) und Interaction Design (XD)

Die Hausaufgaben der Mini-Challenges werden auch hier gelistet.

Lesen Sie sich die Übersicht zu den Gestaltgesetzen durch.
Ihre Aufgabe ist es nun zwei P5.JS Sketche zu coden, die jeweils eines der Gesetze bestmöglich in Form von einem Bild oder einer animierten Sequenz visualisieren.
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.