Dipl.-Ing. Grit Koalick: Medienproduktion PRINT SS 2011 Infografik 8.6.11
1 / 30
1. Begriffsbestimmung: Informationsgestaltung
ist die visuelle Reprsentationen von Daten und Fakten mit dem Ziel, einer Nutzergruppe optimales Verstehen und Orientieren zu ermglichen Informationen also fr den Menschen brauchbar zu machen.** ist intensive Denkarbeit plus intelligente Visualisierung auf anspruchsvollem formalen Niveau: in jeder Phase muss die Gestaltung erklrt und begrndet werden. verlangt verstndliche Konzepte und Darstellungsformen (Diagramme, Sach- und Wissenschaftsillustrationen) und klare, przise Typografie.
Dipl.-Ing. Grit Koalick: Medienproduktion PRINT SS 2011 Infografik 8.6.11
information design / information graphics / information architecture*
1. Begriffsbestimmung: Infografik Info + Grafik erweiterter Textbegriff in der Linguistik: Infografik = komplexer Text / multimedialer Makrotext sprachliche und nicht-sprachliche Elemente in informativen Kombinationen Abbildung: Bild, z.B. Abbildung, Plan, Schnitt, Karte, Signet, Piktigramme, Diagramme u.a. Text in unterscheidlichen Formen Zahlen untergeordnete grafische Helfer wie Ankerlinien, Sprechblasen, Rahmen, Lupen u.a.
Dipl.-Ing. Grit Koalick: Medienproduktion PRINT SS 2011 Infografik 8.6.11
Qualitt/Quantitt: dezente Farbskala, reine Farben fokussieren die Aufmerksamkeit
Dipl.-Ing. Grit Koalick: Medienproduktion PRINT SS 2011 Infografik 8.6.11
24 / 30
GK
3. Formale Gestaltung: funktionale Typografie = Schriftbild als Informationsquelle
Dipl.-Ing. Grit Koalick: Medienproduktion PRINT SS 2011 Infografik 8.6.11
25 / 30
3. Formale Gestaltung: funktionale Typografie = Schriftbild als Informationsquelle
1 Isometrische Explosionszeichnung, mastabslos
Schlafzimmer 9.40 m Schlafzimmer 9.40 m
3 Schuppen 5.50 m
Verbindung zum Garten
Abstellkammer 7.60 m
Eingang 1.10 m
Diele 5.80 m
WC 1.20 m Speisekammer 0.40 m
Wohnkche 18.00 m Zimmer 14.40 m Zugang von der Strae
Norden * Die Bezeichnung Patenthaus bezieht sich auf die Bautechnik der Auenwnde. Sie bestehen aus einem Holzstnderwerk, dass zwischalig ausgemauert ist. Der Zwischenraum ist von innen belftet und beheizbar. Der Entwurf wurde in der Gartenstadt Hellerau viermal realisiert: Es enstanden zwei Einfamilienhuser und ein Doppelhaus. Adresse: Am Schnkenberg 23 - 28, Dresden Hellerau
Grafik: Grit Koalick (8.1.2008), Quellen: Grundrisse und Schnitte In: Heinrich Tessenow: Hausbau und dergleichen, Baden-Baden 1953, S.50
Heinrich Tessenow: Patenthaus* (1911)
Differenzierung in Haupt-, Neben& Zusatzinformationen
formale Entsprechung im differenzierten Schriftsatz (Gre, Schnitt, Stand, u.s.w.)
1 1. Der Titel sagt sachlich und sprachlich richtig, einfach und allgemeinverstndlich, was sich in der Grafik zeigt. 2. Dazu ergnzt der Untertitel weitere sachdienli2 che Hinweise. Die Art der Darstellung zu benennen, erleichtert den Einstieg. 3. 3 Die bildinternen Beschriftungen benennen, quantifizieren, qualifizieren und kategorisieren. 4. 4 Das Kleingedruckte liefert zustzliche Information fr Information-Seeker. 5. Quellenangaben.Autor der Grafik: Titel (Datum). 5 In: Buchautor: Buchtitel, Verlagsort (Jahr), Seite
5 Dipl.-Ing. Grit Koalick: Medienproduktion PRINT SS 2011 Infografik 8.6.11
26 / 30
3. Formale Gestaltung: funktionale Typografie = Schriftbild als Informationsquelle
Pfeile, Ankerlinien, Sprechblasen, Textrahmen, Legenden, visuelle und numerische Verweise
Mein Credo: Text und Bild gehren so dicht wie mglich zusammen!
Dipl.-Ing. Grit Koalick: Medienproduktion PRINT SS 2011 Infografik 8.6.11
Dipl.-Ing. Grit Koalick: Medienproduktion PRINT SS 2011 Infografik 8.6.11
28 / 30
4. Ausgabe der ersten Aufgabe:
Infografik ber die SLUB Entwerfen und gestalten Sie eine Infografik ber die SLUB! Der Begriff Infografik bezeichnet (...) Suchen und finden Sie mindestens drei (dreiig) unterschiedliche, beispielhafte Infografiken und analysieren Sie deren Gestaltung. Bitte bringen Sie diese zur Konsultation mit. Finden Sie eine eigene anschauliche, einfache, przise und angemessene Bildsprache fr Ihr Thema. Beschriften Sie Ihre Grafik. Gestalten Sie Ihre Infografik bitte mit Adobe Illustrator oder einer vergleichbaren Software. Konsultation am 22.6.2011, Bitte tragen Sie sich in die Liste ein! Dipl.-Ing. Grit Koalick: Medienproduktion PRINT SS 2011 Infografik 8.6.11
Berlin New York: Walter de Gruyter 1974 Jansen, Angela und Wolfgang Scharfe (1999): Handbuch der Infografik, Berlin: Springer 1999 McCloud, Scott: Comics richtig lesen Die unsichtbare Kunst, Hamburg: Carlsen Comics 2001; weitere...; scottmccloud.com Tufte, Erward R.: Beautiful Evidence, Cheshire Connecticut U.S.A.: Graphics Press LC 2007; weitere...; www.edwardtufte.com Klanten, R., Bourquin, N., Ehmann, S., van Heerden, F., Tissot, T. (Hrsg.): Data Flow. Visualising Information in Graphic Design, Berlin: Gestalten 2008
Dipl.-Ing. Grit Koalick: Medienproduktion PRINT SS 2011 Infografik 8.6.11
