Differences

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

--- teaching:ba:courses:design-basics:sose26:15_04_26 [2026/04/14 13:38] – Felix Hardmood Beck
+++ teaching:ba:courses:design-basics:sose26:15_04_26 [2026/04/15 07:50] (current) – [Teil 1. / seminaristischer Unterricht] Leonie Winkelmann
@@ Line 8: / Line 8: @@
 ==== Teil 1. / seminaristischer Unterricht ====
-  - Kurze Besprechung wie die Ergebnisse der letzten beiden Hausaufgaben (A1 und A2) an Leonie übergegeben werden können.
+Thema heute: Typografische Entscheidungen als Grundlage digitaler Gestaltung \\ 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. \\ \\ Leitfrage: Könnte man aus einer //Gestaltung// noch zehn weitere konsistente Varianten entwickeln, oder lebt sie nur von einem einzelnen gelungenen Moment? \\ \\
-  - Thema heute: Typografische Entscheidungen als Grundlage digitaler Gestaltung \\ 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.
-  - Beispielprojekte
-    *
-  - Besprechung der Hausaufgaben und Zwischenstände von [[minichallenges#mini-challenge_a_wie_entsteht_visuelle_ausdrucksform|Aufgabe A2]]. Aufgabe war es ein Layoutprogramm, wie bspw. Indesign, Affinity Publisher oder Scribus zu verwenden. Aufbauend auf der letzten Übung, nehmen Sie anstatt eines Buchstaben ein Schriftzeichen mit Pfeilbezug (z.B. → ← ↑ ↓ ↔ ↕ ↗ ↘ ↙ ↖). Der Pfeil soll nun in der Gesamtkomposition eine durchgehende Bewegung darstellen. Das ganze sollte manuell gesetzt werden.
-- Aufgabe zum nächsten mal: [[teaching:ba:courses:design-basics:sose26:minichallenges#mini-challenge_b_wie_entsteht_bedienbarkeit_und_interface-logik|Aufgabe B1]]
+  - Kurze Besprechung wie die Ergebnisse der letzten beiden Hausaufgaben (A1 und A2) an Leonie [[https://fh-muenster.sciebo.de/s/8yLkzcTTL5ybyYM|übergegeben]] werden können.
+  - Referenz: Layout-Buch / Beispielprojekte: RH, Video Frankfurt
+  - Besprechung der Hausaufgaben und Zwischenstände von [[minichallenges#mini-challenge_a_wie_entsteht_visuelle_ausdrucksform|Aufgabe A2]]. Aufgabe war es ein Layoutprogramm, wie bspw. Indesign, Affinity Publisher oder Scribus zu verwenden. Aufbauend auf der letzten Übung, nehmen Sie anstatt eines Buchstaben ein Schriftzeichen mit Pfeilbezug (z.B. → ← ↑ ↓ ↔ ↕ ↗ ↘ ↙ ↖). Der Pfeil soll nun in der Gesamtkomposition eine durchgehende Bewegung darstellen. Das ganze sollte manuell gesetzt werden. \\ \\ Bei der Vorstellung der Ergebnisse sollen die Studierenden ihr System beschreiben: \\ \\
+    - Was ist die Grundidee und die Zielwirkung?
+    - Was sind befolgte feste Regeln?
+    - Was sind variable Parameter?
+    - Was ist eine daraus abzuleitende Anwendungslogik? Zum Beispiel: Es gibt folgende feste Regeln: nur eine Schrift, nur Schwarz/Weiß, und bspw. immer zentrierte Grundform. Es gibt einige variable Parameter, wie beispielsweise Größe, Laufweite, Rotation, Zeilenabstand oder Dichte. \\ \\ Erkennt man diese wiederkehrende Regeln? Gibt es ein erkennbares Raster? Wiederholende Größenverhältnisse, Weißraum, Kontraste, Achsen, Bewegungslogiken oder Parameter? Erkennt man diese als feste Regeln und variable Parameter? => **Ableitung eines Regelsatzes** \\ \\ Es geht darum implizite Entscheidungen explizit zu machen. Für digitale Projekte ist das besonders hilfreich, weil daraus später Interfaces, Motion-Regeln, Screen-Layouts oder responsive Varianten abgeleitet werden können.
+  * Aufgabe zum nächsten mal: [[teaching:ba:courses:design-basics:sose26:minichallenges#mini-challenge_b_wie_entsteht_bedienbarkeit_und_interface-logik|Aufgabe B1]]
 ==== Teil 2. / Praktikum ====
-siehe [[|hier]]
+  * Wiederholung Raster / Gestaltungsraster in InDesign/Affinity/Scribus
+  * Bedeutung von Ordnungssystemen im Layout
+  * Unterschied analoges Layout / digitales Layout
+  * Printformate vs. responsive Screenformate
+  * Einführung DIN-Formate / Seitenverhältnisse
+  * Layout als Hierarchie, Struktur und Führung
+  * Weißraum, Ausrichtung, Proportionen
+  * Vorgehensweise Layoutentwicklung
+  * Handskizzen als erster Entwurfsschritt
+  * Low-, Mid-, High-Fidelity Wireframes