Infografiken für Social Media

Infografiken für Social Media sind datenbasierte Grafiken, die komplexe Informationen visuell vereinfachen und in plattformgerechten Formaten (1:1 oder 9:16) so aufbereiten, dass sie auf kleinen Bildschirmen lesbar und teilbar sind.

Rubrik: Mediendesign & Digitale Medien · Unterrubrik: Social Media Design · Niveau: Einsteiger

Was sind Infografiken für Social Media?

Infografiken sind visuelle Darstellungen von Informationen, Daten oder Prozessen, die durch die Kombination von Text, Grafik und Zahlen verständlicher werden als durch reine Sprache. Im Social-Media-Kontext dienen sie dazu, komplexe Sachverhalte sofort konsumierbar zu machen – in einem Format, das auf einem 6-Zoll-Smartphone in fünf Sekunden erfasst werden kann.

Der entscheidende Unterschied zu klassischen Print-Infografiken: Social-Media-Infografiken müssen auf kleinen Bildschirmen lesbar, in der Miniaturvorschau attraktiv und für das Teilen und Speichern optimiert sein. Das erfordert eine radikale Vereinfachung von Inhalten, eine starke visuelle Hierarchie und ein konsequentes Design-System.

Erklärung

Daten vereinfachen – die Kernkompetenz

Die häufigste Fehlerquelle bei Social-Media-Infografiken ist Überkomplexität. Zu viele Datenpunkte, zu viel Text, zu viele visuelle Elemente. Faustregel: Eine Social-Media-Infografik = eine Kernaussage.

Vereinfachungsprozess:

1. Kernaussage definieren: Was ist die eine Erkenntnis, die Nutzer:innen mitnehmen sollen?
2. Daten kuratieren: Nur die 3–7 wichtigsten Datenpunkte zeigen
3. Kontext reduzieren: Lange Erklärungen in den Post-Text auslagern, im Bild nur das Wesentliche
4. Visuellen Primärcode wählen: Balkendiagramm, Kreis, Zahlen, Icons – eine visuelle Sprache pro Grafik

Formatwahl: 1:1 vs. 9:16

Quadrat (1:1, 1080 × 1080 px):

• Ideal für 3–5 Datenpunkte
• Funktioniert gut im Instagram-Feed und als LinkedIn-Bild
• Begrenzte vertikale Ausdehnung zwingt zur Kürze
• Gut für: Kreisdiagramme, einfache Zahlenvergleiche, 3-Punkte-Listen

Hochformat (9:16, 1080 × 1920 px):

• Ideal für mehrstufige Prozesse, Zeitstrahl-Grafiken, längere Listen
• Maximale Feed-Fläche auf Smartphones
• Ideal für Stories, TikTok, Reels – aber auch für längere Pinterest-Pins
• Gut für: Schritt-für-Schritt-Anleitungen, Timeline-Darstellungen, 7–10 Datenpunkte

Hochformat lang (1:2, 1000 × 2000 px):

• Exklusiv für Pinterest
• Kann viel Inhalt fassen
• Gut für: ausführliche Tutorials, komplexe Datensätze

Lesbarkeit auf kleinen Bildschirmen

Designregeln für maximale Lesbarkeit:

• Mindest-Schriftgröße: 28 pt für Bodycopy bei 1080 px Breite (entspricht ca. 18 pt auf Smartphone)
• Headlines: mindestens 48 pt, Bold
• Kontrast: WCAG-kontrast von mindestens 4,5:1 zwischen Text und Hintergrund
• Whitespace: mindestens 20 % der Grafik-Fläche frei lassen
• Farben: maximal 3–4 Farben, keine Farben unter 15 % Sättigung (unsichtbar auf OLED-Displays)
• Icons: mindestens 48 × 48 px, einfach und eindeutig erkennbar

Visuelle Hierarchie in Infografiken

Jede Infografik braucht eine klare Lesereihenfolge:

1. Headline (Eye-Catcher): Größte Schrift, kontraststärkste Farbe
2. Hauptdatenpunkte: 2–5 Kerninformationen in absteigender visueller Gewichtung
3. Erklärungstext: klein, dezent, ergänzend
4. Quelle + Branding: ganz unten, kleinstmöglich

Spezifikationen

Dateiformat: PNG (für Text-Grafiken, scharfe Kanten), JPEG (für Foto-integrierte Grafiken) Farbprofil: sRGB

Beispiele

1. Zahlenvergleich im Quadrat: Schwarzer Hintergrund, 3 große Prozentzahlen in Markenfarbe nebeneinander, kleine Beschriftung darunter, Quelle klein unten rechts.
2. Schritt-für-Schritt im Hochformat: Nummerierte Liste mit 6 Schritten, je eine Schritt-Nummer bold in Akzentfarbe, Kurzbeschreibung daneben, verbindende Linie als visueller Faden.
3. Zeitstrahl: Horizontale Linie mit Jahreszahlen und Events als Punkte, auf mobilem Hochformat als vertikaler Zeitstrahl umgesetzt.
4. Balkenvergleich: 5 Balken in absteigender Größe, Werte rechts als Text, Kategoriebeschriftung links, klare Farbcodierung.
5. Icon-basierte Statistik: 5 Icons für 5 Kategorien, darunter je eine große Zahl, minimaler Beschriftungstext, heller Hintergrund, dezente Rahmenlinien.

In der Praxis (Figma/Canva-Workflow)

Figma:

1. Frame in gewünschtem Format anlegen (z. B. 1080 × 1080 px).
2. Grid als Grundstruktur: z. B. 3-spaltiges Grid für Daten-Vergleich.
3. Datenpunkte als Komponenten anlegen: Icon + Zahl + Text als wiederverwendbare Gruppe.
4. Schrifthierarchie als Textstile definieren und konsistent anwenden.
5. Hilfslinie für Mindestabstand zum Rand: 60 px rundum.
6. Kontrast-Check: Figma Plugin „A11y - Color Contrast Checker" nutzen.
7. Export als PNG (2x für höhere Auflösung bei Retina-Displays).

Canva:

1. Vorlage „Infografik" oder benutzerdefinierte Größe wählen.
2. Canva-eigene Diagramm-Tools für Balken-, Kreis- und Liniendiagramme nutzen (im Element-Panel unter „Diagramme").
3. Daten direkt in Canva eingeben – automatische Visualisierung.
4. Schriften auf 2 beschränken, Farbpalette auf Brand Kit einschränken.
5. Export als PNG.

Vergleich & Abgrenzung

Häufige Fragen (FAQ)

Wie viele Informationen sollten auf einer Social-Media-Infografik stehen? Die Faustregel: Wenn du den Text der Infografik in unter 10 Sekunden lesen kannst, ist die Informationsdichte richtig. Mehr als 7 Datenpunkte auf einer Infografik überfordern Nutzer:innen auf dem Smartphone. Lieber ein Carousel mit je einem Datenpunkt pro Slide nutzen.

Muss ich Quellenangaben auf Infografiken machen? Ja, bei allen Datengrafiken die Quelle angeben – auch wenn sie klein gehalten wird. Quellenangaben erhöhen die Glaubwürdigkeit und schützen vor dem Vorwurf der Falschdarstellung. Format: „Quelle: [Name], [Jahr]" in kleinster lesbarer Schriftgröße (14 pt bei 1080 px Breite).

Verwandte Einträge

• Carousel Design
• Pinterest Pin Design
• Typografie auf Social Media

Weiterführend

• Canva: Infografik-Vorlagen und Diagramm-Tools
• Figma Community: Infographic Design Kits
• Venngage: Social Media Infographic Guide 2024