Icons und Vektorgrafik
Infografiken verbinden Text, Zahlen, Formen und Bilder zu einer visuellen Erklärung. Illustrationen übernehmen darin eine besondere Aufgabe: Sie übersetzen abstrakte Begriffe, technische Abläufe oder umfangreiche Zusammenhänge in erkennbare visuelle Einheiten. Dadurch kann das Publikum Beziehungen schneller erfassen, als es bei einer rein textlichen Beschreibung möglich wäre.
Eine gute Illustration ersetzt jedoch keine Information. Sie ordnet, erklärt und gewichtet Inhalte. Ein gezeichnetes Zahnrad kann beispielsweise für einen Prozess stehen, sagt aber noch nicht, welche Schritte in welcher Reihenfolge ablaufen. Erst die Verbindung aus Symbol, Beschriftung, Anordnung und gegebenenfalls Pfeilen erzeugt eine belastbare Aussage.
Für digitale Inhalte ist diese Unterscheidung besonders wichtig. Infografiken werden auf großen Monitoren, Smartphones, Tablets, in Präsentationen oder als Ausdruck betrachtet. Eine Gestaltung, die nur bei hoher Auflösung und großem Format funktioniert, verliert in anderen Nutzungssituationen an Verständlichkeit. Illustrationen müssen daher nicht nur ansprechend, sondern auch skalierbar, eindeutig und technisch sauber vorbereitet sein.
Die Gestaltung sollte mit einer inhaltlichen Analyse beginnen, nicht mit der Auswahl eines Illustrationsstils. Zuerst ist zu klären, welche Frage die Infografik beantworten soll. Geht es um einen zeitlichen Ablauf, einen Vergleich, eine räumliche Struktur, eine Ursache-Wirkungs-Beziehung oder die Einordnung von Zahlen? Jede dieser Aufgaben verlangt eine andere visuelle Logik.
Diese Vorbereitung verhindert, dass die Illustration zum Selbstzweck wird. Ein Symbol sollte mindestens eine Frage beantworten: Was ist das? Welche Rolle spielt es? Was geschieht damit? Oder wie unterscheidet es sich von einem anderen Element? Wenn keine dieser Fragen zutrifft, gehört das Motiv möglicherweise nicht in die Infografik.
Illustrationen in Infografiken lassen sich nach ihrer Funktion unterscheiden. Piktogramme reduzieren einen Gegenstand oder eine Handlung auf wenige charakteristische Merkmale. Sie eignen sich für Kategorien, kurze Hinweise und wiederkehrende Elemente. Detailillustrationen zeigen dagegen Aufbau, Umgebung oder Funktionsweise und benötigen meist mehr Platz.
| Illustrationstyp | Geeignet für | Worauf zu achten ist |
|---|---|---|
| Piktogramm | Kategorien, Orientierung, kurze Hinweise | Erkennbare Form, geringe Detaildichte, konsistente Proportionen |
| Schemazeichnung | Technische Strukturen und Funktionsprinzipien | Relevante Bestandteile hervorheben, unwichtige Details reduzieren |
| Sequenzillustration | Prozesse und zeitliche Abläufe | Klare Leserichtung und eindeutige Übergänge zwischen den Schritten |
| Vergleichsillustration | Unterschiede, Größenverhältnisse und Varianten | Gleiche Perspektive und vergleichbare visuelle Maßstäbe |
| Situationsillustration | Kontext, Nutzung und Auswirkungen | Handlungen und Rollen nachvollziehbar darstellen |
Besonders wirksam ist eine Kombination, wenn die Aufgaben klar getrennt bleiben. Eine große Situationsillustration kann den Kontext liefern, während kleine Piktogramme die einzelnen Aspekte kennzeichnen. Werden dagegen mehrere Bildsprachen ohne erkennbare Regel vermischt, entsteht schnell ein uneinheitlicher Eindruck.
Vereinfachung bedeutet, visuelles Rauschen zu reduzieren und relevante Merkmale zu bewahren. Bei einem technischen Bauteil können Schrauben, Materialstrukturen oder Schatten entfallen, wenn sie für die Erklärung keine Rolle spielen. Die Form, die Position wichtiger Anschlüsse und die Verbindung zu anderen Bauteilen müssen dagegen erhalten bleiben, sofern sie für die Aussage entscheidend sind.
Ein nützliches Verfahren ist die schrittweise Reduktion. Beginne mit einer realitätsnahen Darstellung und entferne nacheinander alle Elemente, die keinen Beitrag zur Kernaussage leisten. Prüfe nach jedem Schritt, ob die Bedeutung noch eindeutig bleibt. Danach werden nur jene visuellen Hinweise verstärkt, die für die Orientierung notwendig sind, etwa eine farbige Markierung, eine Kontur oder eine Nummerierung.
Vorsicht ist bei Symbolen geboten, die kulturell unterschiedlich gelesen werden können. Ein Häkchen, eine Handbewegung, eine Farbzuordnung oder die Darstellung einer Person kann je nach Zielgruppe verschiedene Bedeutungen haben. Für fachliche Inhalte ist eine kurze Beschriftung oft sinnvoller als ein vermeintlich universelles Zeichen.
Farbe kann Kategorien unterscheiden, einen Ablauf kennzeichnen oder wichtige Bereiche hervorheben. Sie sollte jedoch nicht die einzige Trägerin einer Information sein. Wenn zwei Zustände ausschließlich durch Rot und Grün unterschieden werden, können Personen mit einer Farbsehschwäche Probleme bei der Interpretation haben. Zusätzliche Formen, Muster, Symbole oder Beschriftungen erhöhen die Zugänglichkeit.
Ein begrenztes Farbsystem erleichtert die Orientierung. Eine Grundfarbe für neutrale Elemente, eine Akzentfarbe für die zentrale Aussage und gegebenenfalls weitere klar definierte Farben für Kategorien reichen häufig aus. Die Bedeutung jeder Farbe sollte innerhalb der gesamten Infografik stabil bleiben. Ein Farbwechsel ohne inhaltlichen Grund erzeugt Unsicherheit.
Kontrast betrifft nicht nur Text und Hintergrund. Auch Linien, Flächen, Symbole und angrenzende Elemente müssen voneinander unterscheidbar sein. Dünne Linien in blassen Farbtönen verschwinden bei kleiner Darstellung oder beim Ausdruck. Eine robuste Gestaltung prüft deshalb mehrere Zustände: verkleinerte Ansicht, Graustufen, dunkler Hintergrund und Druckausgabe.
Für Illustrationen in Infografiken sind Vektordateien häufig besonders geeignet. Linien, Flächen und Kurven lassen sich ohne den typischen Qualitätsverlust von Rasterbildern vergrößern oder verkleinern. Das ist hilfreich, wenn dieselbe Grafik in einer Präsentation, auf einer Webseite und als Druckdatei verwendet werden soll.
Rasterbilder können ebenfalls sinnvoll sein, etwa bei einer texturierten Illustration, einem gescannten Element oder einer fotografischen Grundlage. In diesem Fall muss die Auflösung zur geplanten Ausgabe passen. Eine zu kleine Datei wird beim Vergrößern unscharf, während eine unnötig große Datei Ladezeiten und Verarbeitung erhöhen kann. Eine allgemeingültige optimale Pixelzahl gibt es nicht, weil Format, Ausgabemedium und Betrachtungsabstand entscheidend sind.
Vor dem Export sollten Ebenen, Farbmodus, Transparenzen und Schriften geprüft werden. Text in einer editierbaren Infografik sollte möglichst als Textobjekt erhalten bleiben. Für eine finale Weitergabe kann eine Umwandlung in Pfade erforderlich sein, doch dadurch wird die nachträgliche Bearbeitung erschwert. Originaldatei und Ausgabedatei sollten getrennt gespeichert werden.
Illustrationen entfalten ihre Wirkung im Zusammenspiel mit dem Layout. Eine Infografik benötigt einen erkennbaren Einstieg, eine nachvollziehbare Leserichtung und einen Abschluss. Das kann eine vertikale Folge, ein nummerierter Prozess, eine zentrale Darstellung mit ausgehenden Zweigen oder ein Vergleich mit zwei klar getrennten Seiten sein.
Abstände sind dabei ebenso wichtig wie sichtbare Linien. Elemente, die zusammengehören, sollten näher beieinanderliegen als Elemente aus unterschiedlichen Gruppen. Gleichartige Symbole brauchen ähnliche Größen und Ausrichtungen. Pfeile sollten einen eindeutigen Anfang und ein eindeutiges Ende besitzen. Kreuzende Verbindungslinien erschweren die Zuordnung und sollten nach Möglichkeit vermieden werden.
Für kleine Bildschirme ist eine responsive Strategie notwendig. Eine sehr breite Infografik wird auf einem Smartphone oft stark verkleinert und dadurch unlesbar. Besser sind ein schmales Ausgangsformat, eine vertikale Anordnung oder eine Folge einzelner Ansichten. Wenn eine komplexe Grafik nicht sinnvoll auf engem Raum funktioniert, kann eine zusätzliche Textversion die zugängliche Alternative bilden.
Auch die Überschrift trägt zur Orientierung bei. Sie sollte die inhaltliche Frage oder den Gegenstand präzisieren, statt nur ein allgemeines Thema zu nennen. Kurze Erläuterungen direkt an der Illustration verhindern, dass das Publikum zwischen Bild und entferntem Legendentext wechseln muss.
Viele Probleme entstehen nicht durch fehlende Zeichenkenntnisse, sondern durch unklare Entscheidungen. Eine überladene Illustration enthält häufig zu viele Details, Farben und Blickpunkte. Die Korrektur besteht nicht darin, jedes Element kleiner zu machen, sondern Inhalte zu priorisieren und gegebenenfalls auf mehrere Grafiken aufzuteilen.
Ein weiterer Fehler ist die uneinheitliche Bildsprache. Unterschiedliche Strichstärken, Perspektiven oder Schattierungen lassen eine Infografik aus Einzelteilen zusammengesetzt wirken. Ein kurzer Stil-Leitfaden schafft Abhilfe. Er kann Linienbreite, Ecken, Farben, Perspektive, Schatten, Symbolgröße und den Umgang mit Beschriftungen festlegen.
Auch rein dekorative Motive können die Aussage schwächen. Eine Illustration sollte nicht nur eine freie Fläche füllen, wenn sie dadurch die Aufmerksamkeit von Daten oder Handlungsanweisungen abzieht. Bei Zahlen ist außerdem darauf zu achten, dass die bildliche Größe nicht im Widerspruch zur tatsächlichen Größenordnung steht. Wer Mengen durch unterschiedlich große Flächen darstellt, braucht eine nachvollziehbare visuelle Skala.
Eine Infografik sollte fachlich, visuell und technisch geprüft werden. Die fachliche Prüfung klärt, ob die dargestellten Aussagen korrekt, vollständig genug und nicht missverständlich sind. Die visuelle Prüfung untersucht Hierarchie, Abstände, Kontrast, Ausrichtung und Konsistenz. Die technische Prüfung bezieht Dateiformat, Schriften, Farbprofil, Transparenzen und Darstellung auf verschiedenen Geräten ein.
Bei datenbezogenen Infografiken sollten Quelle, Erhebungszeitraum und Definitionen nachvollziehbar dokumentiert werden. Das gilt auch dann, wenn die Illustration nur einen Teil der Daten abbildet. Eine attraktive Darstellung darf keine Scheingenauigkeit erzeugen. Gerundete Werte, Auswahlkriterien oder fehlende Kategorien müssen kenntlich gemacht werden, wenn sie für die Interpretation relevant sind.
Eine Illustration eignet sich besonders, wenn ein Ablauf, ein unsichtbarer Vorgang, ein idealisiertes Modell oder eine bewusst reduzierte Darstellung erklärt werden soll. Ein Foto kann dagegen sinnvoller sein, wenn die realistische Erscheinung eines Gegenstands oder einer Situation entscheidend ist.
Eine feste allgemeine Anzahl lässt sich nicht vorgeben. Entscheidend ist ein begrenztes, konsequent verwendetes Farbsystem. Jede Farbe sollte eine erkennbare Funktion besitzen und nicht die einzige Grundlage für eine wichtige Unterscheidung sein.
Beschriftungen sind sinnvoll, wenn ein Symbol mehrdeutig ist, Fachwissen voraussetzt oder mehrere Bestandteile erklärt werden. Bei sehr vertrauten Piktogrammen kann eine zusätzliche Beschriftung entfallen, sofern die Aussage auch ohne sie eindeutig bleibt.
Das hängt vom Verwendungszweck ab. Vektorformate eignen sich für skalierbare Linien- und Flächengrafiken. Rasterformate können für pixelbasierte Darstellungen verwendet werden. Für die Veröffentlichung sollte das Format zur Plattform, zur Kompatibilität und zur gewünschten Qualität passen.
Eine strukturierte Prüfung mit Personen aus der Zielgruppe liefert Hinweise auf Fehlinterpretationen. Dabei sollte nicht nur gefragt werden, ob die Grafik gefällt, sondern welche Aussage erkannt wurde, wo die Orientierung stockt und welche Elemente unklar bleiben.
