Differences

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

--- 12_10_21 [2021/10/11 18:29] – [Übung Layout und Raster] hardmood
+++ 12_10_21 [Unknown date] (current) – removed - external edit (Unknown date) 127.0.0.1
@@ Line 1: / Line 1: @@
-====== GL I ======
-**Grundlagen der Gestaltung 1** \\
-Ordnungssysteme: Von der gefundenen Struktur zum Raster
-  Goldener Schnitt
-  Komposition
-  Layout/Raster
-  Papier (Herstellung, Schneiden, Falten, Binden)
-  Papierformate
-Prof. Felix Beck, Anton Chertkov (Tutor) \\
-Dienstag, 12. Oktober 2021 \\
-----
-Bitte beachten: Bringen Sie zum heutigen Seminar eine __Tageszeitung__, ein __Magazin__ und ein Buch__Unterstrichener Text__ mit. Bitte beachten Sie, dass wir mit diesen arbeiten wollen und diese auf verschiedenen Seite bemalt werden – also keine Lieblingsbücher verwenden!
-===== Prelude: Housekeeping & Organisatorisches =====
-  - Überblick zum heutigen Ablauf
-  - Besprechung wichtiger Dinge? => Dutch Design Week, Talk von Frederik Gmeiner (morgen Abend 19 Uhr, Zoom link: https://fh-muenster.zoom.us/my/hardmood))
-  - Anwesenheitsliste checken
-  - Automatisierter Download von Bildern aus Twitter Stream ([[how_to_download_twitter_images|how-to]])
-    - Kurze Photoshop Demonstration zur //Goldenen Spirale//
-  - Heutiges Thema läutet den zukünftigen Einsatz des [[workbook|Workbook]] Template ein! => kurze Besprechung des Templates
-===== Referate =====
-|Der Modulor (Le Corbusier)                     |Louisa M. M.        |
-|Papierformate                                  |Paula        |
-==== Erläuterung 'Goldener Schnitt' ====
-Die //__Goldene Spirale__// kann aus dem sog. //Goldenen Schnitt// konstruiert werden. Dieser gilt in der Bildenden Kunst als Ideal für ästhetische Proportionierung. Den __Goldenen Schnitt__ kann man berechnen in dem das Verhältnis einer Gesamtfläche/Länge zum größeren Teil (//Major//), gleich dem Verhältnis des Größeren zum Kleineren (//Minor//) setzt. Das ergibt die Formel a / b = ( a + b ) / a. \\ \\ {{:teilungsverhaeltnis_goldener_schnitt_1280px.jpg?400|}} \\ \\ Die Länge a beträgt demnach ca. 61,8%, die Länge b ca. 38,2%. So entsteht eine irrationale Proportion von Breite zu Höhe im Verhältnis 1:1,618 (gerundet). ((https://www.typolexikon.de/goldener-schnitt/)) \\ Herleitung aus der Natur: Bei Pflanzen beispielsweise sorgt der  __//Goldene Winkel// (137,5°)__ dafür, das jedes Element genug Licht bekommt und nicht vom darüber liegenden verdeckt wird. ((Die Grundlagen des Gestaltens, Roberta Bergmann, Haupt Verlag, 2017))
-==== Die Fibonacci-Folge ====
-Fibonacci-Folge: 1, 2, 3, 5, 8, 13, 21, 34, 55, 89, 144, 233, 377… (Was fällt Ihnen bei dieser Reihe auf?)\\ Das Verhältnis zwei aufeinanderfolgenden Zahlen entspricht nahezu dem des //Goldenen Schnittes//. Je größer die Summe, desto genauer nähert sich das Verhältnis der aufeinanderfolgenden Zahlen der __Goldenen Zahl Phi__ Φ (≠ Pi (π)) an). ((https://www.whitewall.com/de/mag/goldener-schnitt))
-==== Proportion ====
-Wenn Elemente in ein Verhältnis zueinander gesetzt werden spricht man von //Proportionen// (lat. proportio = das Ebenmaß / //pro//=im Verhältnis zu & //portio//=Portion).
-Beispiele aus Buch 'The Golden Ratio' ((The Golden Ratio, The Divine Beauty of Mathematics, Gary B. Meisner, New York, 2018))):
-  * Bildaufbau und Ausschnitt in Fotografie (z.B. [[https://www.angeldecuir.com.mx/wp-content/uploads/2017/01/composicion.jpg|1]])
-  * Überhöhung von Elementen von Charakteren in Illustration (z.B. [[https://www.goldennumber.net/wp-content/uploads/stephen-silver-character-design-golden-ratio.jpg|1]] und YouTube video: [[https://www.youtube.com/watch?v=PEiaGGp5ddY&t=95s|How to use the Golden Section for Character Design]]),
-  * Layouts/visuelle Erscheinungsbilder in Grafikdesign und Printgestaltung.
-  * Produktdesign: [[https://commons.wikimedia.org/wiki/File:Tischlampe_di_Carl_Jakob_Jucker_(left,_1923-24)_e_di_Wilhelm_Wagenfeld_(right,_1924).JPG|Wagenfeld Leuchte (WA24)]] => //Form folgt Funktion//, Material, Proportion, Aufladung,…
-==== DIN Formate ====
-DIN Formate weichen vom goldeneren Schnitt ab: Das Seitenverhältnis der DIN-Format-Reihe A beträgt 1∶√2 (±5:7). Das heißt das Verhältnis der Breite zur Höhe entspricht 1:1,414 (gerundet) oder etwa 5:7.=> Faltet man ein solches Papier erzeugt man darüber das nächst kleinere Format. (Frage: Welche Vorteile hat dieses Format?) \\ \\ {{:papierformatea0bisa8.jpg?nolink&400|}} {{:dina_papierformate.png?nolink&224|}} \\ //Modell der Papierformate A0 bis A8 in originaler Größe im Science-Museum, Barcelona, Bildquelle: [[https://commons.wikimedia.org/wiki/File:PapierformateA0bisA8.jpg|Wikipedia]]//  \\ \\
-    - DIN A0: Landkarten, technische Zeichnungen, Aushänge
-    - DIN A1: Flipcharts, Kalender, Schreibtischunterlagen, Plakate
-    - DIN A2: Plakate, Aushänge, Zeitungen, Flipcharts
-    - DIN A3: Zeitungen, Plakate, Kalender, Zeichenblock
-    - DIN A4: Brief- und Druckerpapier, Schulhefte, Schreibblöcke, Magazine
-    - DIN A5: Schreibblöcke, Schulhefte, Karteikarten, Flyer, Bücher
-    - DIN A6: Postkarten, Karteikarten
-    - DIN A7 und kleiner: Notizblöcke, Karteikarten
-<WRAP center round box 50%> Pause 15 min</WRAP>
-===== Besprechung der Ergebnisse der Hausaufgaben =====
-Die erstellten 7 Blatt Abbildungen der [[blattstrukturen|Blatt-Struktur Übung]] werden als Originale an der Wand montiert, bzw. mit dem Projektor projiziert und die Ergebnisse in der Gruppe besprochen. Was sind die Gründe für die jeweiligen Layoutlösungen? Erläutern Sie!
-===== Übung Layout und Raster =====
-**Herunterbrechen von komplexen Systemen auf das Wesentliche**
-{{ :layout_uebung_bsp_02_victoria.jpg?nolink&400|}}Diese Übung dient dazu zu verstehen, daß verschiedene Druckerzeugnisse bestimmten übergeordneten Systemen (Raster) folgen. Untersuchen Sie eine Tageszeitung, ein Magazin und ein Buch nach dem jeweils verwendeten Raster:
-  - Bereiten Sie Ihren Arbeitsplatz vor, um an diesem großflächig mit Wasserfarben arbeiten zu können.
-  - Nehmen Sie eine Tageszeitung und wählen Sie eine beliebige Seite. Nehmen Sie ein langes Lineal und zeichnen Sie mit einem dicken Rotstift Linien ein von denen Sie denken, dass diese Teil eines Gestaltungsrasters sein könnten. Zeichnen Sie lieber mehr als zu wenig dieser Linien ein. Untersuchen Sie die Begrenzungen von Elementen zueinander und das Verhältnis der Ränder von Textblöcken etwa zur Blattseite. Versuchen Sie einen Überblick darüber zu bekommen wo Textspalten verlaufen. Welche weiteren Elemente gibt es? (Footer, Header, Seitenangabe, etc.)
-  - Übermalen Sie nun die Inhalte auf der aufgeschlagenen Seite mit Wasserfarben. Malen Sie Dunkelgraue Blöcke an die Stellen an denen Überschriften stehen und benutzen Sie hellgraue Blöcke für Textblöcke und Bilder.
-  - Wiederholen Sie diese Schritte mit einem Magazin und einem Buch.
-  - Was fällt Ihnen auf? Welche Sachverhalte können recht einfach übertragen werden auf beispielsweise nachfolgende Seiten. Was sind die Unterschiede zwischen den einzelnen Formaten? Welche Anpassungen müßten für Formatadaptionen gemacht werden? Teilen Sie Ihre Ergebnisse mit der Gruppe.
-Beispiele Zeitung:\\
-{{:layout_uebung_bsp_vincent_01.jpg?nolink&200|}} {{:layout_uebung_bsp_zeitung_johanna.jpg?nolink&200|}} \\ \\
-Beispiele Magazin:\\
-{{:layout_uebung_bsp_vincent_02.jpg?nolink&200|}} {{:layout_uebung_bsp_vincent_03.jpg?nolink&200|}}
-Beispiel Buch:\\
-{{:layout_uebung_bsp_vincent_04.jpg?nolink&200|}}
-===== Hausaufgaben für die nächste Sitzung (bis 19.10.) =====
-  - Aufarbeiten aller bisherigen Übungen. Ziel ist eine bessere dokumentarische Darstellung im Workbook.
-  - Integration der Darstellungen von Prozess und Ergebnissen in das Workbook Template.
-  - [[photoshopuebungen_zu_kachelbarem_muster|Photoshopübung: Kachelbare Blattstruktur/Generierung eines Musters]]
-  - Lesen Sie folgende Literatur (siehe Sciebo):
-    - Zusammenstellung //Kleines Typografie-Lexikon///Zeichentheorie
-    - Produktprozesse ((Produktprozesse, Entwicklung und Rechtsgeschichten bekannter Deutscher Marken, Sabine Zentek, avedition, Ludwigsburg, 1999))
-    - Corporate Identity ((Corporate Identity, Dieter Herbst, Cornelsen Verlag, Berlin, 1999))