KP Informationsvisualisierung (INF - B490) Workshop Layout. Mi, 16 Mai 2012 / INF E051. Dipl. Medieninf. Esther Lapcznya Dipl-arch.

Größe: px

Ab Seite anzeigen:

Download "KP Informationsvisualisierung (INF - B490) Workshop Layout. Mi, 16 Mai 2012 / INF E051. Dipl. Medieninf. Esther Lapcznya Dipl-arch."

Melanie Blau
vor 6 Jahren
Abrufe

1 KP Informationsvisualisierung (INF - B490) Workshop Layout Mi, 16 Mai 2012 / INF E051 Dipl. Medieninf. Esther Lapcznya Dipl-arch. Grit Koalick

2 Sehgewohnheiten Überraschung Horizontale Orientierung Laterale Bewegung messbar Mensch Schwerkraft Vertikale 2 / 18

3 Wahrnehmung Horizontale -Standfläche Vertikale -Erdanziehung hell } dunkel leicht } schwer Überrascht / weckt Aufmerksamkeit Bild 1 Oskar Schlemmer, Dematerialization ( ca. 1921) 3 / 18

4 Lage / GröSSe / Menge starker Größenunterschied keine Beziehung Spannung - Eigenschaften steigern sich Symmetrie / Asymmetrie Lage im Raum Leserichtung ruhige Beziehung Verschmelzen Verlust der Eigenständigkeit schwacher Größenunterschied statisch aktiv, fern schwebend dynamisch, unruhig, kommt herein dynamisch, ruhig, fliegt herraus gleichwertig gleiche Menge, versch. Größen spannungsvoller Menge u. Größe 4 / 18

5 Übung 1 1 Student 7 min Operationen Formen Teilen Verbinden Ordnung Chaos Ruhe Bewegung 5 / 18

6 Bilder im Raster Bilder müssen Register halten Oberkante Versalhöhe Unterkante Schriftlinie Feineres Bildraster für harmonischen Gesamteindruck 6 / 18

7 Bildgewicht Gewicht oben mehr Spannung Gleiche Bildgrößen = Gleichgewicht? schwere, dunkle, stark farbige Bilder vs. leichte, helle, pastellfarbige Bilder Schachbrett Doppelseite wirkt labil Auge findet keine Ruhe 7 / 18

8 Flächenverhältnisse / Weissraum Konkurierender Weißraum Konkurierende Größenverhältnisse 8 / 18

9 Flächenverhältnisse / Weissraum Weißraum: Statisch / Dynamik Lesegewohnheit: stabil / labil Umblättern / Aufmerksamkeit des nach rechts weiterlesenden Auges, wird immer wieder auf dominierendes Bild gelenkt 9 / 18

10 Wechselwirkungen Nähe } Mitte } Ferne Umkehr macht neugierig Springen verwirrt Formale Beziehung von Bildinhalten: Fläche als bildnerisches Problem, Seherfahrungen des Menschen in Gestaltung einbeziehen von oben } vorn } unten Umkehr nachvollziehbar ohne Logik / Bildsprache Bild 2 Bild-Wechselwirkung [Willberg u. Forssman 2005:290f.] 10 / 18

verfälscht wird. Das Layout soll den Bildern ihre beste Wirkung verleihen sie nicht im Raster einzwängen.

11 Bildanschnitt Darf man dem Layout zu liebe Bildformate verändern? Abbildungen von Kunstwerken, die vom Künstler auf der Fläche komponiert sind, dürfen nicht angeschnitten werden, weil sonst ihre Komposition verfälscht wird. Das Layout soll den Bildern ihre beste Wirkung verleihen sie nicht im Raster einzwängen. Anschneiden nur, wenn Randzonen unwichtig hinsichtlich Information u. Komposition (Willberg u. Forssman 2005:292) Bild 3 Rembrandt van Rijn: Der Mann mit dem Goldhelm (um 1650) [zeno.org] Bild 4 Bildanschnitt [Willberg u. Forssman 2005:292] 11 / 18

12 Das OFF Bild 5 Bildanschnitt [Willberg u. Forssman 2005:293] Bild bis Seitenrand Ausschnitt aus größerem Zusammenhang, geht jenseits der Seite weiter Bild mit Passpartout definiert präzise Grenzen des Sichtbaren 12 / 18

13 Bild 6 Bildanschnitt [Willberg u. Forssman 2005:293] Das OFF Neben- und Übereinander Wahl des Ausschnitts klärende Abstände 13 / 18

KOPFGRÖSSEN Absicht der Gestaltung? Ruhe, Unruhe, Entwicklung.

uneinheitliche Kopfaufnahmen richten sich Bildgröße nach

14 KOPFGRÖSSEN Absicht der Gestaltung? Ruhe, Unruhe, Entwicklung... Bei einheitlicher Kopfgröße Augenabstand als Vergleichsmaß uneinheitliche Kopfaufnahmen richten sich Bildgröße nach Hintergrundfläche, Kopfgröße ist zufällig (Willberg u. Forssman 2005:294)... oder Entwicklung der Kopfgrößen, wenn Reihenfolge keine Rolle spielt Bild 7 Kopfgrößen [Willberg u. Forssman 2005:294] 14 / 18

15 Bildentwicklung vs. Leserichtung lesen von oben } unten Lesen stören Bild 8 Leserichtung [Willberg u. Forssman 2005:295] 15 / 18

BILDLOGIK Bildaussage beeinflussen: Innere Erzähllogik

Sprechrichtung Einstellungen, Bewegungsabläufe Blick- u.

Bildauswahl und Bildausschnitt Veränderte Bildgrößen u.

16 BILDLOGIK Bildaussage beeinflussen: Innere Erzähllogik der Bilder durch Layout unterstützen oder konterkarieren. Dimensionen der Bildinhalte vs. Entwicklung der Geschichte Gegenläufige Bewegungs- u. Sprechrichtung Einstellungen, Bewegungsabläufe Blick- u. Sprechrichtungen Gestaltungsmittel: Bildgröße, Bildauswahl und Bildausschnitt Veränderte Bildgrößen u. Ausschnitte Vergrößerung der Abschnitte Bild 9 Bildlogik [Willberg u. Forssman 2005:296f.] 16 / 18

17 DRAMATURGIE Bild 10 Dramaturgie [Willberg u. Forssman 2005:298f.] Gleich große Bilder - Dramatik durch Dimension der Bilder bzw. Wahl der Bildausschnitte Unterschiedliche Bildgrößen u. extreme Bildausschnitte Spannungsbogen durch Umblättern 17 / 18

18 Quellen Lewandowsky, P. & Zeichegg, F., (2002): Visuelles Gestalten mit dem Computer, Rowohlt: Reinbek bei Hamburg Lupton, E. (2007): Mit Schrift denken. Princeton Architectural Press: New York. Müller-Brockmann, J. (1996):Rastersysteme für die visuelle Gestaltung. Ein Handbuch für Grafiker, Typografen und Ausstellungsgestalter, Niggli : Sulgen Willberg, H.P. & Forssman, F. (2005): Lesetypographie, : Hermann Schmidt: Mainz Bildverzeichnis Bild 1 Oskar Schlemmer, Dematerialization ( ca. 1921) [library.calvin.edu; 15 Mai 2012] Bild 2 Bild-Wechselwirkung [Willberg u. Forssman 2005:290f.] Bild 3 Rembrandt van Rijn: Der Mann mit dem Goldhelm (um 1650) [zeno.org; 15 Mai 2012] Bild 4 Bildanschnitt [Willberg u. Forssman 2005:292] Bild 5 Bildanschnitt [Willberg u. Forssman 2005:293] Bild 6 Bildanschnitt [Willberg u. Forssman 2005:293] Bild 7 Kopfgrößen [Willberg u. Forssman 2005:294]0 Bild 8 Leserichtung [Willberg u. Forssman 2005:295] Bild 9 Bildlogik [Willberg u. Forssman 2005:296f.] Bild 10 Dramaturgie [Willberg u. Forssman 2005:298f.] 18 / 18

Ähnliche Dokumente

INF B-490 KP Informationsvisualisierung Layout 23 MAI Dipl.-Ing. Arch. Grit Koalick Dipl.-Medieninf. Esther Lapczyna

INF B-490 KP Informationsvisualisierung Layout 23 MAI 2014 Dipl.-Ing. Arch. Grit Koalick Dipl.-Medieninf. Esther Lapczyna Professur Mediengestaltung Fakultät Informatik / TU Dresden Bilder im Raster Bilder