====== 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 * [[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.