Illustration in Infografiken bezeichnet den Einsatz zeichnerischer und gestalterischer Elemente – Icons, Szenenillustrationen, Diagramme und Karten – um Daten, Fakten und Zusammenhänge visuell zugänglich zu machen.
Rubrik: Grafik & Kommunikationsdesign · Unterrubrik: Illustration & Digital Art · Niveau: Fortgeschritten Synonyme / Auch bekannt als: Editorial Datengrafik, Infographic Illustration, Visual Journalism
Was ist Illustration in Infografiken?
Infografiken existieren an der Schnittstelle zwischen Datenvisualisierung, Journalismus und Illustration. Die reine Datenvisualisierung (Balkendiagramm, Liniendiagramm) ist technisch – sie übersetzt Zahlen in visuelle Formen. Die illustrierte Infografik geht weiter: Sie erzählt eine Geschichte mit diesen Daten, schafft einen ästhetischen Kontext und macht abstrakte Informationen durch Bilder greifbar.
Ein Klimawandel-Artikel wird verständlicher durch eine illustrierte Grafik, die Temperaturen als Hitzebilder einer Erde zeigt. Zahlen über Migration werden zugänglicher durch Karten mit illustrierten Flussbewegungen. Illustration in der Infografik ist kein Selbstzweck – sie dient der Verständlichkeit.
Erklärung
Elemente der illustrierten Infografik
Icons und Piktogramme: Die kleinste Einheit der Infografik-Illustration. Icons repräsentieren Kategorien, Objekte oder Konzepte in einfachster Form. Konsistente Icon-Sets (gleiche Strichstärke, gleiche Stilsprache) sind Grundvoraussetzung für lesbare Infografiken. Zum Piktogramm im Detail: Illustration Grundlagen – digitale und klassische Illustration.
Szenen-Illustrationen: Kleine Zeichnungen, die eine Situation visualisieren – ein Arzt bei einer Untersuchung, eine Fabrikhalle, ein Stadtbild. In isometrischer Darstellung besonders beliebt: Isometrische Illustrationen.
Erklär-Illustrationen: Grafiken, die einen Prozess oder Mechanismus zeigen (wie funktioniert ein Impfstoff? wie läuft eine Wahl ab?). Oft mit Pfeilen, Beschriftungen und sequenziellem Aufbau.
Karten: Geographische Karten mit illustrierten Elementen (Symbole, farbige Flächen, Bestandsaufnahmen). Die Kombination aus kartographischer Genauigkeit und illustrativer Gestaltung ist eine eigene Disziplin.
Daten-Icons (Isotype): Der Begriff geht auf Otto Neurath zurück (1920er Jahre): Statt eines Balkendiagramms werden Piktogramm-Reihen gezeigt – jedes Symbol steht für 10 Einheiten (z.B. 10 Menschen = 10 Personen-Icons). Isotype steht für „International System of Typographic Picture Education".
Gestaltungsprinzipien
Hierarchie durch Größe und Farbe: Das Wichtigste ist am größten, am hellsten oder am farbig auffälligsten. Daten-Vergleiche werden durch proportionale Größen kommuniziert.
Konsistenz: Alle illustrativen Elemente in einer Infografik müssen einem einheitlichen Stil folgen – keine Mischung aus detailreichen Zeichnungen und einfachen Flatsymolen in einem Bild.
Lesbarkeit über Ästhetik: Eine schöne Infografik, die falsch oder schwer lesbar ist, verfehlt ihr Ziel. Kontraste, Schriftgrößen und Abstände müssen zugänglich sein.
Reduktion: Nicht alles zeigen – nur das Wesentliche. Information, die eine Illustration nicht verbessert, bleibt als Text.
Stilrichtungen
Editorial Illustrated Infographic: Aufwändig illustrierter Stil für Printmagazine – komplexe Szenen mit Tiefen-Illustrationen, Charakteren, architektonischen Details. Beispiel: National Geographic Cutaways.
Flat Icon-basierte Infografik: Statistiken illustriert mit konsistenten Icon-Sets in Flat-Design-Illustrationen. Schnell produzierbar, skalierbar, weit verbreitet in Reports und Präsentationen.
Interaktive Online-Infografik: SVG-basierte Web-Infografiken mit Animationen und Hover-Effekten. Kombination aus Datenvisualisierung (D3.js) und Illustration.
Tools und Workflow
Für Icon-basierte Infografiken: Adobe Illustrator (Vektorillustration) – Standard. Affinity Designer als günstigere Alternative. Datawrapper, Flourish für datengebundene Grafiken.
Für komplexe Illustrationen: Photoshop für fotorealistische Effekte, kombiniert mit Illustrator-Vektoren.
Für Präsentationen: Canva, PowerPoint mit eigenen Illustrationen; Piktochart, Venngage als Infografik-Plattformen.
Beispiele
- The New York Times Graphics Desk: International führend für interaktive und illustrierte Infografiken
- National Geographic Maps and Graphics: Aufwändig illustrierte Geografik und Naturwissenschaftsgrafiken
- Die Zeit Infografiken: Deutsche Referenz für gut gestaltete Editorial-Infografiken
- Our World in Data: Datengetriebene, einfach gestaltete Infografiken zu globalen Themen
In der Praxis
Für Illustratoren ist die Infografik-Illustration ein lukratives Spezialisierungsfeld. Anforderungen:
- Solide Daten-Literacy: Zahlen verstehen und korrekt übersetzen
- Technikkenntnisse in Vektor-Software
- Verständnis für Typografie und Layout
- Fähigkeit, komplexe Sachverhalte zu vereinfachen
Auftraggeber: Zeitungen und Magazine, NGOs und Think Tanks, Unternehmensberichte (Annual Reports), Bildungsverlage.
Vergleich & Abgrenzung
| Kriterium | Illustrierte Infografik | Reine Datengrafik | Editorial Illustration |
|---|---|---|---|
| Datenanteil | Hoch | Sehr hoch | Gering |
| Illustrationsanteil | Mittel bis hoch | Gering | Sehr hoch |
| Tools | Illustrator + Datawrapper | D3.js, R, Tableau | Photoshop, Procreate |
| Kontext | Print, Web, Präsentation | Web, Wissenschaft | Presse, Magazine |
Für Vektortechnik: Vektorillustration. Für Stiloptionen: Flat-Design-Illustrationen, Isometrische Illustrationen.
Häufige Fragen (FAQ)
Was ist der Unterschied zwischen Infografik und Datenvisualisierung? Datenvisualisierung ist ein Teilbereich der Infografik, der sich auf die direkte Abbildung von Datensätzen konzentriert (Charts, Grafiken). Infografiken können auch ohne Quantitative Daten erklärende Inhalte visualisieren.
Braucht man Programmierkenntnisse für Infografik-Illustration? Nicht unbedingt. Viele hervorragende Infografiken werden vollständig in Illustrator erstellt. Für interaktive Web-Infografiken ist HTML/SVG/JavaScript ein Vorteil.
Was verdienen Infografik-Illustratoren? Tageszeitung: 200–600 € pro Grafik. Internationales Magazin: 500–2.000 €. NGO/Corporate Reports: Projekthonorare 1.000–5.000 € für komplexe Infografik-Pakete.
Verwandte Einträge
- Illustration Grundlagen – digitale und klassische Illustration
- Flat-Design-Illustrationen
- Isometrische Illustrationen
- Vektorillustration
- Editorial Illustration
Weiterführend
- Cairo, Alberto (2013): The Functional Art: An Introduction to Information Graphics and Visualization. New Riders.
- Lupton, Ellen (2010): Thinking with Type. Princeton Architectural Press.
- Tufte, Edward (2001): The Visual Display of Quantitative Information. 2. Aufl. Graphics Press.
- The New York Times Graphics Twitter: @nytgraphics
- Datawrapper – Tool für einfache Datengrafiken: datawrapper.de
