Martin Liebig, Institut fr Journalismus und PR

Gestaltungswerkstatt: Infografik Westflische Hochschule, Sommersemester 2012

Statistische Infografik
Ihre Aufgabe
Recherchieren Sie statistische Daten und erstellen Sie eine statistische
Infografik zum Oberthema Ernhrung/Landwirtschaft.
Illustrieren Sie diese Infografik mit einer Vektorzeichnung, die auf einem
Foto beruht (verwenden Sie keine Zeichnung als Zeichenvorlage!). Zustzlich zur Vektorzeichnung drfen nach Bedarf auch Pixel-Bilder eingebunden werden.

Die Vorgaben
Format

130 x 90 mm oder 90 x 130 mm (dpa-Standard-Format)

Schriftarten

Arial, Arial Italic, Arial Bold, Arial Black

Schriftgren

7,5 pt
9 pt
10 pt
22 pt

Weitere Vorgaben

Die Grafik ist vollstndig in Illustrator zu erstellen und darf ausschlielich

aus vektorisierten Elementen bestehen.

Abgabe
Gruppe 1

11.04.2011, 8.15 Uhr

Gruppe 2

11.04.2011, 11.45 Uhr

Ausdruck

Im Dekanats-Briefkasten

Illustrator-Datei

Hochladen unter j-pr.de (Lehrveranstaltungen)

Fotovorlage

Hochladen unter j-pr.de (Lehrveranstaltungen)

Martin Liebig, Institut fr Journalismus und PR

Gestaltungswerkstatt: Infografik Westflische Hochschule, Sommersemester 2012

Definition und Abgrenzung

Was ist eine Infografik?
Infografiken sind visuelle, gezielt und zweckgerichtet zusammengestellte Kompositionen aus
Fotos und/oder
Zeichnungen und
Text,
die gemeinsam ein geschlossenes Bild ergeben, das vorrangig informierenden Charakter hat.

Grafiken nach inhaltlicher Funktion

Kommentargrafik

Zuordnungs-/Orientierungsgrafik

Unterhaltungsgrafik

Informationsgrafik

Martin Liebig, Institut fr Journalismus und PR

Gestaltungswerkstatt: Infografik Westflische Hochschule, Sommersemester 2012

Grafiken nach Darstellungsart

Textgrafik

Ikonische Grafik

Fotografik

Themenbereiche von Infografiken (I)

Raum (Karte)

Objektanalyse/Mensch und Tier

Martin Liebig, Institut fr Journalismus und PR

Gestaltungswerkstatt: Infografik Westflische Hochschule, Sommersemester 2012

Themenbereiche von Infografiken (II)

Statistik

Raum und Statistik

Beziehungen
Objekt im Raum

Meteorologie

Martin Liebig, Institut fr Journalismus und PR

Gestaltungswerkstatt: Infografik Westflische Hochschule, Sommersemester 2012

Aufbau von Infografiken

Faustregel
Raumaufteilung Zwei Dittel informationstragende Elemente
zu einem Drittel sttzende/dekorierende Elemente.

Informationstragende Elemente

Informationssttzende Elemente

Dekorierende Elemente

Gesamtgrafik

Optische Dominanz der Daten bewahren!

Die illustrativen Elemente drfen durchaus Hingucker sein, sollten eine
Grafik aber keinesfalls dominieren.
Tipp

Wenn die Daten zu stark unterzugehen drohen, verleihen sie ihnen

dominantere Farben und schwchen Sie die Illustrationen farblich ab.

Vorsicht bei berlappung von Daten und Illustration!

Information first

Wenn sich Illustration und Daten berlappen, prfen Sie genau nach: Ist
der Grafik nach wie vor JEDE relevante Information zu entnehmen?

Martin Liebig, Institut fr Journalismus und PR

Gestaltungswerkstatt: Infografik Westflische Hochschule, Sommersemester 2012

Strategien zur Erstellung einer Infografik

Am Anfang stehen IMMER die Daten!
Starten Sie stets mit den informationstragenden Elementen, Dekoratives
und informationssttzendes kommt spter!

Arbeiten Sie von Beginn an im vorgegebenen Rahmen!

Nichts ist schlimmer als eine fertige Grafik, die Sie spter auf 50 % verkleinern mssen, damit sie in den Rahmen passt denn dann mssen Sie
die Schriftgren verdoppeln, und das ruiniert fast jede Grafik.

Heben Sie stets die Rohgrafik auf!

Nach dem Entgruppieren einer geplotteten Grafik sind die Daten nicht
mehr bearbeitbar. Daher stets Sicherungs-Version aufbewahren.

Beschriftung ganz zum Schluss

Die Beschriftung wird vor der Illustration roh fertig gestellt, ganz zum
Schluss dann final bearbeitet

Zusammenfassung: Reihenfolge
1. Rahmen mit vorgegebenen Maen aufziehen
2. Daten eingeben und plotten lassen
3. Rohgrafik in Rahmen einpassen -> Zweidrittel-Vorgabe beachten!
4. Schrift in der geplotteten Grafik nach Vorgaben anpassen
5. Wichtigste Beschriftungen anfertigen und grob einpassen
6. Illustrationsidee entwickeln und umsetzen
7. Beschriftung endgltig fertig stellen

Tipps
Rahmen
Rahmen, z.B. um Balkendiagramme, aber noch mehr in Illustrationen, sind
in aller Regel unschn und wirken unprofessionell. Kontur: Keine.

Farbige und Verlaufs-Hintergrnde

Farbiger/Verlaufs-Hintergrund kann Tiefe, Wrme, Vlle verleihen!

Grid
Ein Statistik-Grid kann muss nicht! als Gestaltungs-Element wirken!

berschrift hinterlegen
Manche Grafiken gewinnen, wenn die berschrift von einem farbigen
Balken hinterlegt wird (weie Schrift auf blauem Grund, z.B.)

Farbeinheitlichkeit
Whlen Sie mglichst ein Farbklima: synthetisch oder naturnah. So wirkt
die Grafik farblich in sich geschlossen.

Martin Liebig, Institut fr Journalismus und PR

Gestaltungswerkstatt: Infografik Westflische Hochschule, Sommersemester 2012

Beschriftung von Infografiken

Unverzichtbare Textelemente
berschrift (sachlich oder kommentierend)
sachliche Unterzeile (wenn berschrift kommentierend)
Quellenangabe
Autorenangabe (Name, Krzel und/oder Agentur)
falls erforderlich Darstellungserluterung (z.B. Angaben in Prozent)
Beschriftung dargestellter Daten kann, muss aber nicht vollstndig sein
Bei Umfragen: Anzahl der Befragten

Gngige Schriftgren
berschrift: 12 24 pt
Unterzeile: 10 12 pt
Darstellungserluterung: 10 12 pt
Datenbeschriftung: 8,5 9,5 pt
Quellen- und Autorenangabe: 7,5 9,5 pt

Achten Sie auf einheitliche Datenbeschriftung

Setzen Sie Schriftschnitte gezielt ein

Fett, kursiv mit diesen Schnittvariationen knnen Sie typografische
Vielfalt erzielen, auch wenn Sie wie in den meisten Grafiken in Sachen
Schriftart stark gebunden sind.
blich vor allem: Jahreszahlen klein und fett, Daten kursiv und normalgro.

Martin Liebig, Institut fr Journalismus und PR

Gestaltungswerkstatt: Infografik Westflische Hochschule, Sommersemester 2012

Richtwerte zum Aufbau

Im Zweifel ntzen diese Werte als Kontroll-Eckpunkte

Der goldene Schnitt

Martin Liebig, Institut fr Journalismus und PR

Gestaltungswerkstatt: Infografik Westflische Hochschule, Sommersemester 2012

Statistische Darstellungsformen (I)

Abstandsproportional (Balken)

Abstandsproportional (Sulen)

Abstandsproportional (Linien)

Flchenproportional

Martin Liebig, Institut fr Journalismus und PR

Gestaltungswerkstatt: Infografik Westflische Hochschule, Sommersemester 2012

Statistische Darstellungsformen (II)

Krperproportional

Isotype-Prinzip

Statistische und Darstellungs-Klippen (I)

Absolute und Prozent-Zahlen

Inflation und inflationsbereinigt

10

Martin Liebig, Institut fr Journalismus und PR

Gestaltungswerkstatt: Infografik Westflische Hochschule, Sommersemester 2012

Statistische und Darstellungs-Klippen (II)

pfel und Birnen

Flchenvergleiche

3-D

Korrekte Werte, aber keine Aussage

In NRW traut man sich am meisten

80
57

Nordrhein-Westfalen
Bayern

47 Baden-Wrttemberg
Niedersachsen
Hessen
Rheinland-Pfalz
Sachsen
Schleswig-Holst.
Berlin
Brandenburg
MV
Sachsen-A.
Thringen
Hamburg
SL
HB

Autorin: Nadine Schmitz

38
27
20
17
16
12
11
10
10
9
7
5
3

Quelle: Statistische mter des Bundes und der Lnder

Anzahl der Eheschlieungen im Jahr 2007 in den

einzelnen Bundeslndern in 1000

11

Martin Liebig, Institut fr Journalismus und PR

Gestaltungswerkstatt: Infografik Westflische Hochschule, Sommersemester 2012

Grafische Manipulation, grafische Redlichkeit

Weglassen von Achsen, Beschneiden von Achsen

Strecken und Stauchen von Achsen

Ausweisen von Prognosen

12

Martin Liebig, Institut fr Journalismus und PR

Gestaltungswerkstatt: Infografik Westflische Hochschule, Sommersemester 2012

Zur Orientierung: Beispielgrafiken

13