Zum Inhalt springen

Infografik-Gestaltung

Männliche Person, frontal, schaut in die Kamera; trägt kariertes Hemd über dunkelfarbigem T‑Shirt; heller Innenraum mit unscharfem Monitor oder Poster links und Fenster rechts.

von Richard Albrecht am 12.11.2026

Infografik-Gestaltung ist das Entwerfen von Infografiken, also nach dem Duden bildlichen Darstellungen von Zusammenhängen. Eine Infografik verbindet Zahlen, Symbole, kurze Texte und Abbildungen, damit ein Sachverhalt auf einen Blick verständlich wird, etwa ein Ablauf, ein Vergleich oder eine Entwicklung.

Infografik-Gestaltung

Das Entwerfen von Infografiken, also bildlichen Darstellungen von Zahlen, Abläufen und Zusammenhängen.
Beispiel: „Bei der Infografik-Gestaltung für den Jahresbericht bekam jede Kennzahl ein eigenes Symbol.“

Auch: Informationsgrafik, englisch information design.

Abgrenzung zur Datenvisualisierung: Sie stellt Datenreihen dar, die Infografik erzählt einen Zusammenhang.

Isotype: Bildstatistik aus Wien

Eine der Grundlagen der Infografik-Gestaltung entstand in Wien. Otto Neurath gründete 1925 das Gesellschafts- und Wirtschaftsmuseum, dort entwickelte sein Team in den 1920er Jahren die Wiener Methode der Bildstatistik, international als Isotype bekannt. Mengen werden durch die Anzahl gleich großer Zeichen dargestellt; die Piktogramme zeichnete vor allem Gerd Arntz.

Drei Zeilen mit gleich großen Figuren: sechs für das Smartphone, dreieinhalb für den Desktop, eine halbe für das Tablet. Jede Figur steht für zehn von hundert Besuchen.
Nach der Wiener Methode: Eine größere Menge bekommt mehr Zeichen, keine größeren.

Grundregeln der Infografik-Gestaltung

Edward Tufte hat 1983 in The Visual Display of Quantitative Information gefordert, alles wegzulassen, was keine Information trägt. Für Infografiken heißt das: eine Kernaussage je Grafik, eine klare Leserichtung, Beschriftung direkt an den Elementen statt in einer Legende und Schmuck nur, wo er das Verständnis stützt.

Barrierefreie Infografiken

Eine Infografik enthält mehr Information, als ein kurzer Alternativtext fassen kann. Die W3C-Anleitung zu komplexen Bildern sieht deshalb zwei Teile vor: eine Kurzbeschreibung im Alt-Text, die sagt, wo die ausführliche Fassung steht, und eine Langbeschreibung mit allen wesentlichen Angaben, am besten für alle sichtbar unter der Grafik. Das erfüllt das WCAG-Kriterium 1.1.1.

Siehe auch:

Datenvisualisierung

Die grafische Darstellung von Daten, etwa als Balken-, Linien- oder Streudiagramm, damit Muster und Unterschiede schnell erkennbar werden.

#Gestaltungsgrundlagen

Icons

Kleine Bildzeichen, die eine Funktion oder einen Inhalt auf einen Blick erkennbar machen.

#Website-Struktur #Gestaltungsgrundlagen

Alt-Text

Textfassung eines Bildes, die beschreibt, was es zeigt, wenn das Bild nicht ankommt.

#Website-Struktur #Barrierefreiheit (Accessibility) #Suchmaschinenoptimierung (SEO)

Visuelle Hierarchie

Die Rangfolge, in der Elemente einer Seite wahrgenommen werden, festgelegt über Größe, Kontrast, Farbe und Abstand.

#Gestaltungsgrundlagen

Illustrationsstil

Die festgelegte Art, wie die Illustrationen einer Marke oder eines Produkts aussehen: Linien, Farben, Perspektive und Detailgrad.

#Gestaltungsgrundlagen

Gestaltgesetze (Gesetze der Wahrnehmung)

Regeln der Wahrnehmung, nach denen das Auge einzelne Elemente zu Gruppen und Formen zusammenfasst.

#Gestaltungsgrundlagen