HfG Courses Prof. Andi Pollok

Programmiertes Entwerfen 2

Semester: Wintersemester 2018/19
Group: KG2
Program: BA Communication Design
Credits: 4SWS

Location: H 2.18
Time: Tuesdays 13:00-16:00

Course Description

Kursbeschreibung Handout

Programm

(Programmbeschreibung von Prof. Michael Götte)

Den Schwerpunkt in der Veranstaltung “Programmiertes Entwerfen II” bildet die Auseinandersetzung mit der ordnenden Beziehung zwischen Form und Farbe. Eine inhaltliche Umgebung aus chronologisch definierten Daten bildet dabei die thematische Grundlage. Diese Datensätze werden auf exemplarische Weise ohne die Zuhilfenahme alphanumerischer Zeichen in ihrem Beziehungswerk lesbar gemacht.

Das Ausgangsmaterial sind entweder allgemeine klassische kalendarische Prinzipien oder spezifisch zusammengefasste chronologische Inhalte. Diese werden visuell durch die konzeptuelle Gestaltung erfahrbar gemacht. Die zeitbasierte- und interaktive Steuerungsoption der Inhaltsstruktur schafft eine Vielzahl an erweiterten Zugangs-, Lese- und Vergleichsmöglichkeiten, die es zu untersuchen gilt. Dabei können, die Zeitdimension und Interaktionsoption immer vorausgesetzt, sowohl zweidimensionale als auch dreidimensionale Modelle die Grundlage bilden. Das formale Repertoire, d.h. die Organisation, die Form- und Farbgebungsowie das Verhalten der geometrischen Zeichen, soll bereits assoziative Bezüge zum Inhalt schaffen. Die Darstellungsmittel zur Umsetzung beschränken sich auf den Einsatz von abstrakten, geometrischen Formen und der systematischen Anwendung von Farbe. Dennoch erhebt die entwickelte chronologische Ordnung des Inhaltes den Anspruch, in allen darin enthaltenden lnformationsschichten für den Betrachter möglichst eindeutig lesbar zu sein. Für diese eindeutige Lesbarkeit ist, neben Form und Lage und deren jeweiligem Verhalten, bzw. Veränderung durch die Zeit, die systematische Anwendung von Farbe essentiell. Farbe unterstützt dabei ordnende Prinzipien wie eindeutige Bezüge, Brüche, Hierarchien, Orientierung, Assoziation, etc… . Durch die vorgegebene Auslassung alphanumerischer Zeichen erhöht sichzudem die Notwendigkeit eines planvollen sowie strukturierenden Einsatzes von Farbe. Nur über die Kenntnis der Gesetzmäßigkeiten, in Verbindung mit unserer Wahrnehmung und unserer kulturellen Prägung, können eindeutige und sichere Konzepte entstehen.

Thema

Mögliche Themen sind beispielsweise: astronomische, geografische, biologische, politsche, religiöse oder wirtschaftliche Zyklen und Phänomene wie beispielsweise:

  • Ebbe/Flut, Wetter, Klimawandel, etc.
  • Pollenflug, Agrarprodukte, Geburtenraten, etc.
  • Politische Konflikte, Wählerverhalten, politische Ländervergleiche, etc.
  • Wirtschaftswachstumsraten, Geschäftsjahresbilanzen, Produktentwicklungen, Konsumverhalten, etc.

Lehrziel

Wir beschäftigen uns mit grundlegenden Aspekten von Zeichen und Zeichenbeziehungen, der "visuellen Grammatik”: Wir entwickeln auf methodischem Wege Repertoires, um über die Beschäftigung mit Zeichenbeziehungen und dem systematischen Einsatz von Farbe in den verschiedenen Dimensionskategorien und der sich dahinter verbergenden Phänomenologie sowie Qualitätskriterien, grundlegend Kenntnisse und Wissen zu visuellen Prozessen allgemein zu erlangen. Das methodische Vorgehen spielt dabei eine wichtige Rolle. ln aufeinander bauenden Übungsschritten werden durch die Zuhilfenahme operativer Werkzeuge, nicht nur visuelle Ergebnisse erzielt, sondern auch die Mittel zum systematischen Erreichen komplexer visueller Zusammenhänge vermittelt. Es wird demnach strategisches, systematisches Arbeiten geübt und die spezifischen Eigenschaften und Möglichkeiten der verschiedenen Dimensionskategorien und der Zeit, im Sinne der Veränderbarkeit, werden anschaulich. Das Urteilsvermögen über funktions- sowie ästhetisch orientierte Qualitäten von Ordnungen wird gefestigt.

Projekt 1: Visualisierung

Ziel des Projektes ist ein Kalendarium bzw. eine Visualisierung eines chronologischen Ablaufs im Plakatformat zu gestalten. Die Darstellungsmittel zur Umsetzung beschränken sich auf den Einsatz von abstrakten (geometrischen) Formen und der (systematischen) Anwendung von Farbe. D.h. es werden keine, wie in der Regel üblich, alphanumerischen Zeichen verwendet.
Dennoch erhebt die Visualisierung den Anspruch, in allen darin enthaltenden lnformationsschichten für den unbedarften Betrachter eindeutig lesbar zu sein. Das Darstellungsmodell kann aus flächigen- aber auch aus Raum simulierenden Zeichenelementen konstruiert werden.

Das Projekt wird individuell von jede/r Student/in einzeln bearbeitet.

Entwürfe Projekt 1
Moodboards, Informationsarchitektur, analoge und digitale Skizzen

Realisation Projekt 1
Digitale Umsetzung (PDF) als Druckvorlage
Großformatiger Ausdruck (A1) auf einer Kapaplatte (Schwarz) aufgezogen

Projekt 2: Dynamische Visualisierung

Durch die Hinzunahme der Zeitdimension soll die in Projekt 1 entwickelte Visualisierung veränderbar werden. Welche Zusatzoptionen zur Verständlichkeit und Lesbarkeit ergeben sich durch das Steuern in einer dynamischen Umgebung? Hierzu werden entsprechende Abläufe durchgespielt. Ziel ist es zumindest ausschnitthaft in animierten Skizzen ein- oder mehrere Anwendungsszenarien exemplarisch durchzuspielen. Hier sollen die erlernten Methoden zur Auswahl eines Prototypingtools im Fach Programmiersprachen II genutzt und eingesetzt werden, das Tool zur Umsetzung ist jedoch nicht zwingend vorgegeben, muss jedoch webbasiert (dh. in Browser darstellbar) präsentiert werden können.

Stichworte:
Form-, Lage-, Ordnungs-, Farbänderungen, Bewegungsrichtung, Bewegungsgeschwindigkeit und -character, aktiv/passiv, Perspektive, Separation, Tiefe, Schärfe/Unschärfe, Interaktion, Akustikunterstützung, etc.

Entwürfe Projekt 2
Entwicklung zeitbasierter Modelle zum Entwurf von Projekt 1 in Form von analogen Storyboards.

Realisation Projekt 2
Exemplarische Umsetzungen der Konzepte als Website (HTML)

Projekt 3: Dokumentation des gestalterischen Prozesses von Projekt 1+2

Dokumentation Gestalterische Problemlösungen sind zwingend prozessorientiert. Daher werden in den Grundlagenprogrammen methodische Vorgehensweisen exemplarisch durchgeführt. Die Methodenvermittlung spielt in den Grundlagen, neben der Gewinnung an Zeichenrepertoires und der visuellen Phänomenologie, eine entscheidende Rolle. Über den Prozessverlauf wird eine Dokumentation angefertigt, die den Anspruch erhebt, die Sinnfälligkeit der Auseinandersetzung mit grundlegenden visuellen Prozessen für “Nichtfachleute" zu erklären sowie als Kompendium und Theoriegrundlage dieser Prozesse zu stehen. Zudem wird beim Entwickeln eines sinnvollen und qualitativen Layout der Dokumentation das gestalterische Umsetzen von Inhalten in diesem Medium geübt.

Realisation Projekt 3
Digitale Umsetzung als Website (HTML, integriert in die Umsetzung von Projekt 2)

Projekt 4: Referat zu einem der folgenden Themen:

  1. Physikalische und technische Aspekte von Farbe
  2. Physiologische Aspekte der Farbwahrnehmung beim Menschen
  3. Additive und Subtraktive Farbmischung
  4. 2- und 3- dimensionale Farbklassifikationssysteme im Vergleich
  5. Spezifisch: 3-dimensionales Klassifikationsmodell nach Runge
  6. Spezifisch: 3-dimensionales Klassifikationsmodell nach Munsell
  7. Spezifisch: 3-dimensionales Klassifikationsmodell nach Hickethier
  8. Farbkontraste
  9. Farbe in der Drucktechnik
  10. Farbe am Computer
  11. Farbpaletten
  12. Semantik von Farbe

Die Referate werden in Gruppen zu je 2 Student/innen erarbeitet und präsentiert.

Realisation Projekt 4
In Form einer Präsentation (max. 15 Minuten, Keynote/Powerpoint/Google Slides/PDF) werden Inhalte didaktisch wertvoll präsentiert und vermittelt.
Handout mit Zusammenfassung des Themas auf 1 bis 3 A4 Hochformat Seiten (PDF und ausgedruckt für alle).

References

Farbtheorie

Josef Albers, Interaction of Color, Yale University Press 1963/2013
“Farbtheorie". Grundlegung einer Didaktik des SehensVerlag DuMont Schauberg, Köln 1970

Frans Gerritsen, Farbe, Otto Maier Verlag, Ravensburg 1975

Goethes Farbenlehre, Ausgewählt und erläutert von Rupprecht Matthaei, Otto Maier Verlag, Ravensburg 1971

Die große Farbordnung Hickethier, Siegfried Rösch, Otto Maier Verlag, Ravensburg 1972

Johannes ltten, Kunst der Farbe, Studienausgabe, Otto Maier Verlag, Ravensburg 1970

James Gibson, Die Wahrnehmung der visuellen Welt, Beltz Verlag, Basel 1973

lrvin Rock, Vom visuellen Reiz zum Sehen und Erkennen, Spektrum der Wissenschaft Verlagsgesellschaft, Heidelberg 1985

J. Michael Matthaei, Grundfragen des Grafik-Design, Wahrnehmen und Gestalten, Augustus Verlag, Augsburg 1993

Harald Küppers, Die Logik der Farbe, Theoretische Grundlagen der Farbenlehre, Callwey Verlag, München 1976

Harald Küppers, Farbe, Ursprung, Systematik, Anwendung, Theoretische Grundlagen der Farbenlehre, Callwey Verlag, München 1973

Harald Küppers, Harmonielehre der Farben, Theoretische Grundlagen der Farbgestaltung, Dumont 1989

Moritz Zwimpfer, Farbe, Licht, Sehen, Empfinden, Verlag Paul Haupt, Bern, 1985

Karl Gerstner, Der Geist der Farbe, DVA, Stuttgart, 1981

DIN-Farbenkarte DIN 6164, Hrsg. Manfred Richter 1962

Moritz Zwimpfer, 2d-visuelle Wahrnehmung, Elementare Phänomene der zweidimensionalen Wahrnehmung, Niggli, 1994

John Gage, Kulturgeschichte der Farbe von der Antike bis zur Gegenwart,1994

Mattias Nyman, 4 Farben ein Bild, Springer, 1996

Jan-Peter Homann, Digitales Colormanagement, Springer 1997

Günther Kebeck, Wahrnehmung, Theorien, Methoden und Forschungsergebnisse der Wahrnehmungspsychologie, Juventa Verlag 1997

Richard L. Gregory, Auge und Gehirn, Psychologie des Sehens, Rowohlt Hamburg 2001

Rudolf Arnheim, Kunst des Sehens, Eine Psychologie des schöpferischen Auges, Walter de Gruyter, Berlin, New York 2000

Hans Gekeler, Handbuch der Farbe, Dumont 2000

Norbert Welsch, Claus Chr. Liebmann, Farben, Natur, Technik, Kunst Spektrum, Akademischer Verlag Heidelberg, Berlin 2003

Datenvisualisierung

Hartmut Bohnacker, Benedikt Groß, Julia Laub und Claudius Lazzeroni, Generative Gestaltung, Entwerfen. Programmieren. Visualisieren., Hermann Schmidt Verlag, 2009

Julius Wiedemann, Sandra Rendgen, Ursula Wulfekamp, Information Graphics, Taschen Verlag 2012

R. Klanten, N. Bourquin, S. Ehrmann, Data Flow 1+2, Visualising Information in Graphic Design, Die Gestalten Verlag 2008/2010

Edward R. Tufte, Envisioning Information, Graphics Press, 1990

Edward R. Tufte, The Visual Display of Quantitative Information, Graphics Press, 1983

Alberto Cairo, The Functional Art: An introduction to information graphics and visualization, New Riders, 2012

Daniel Rosenberg and Anthony Grafton, Cartographies of time: A history of the timeline, Princeton Architectural Press, 2010

Links