Differences

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

--- teaching:ba:courses:design-basics:sose26:semester-schedule [2026/03/22 14:32] – Felix Hardmood Beck
+++ teaching:ba:courses:design-basics:sose26:semester-schedule [2026/04/01 07:08] (current) – Leonie Winkelmann
@@ Line 5: / Line 5: @@
 ^   ^**Datum**   ^**Ort **   ^**Seminaristischer Unterricht** \\ Impuls, Kontext, Analyse, Aufgabe einführen ^**Praktikum** \\ technischer Einstieg, erste Übungen, Start der Mini-Challenges  ^**Aufgaben für den jeweiligen Tag** |
 ^01|[[teaching:ba:courses:design-basics:sose26:25_03_26|Mi., 25.03.2026]]              |Raum E-015  |Kursauftakt. Einführung in Aufbau, Ziele und Arbeitsweise des Kurses. Überblick über die vier Leitfragen |[[extras:codikon:p5js:einfuehrung_in_p5js|Einführung in p5.js]] |– |
-^02|[[teaching:ba:courses:design-basics:sose26:01_04_26|Mi., 01.04.2026]]              |Raum E-015  |<color /#99d9ea>Block A1:</color> Wie entsteht visuelle Ausdrucksform? \\ \\ Impuls zu Typografie als Form, Rhythmus, Muster und Variable. Analyse ausgewählter Beispiele aus generativer Typografie, experimenteller Schrift und digitalen Zeichen-Systemen. Einführung und gemeinsame Besprechung von [[minichallenges#mini-challenge_a_wie_entsteht_visuelle_ausdrucksform|Aufgabe A1]]: Was bedeutet es, Buchstaben nicht nur zu setzen, sondern als gestaltbares Material zu verwenden? Welche Parameter erzeugen Wiedererkennbarkeit, Variation und eine erste visuelle Sprache? |Einführung Schrift und Typografie anhand von Indesign |[[minichallenges#mini-challenge_a_wie_entsteht_visuelle_ausdrucksform|Aufgabe A1]] untersucht, wie aus Schrift, Form, Rhythmus und Variation eine visuelle Ausdrucksform entstehen kann. Im Mittelpunkt stehen Buchstaben als grafisches Material, der Umgang mit typografischen Parametern und die Entwicklung einer ersten kleinen visuellen Sprache in p5.js.|
+^02|[[teaching:ba:courses:design-basics:sose26:01_04_26|Mi., 01.04.2026]]              |Raum E-015  |<color /#99d9ea>Block A1:</color> Wie entsteht visuelle Ausdrucksform? \\ \\ Impuls zu Typografie als Form, Rhythmus, Muster und Variable. Analyse ausgewählter Beispiele aus generativer Typografie, experimenteller Schrift und digitalen Zeichen-Systemen. Einführung und gemeinsame Besprechung von [[minichallenges#mini-challenge_a_wie_entsteht_visuelle_ausdrucksform|Aufgabe A1]]: Was bedeutet es, Buchstaben nicht nur zu setzen, sondern als gestaltbares Material zu verwenden? Welche Parameter erzeugen Wiedererkennbarkeit, Variation und eine erste visuelle Sprache? |[[..:einfuehrung_schrift_und_typografie_anhand_von_indesign|Einführung Schrift und Typografie anhand von Indesign]] |[[minichallenges#mini-challenge_a_wie_entsteht_visuelle_ausdrucksform|Aufgabe A1]] untersucht, wie aus Schrift, Form, Rhythmus und Variation eine visuelle Ausdrucksform entstehen kann. Im Mittelpunkt stehen Buchstaben als grafisches Material, der Umgang mit typografischen Parametern und die Entwicklung einer ersten kleinen visuellen Sprache in p5.js.|
 ^03|<del>[[teaching:ba:courses:design-basics:sose26:08_04_26|Mi., 08.04.2026]]</del>   | heute kein Kurs wg. Osterferien  ||||
 ^04|[[teaching:ba:courses:design-basics:sose26:15_04_26|Mi., 15.04.2026]]              |Raum E-015  |<color /#99d9ea>Block A2:</color> Besprechung der Hausaufgaben und Zwischenstände zu [[minichallenges#mini-challenge_a_wie_entsteht_visuelle_ausdrucksform|Aufgabe A1]] als Überleitung zu [[minichallenges#mini-challenge_a_wie_entsteht_visuelle_ausdrucksform|Aufgabe A2]]. Fokus auf Unterschied zwischen Effekt und System, Konsistenz und Variation, Lesbarkeit und Abstraktion. Vertiefungsimpuls zur Frage, wie aus typografischen Regeln, Entscheidungen und Parametern eine tragfähige visuelle Sprache für ein digitales Projekt entsteht und wie diese in A2 gezielt weiterentwickelt werden soll. |Format & Layout in Indesign |[[minichallenges#mini-challenge_a_wie_entsteht_visuelle_ausdrucksform|Aufgabe A2]] vertieft die in A1 begonnene Arbeit zu einer konsistenteren und zugleich variablen visuellen Sprache. Im Mittelpunkt stehen der Unterschied zwischen Effekt und System, die Steuerung von Parametern sowie das Verhältnis von Lesbarkeit und Abstraktion. |
 ^05|[[teaching:ba:courses:design-basics:sose26:22_04_26|Mi., 22.04.2026]]              |Raum E-015  |<color /#99d9ea>Block B1:</color> Wie entsteht Bedienbarkeit und Interface-Logik? \\ \\ Impuls zu Interface als vermittelnder Schicht zwischen Mensch und System. Themen: Buttons, Zustände, Orientierung, Lesbarkeit, Hierarchie, Rückmeldung. Analyse einfacher Menü- und UI-Beispiele. Einführung und gemeinsame Besprechung von [[minichallenges#mini-challenge_b_wie_entsteht_bedienbarkeit_und_interface-logik|Aufgabe B1]]: Welche gestalterischen und funktionalen Entscheidungen machen eine Interaktion verständlich, erwartbar und benutzbar? |UI-Design |[[minichallenges#mini-challenge_b_wie_entsteht_bedienbarkeit_und_interface-logik|Aufgabe B1]] untersucht, wie Bedienbarkeit und Interface-Logik aus klarer visueller und funktionaler Ordnung entstehen. Im Mittelpunkt stehen anklickbare Elemente, Zustände, Rückmeldungen und die Frage, wie Orientierung und Interaktion in p5.js verständlich gestaltet werden können. |
-^06|[[teaching:ba:courses:design-basics:sose26:29_04_26|Mi., 29.04.2026]]              |Raum E-015  |<color /#99d9ea>Block B2:</color> Besprechung der UI-Zwischenstände und Rückblick auf [[minichallenges#mini-challenge_b_wie_entsteht_bedienbarkeit_und_interface-logik|Aufgabe B1]] als Grundlage für [[minichallenges#mini-challenge_b_wie_entsteht_bedienbarkeit_und_interface-logik|Aufgabe B2]]. Fokus auf Verständlichkeit, Bedienbarkeit und grafische Kohärenz. Kurzer Impuls zur Reduktion im Interface-Design: Was ist notwendig, was ist überflüssig, und wie wird aus einzelnen Bedienelementen eine nachvollziehbare Interaktionslogik? |Einführung in XD |[[minichallenges#mini-challenge_b_wie_entsteht_bedienbarkeit_und_interface-logik|Aufgabe B2]] vertieft den Aufbau eines nutzbaren Interface-Prototyps durch mehrere Zustände, Navigation und konsistente Rückmeldungen. Im Mittelpunkt stehen Verständlichkeit, Reduktion und die gestalterische Kohärenz zwischen einzelnen Bedienelementen. |
+^06|[[teaching:ba:courses:design-basics:sose26:29_04_26|Mi., 29.04.2026]]              |Raum E-015  |<color /#99d9ea>Block B2:</color> Besprechung der UI-Zwischenstände und Rückblick auf [[minichallenges#mini-challenge_b_wie_entsteht_bedienbarkeit_und_interface-logik|Aufgabe B1]] als Grundlage für [[minichallenges#mini-challenge_b_wie_entsteht_bedienbarkeit_und_interface-logik|Aufgabe B2]]. Fokus auf Verständlichkeit, Bedienbarkeit und grafische Kohärenz. Kurzer Impuls zur Reduktion im Interface-Design: Was ist notwendig, was ist überflüssig, und wie wird aus einzelnen Bedienelementen eine nachvollziehbare Interaktionslogik? |Einführung in Figma |[[minichallenges#mini-challenge_b_wie_entsteht_bedienbarkeit_und_interface-logik|Aufgabe B2]] vertieft den Aufbau eines nutzbaren Interface-Prototyps durch mehrere Zustände, Navigation und konsistente Rückmeldungen. Im Mittelpunkt stehen Verständlichkeit, Reduktion und die gestalterische Kohärenz zwischen einzelnen Bedienelementen. |
 ^07|[[teaching:ba:courses:design-basics:sose26:06_05_26|Mi., 06.05.2026]]              |Raum E-015  |<color /#99d9ea>Block C1:</color> Wie entsteht Verhalten, Dynamik oder Spiellogik? \\ \\ Impuls zu Verhalten als Kern interaktiver Systeme. Themen: Regeln, Bewegung, Reaktion, Kollision, Ziel, Schwierigkeit, Punktelogik. Analyse kleiner Game-Mechaniken und Mikrospiele. Einführung und gemeinsame Besprechung von [[minichallenges#mini-challenge_c_wie_entsteht_verhalten_dynamik_oder_spiellogik|Aufgabe C1]]: Wie wird aus grafischen Elementen ein System, das auf Eingaben reagiert, Ziele formuliert und Spielverhalten erzeugt? |Einführung Illustrator |[[minichallenges#mini-challenge_c_wie_entsteht_verhalten_dynamik_oder_spiellogik|Aufgabe C1]] untersucht, wie Verhalten, Bewegung und einfache Spiellogik in einem interaktiven System entstehen. Im Mittelpunkt stehen Regeln, Kollisionen, Reaktionen, Ziele und erste Formen der Punktevergabe. Damit erschließt die Aufgabe zentrale Grundlagen digitaler Medien, da Anwendungen nicht nur gestaltet, sondern auch in ihrem zeitlichen und systemischen Verhalten entworfen werden. |
 ^08|[[teaching:ba:courses:design-basics:sose26:13_05_26|Mi., 13.05.2026]]              |Raum E-015  |<color /#99d9ea>Block C2:</color> Besprechung der Mikrospiele und Zwischenstände zu [[minichallenges#mini-challenge_c_wie_entsteht_verhalten_dynamik_oder_spiellogik|Aufgabe C1]] als Ausgangspunkt für [[minichallenges#mini-challenge_c_wie_entsteht_verhalten_dynamik_oder_spiellogik|Aufgabe C2]]. Fokus auf Lesbarkeit der Spielidee, Verständlichkeit der Regeln, Feedback und Motivation. Kurzer Vertiefungsimpuls zu Balancing, Wiederholung und Komplexitätsreduktion: Welche Elemente braucht ein kleines Spiel wirklich, damit es nachvollziehbar und spielbar bleibt? |Einführung in TinkerCAD |[[minichallenges#mini-challenge_c_wie_entsteht_verhalten_dynamik_oder_spiellogik|Aufgabe C2]] vertieft das in C1 entwickelte Spielsystem zu einem kleinen spielbaren Prototyp mit mehreren Zuständen und klarerem Feedback. Im Mittelpunkt stehen Game Over, Neustart, steigende Schwierigkeit, Balancing und die Lesbarkeit der Spielidee. |