Ein praxisnaher Leitfaden für konsistente visuelle Kommunikation – von der Grundlogik über typische Fehler bis zur konkreten Stilfindung
SerieBildsprache im Web
Teil 1 von 4
Bildsprache ist kein Sammelsurium schöner Bilder, sondern ein visuelles System. Wer Bilder für eine Website auswählt, ohne vorher zu klären, welche Logik dahintersteht, landet schnell bei einem inkonsistenten Auftritt – egal wie hochwertig die einzelnen Motive sind.
Dieser Artikel zeigt, wie Bildsprache funktioniert, welche Entscheidungen am Anfang stehen und wie sich Stock, echte Fotos und KI-Bilder sinnvoll kombinieren lassen.
Was Bildsprache eigentlich leistet
Eine funktionierende Bildsprache beantwortet grundlegende Fragen:
- Wie real oder inszeniert wirken die Bilder?
- Wie nah sind Menschen an der Kamera?
- Wie hell oder dunkel, ruhig oder kontrastreich?
- Welche Farben dominieren?
- Welche Motive wiederholen sich?
Merksatz: Eine gute Bildsprache erkennt man auch dann, wenn man Logos und Texte ausblendet.
Das unterscheidet ein visuelles System von einer beliebigen Bildersammlung. Jedes Bild trägt zur Gesamtwahrnehmung bei – im Guten wie im Schlechten.
Ausgangspunkt: Layout und Inhalte zuerst
Bevor Bilder ausgewählt werden, sollte klar sein, welche Rolle sie im Gesamtkonzept spielen.
Layout-Fragen
- Große Hero-Bilder oder viele kleine Visuals?
- Bilder als Stimmungsträger oder als Erklärung?
- Viel Weißraum → ruhige Bilder
- Dichte Layouts → klarere, kontrastärmere Motive
Inhalts-Fragen
- Was soll das Bild leisten? Vertrauen aufbauen? Erklären? Emotion transportieren?
- Ist das Bild ersetzbar oder inhaltlich notwendig?
- Unterstützt es den Text oder konkurriert es mit ihm?
Typischer Fehler: Bilder werden ausgewählt, weil Platz da ist – nicht, weil sie etwas beitragen.
Echte Fotos vs. Stockbilder vs. KI
Die drei Bildquellen haben unterschiedliche Stärken und Schwächen. Die richtige Wahl hängt von Kontext, Budget und Markenreife ab.
Echte Fotos
| Vorteile | Nachteile |
|---|---|
| Glaubwürdigkeit | Aufwand (Zeit, Kosten, Koordination) |
| Wiedererkennbarkeit | Qualität schwankt stark |
| Markenbindung | Ohne Konzept oft inkonsistent |
Wichtig: Echte Fotos ohne klare Vorgaben wirken schnell beliebig oder privat. Ein Shooting ohne Moodboard produziert Material, das später schwer zu vereinheitlichen ist.
Stockbilder
| Vorteile | Nachteile |
|---|---|
| Schnell verfügbar | Austauschbar |
| Hohe technische Qualität | Oft „Stock-Gesichtsausdruck” |
| Große Auswahl | Gleiche Bilder bei anderen Marken |
Faustregel: Stock funktioniert gut für Stimmungen, abstrakte Themen und Übergangsphasen. Kritisch wird es bei Team, Marke und Vertrauensaufbau.
KI-generierte Bilder
| Vorteile | Nachteile |
|---|---|
| Schnell erstellbar | Stil schwer konsistent zu halten |
| Hohe kreative Freiheit | Detailfehler (Hände, Text, Proportionen) |
| Keine Lizenzfragen | Erkennbare „KI-Ästhetik” |
Sinnvolle Einsatzbereiche:
- Abstrakte Header und Konzeptbilder
- Illustrative Motive
- Übergangs- oder MVP-Phasen
- Visualisierungen, die es real nicht gibt
Kritische Bereiche:
- Menschen (speziell: Team, Testimonials)
- Vertrauen und Nähe
- Produkte mit realer Entsprechung
Mischung aus echt, Stock und KI – so geht’s sauber
Verschiedene Bildquellen zu mischen ist legitim, solange es nach Rollen geschieht:
| Bildtyp | Einsatzbereich |
|---|---|
| Echte Fotos | Team, Arbeitsprozesse, kundennahe Inhalte |
| Stock / KI | Header, Metaphern, abstrakte Themen |
Wichtig: Die Bilder dürfen unterschiedlich sein – die Wirkung muss gleich sein.
Ein echtes Teamfoto und ein Stock-Header können nebeneinander funktionieren, wenn Farbstimmung, Kontrast und Bildlogik übereinstimmen.
Die gröbsten Fehler bei Bildsprache
- Unterschiedliche Farbstimmungen auf einer Seite – mal warm, mal kalt
- Wechsel zwischen extrem hell und düster ohne erkennbares Konzept
- Unterschiedliche Bildlogiken – mal Reportage, mal Werbefoto, mal Illustration
- Stockbilder mit zu viel „Emotion Acting” – übertrieben lachende Business-Menschen
- KI-Bilder ohne Bezug zur Marke – generisch statt passend
Kurz: Inkonsistenz schlägt Qualität. Ein mittelmäßiges Bild im richtigen Stil wirkt besser als ein brillantes Bild, das aus der Reihe fällt.
Vereinheitlichung über Filter und Nachbearbeitung
Filter und Presets sind legitime Werkzeuge – wenn sie gezielt eingesetzt werden.
Was gut funktioniert
- Einheitliche Farbtemperatur (warm vs. kühl)
- Konsistente Kontrastkurve
- Reduzierte oder angepasste Sättigung
- Leichte Körnung / Grain für organisches Gefühl
- Matte Blacks oder sanfte Highlights
Was nicht funktioniert
- Instagram-Filter-Logik (jedes Bild ein anderer Look)
- Jedes Bild individuell „retten”
- Zu starke Effekte, die Motive zerstören
Praxis-Tipp: 1–2 Presets definieren und konsequent anwenden. Nicht pro Bild neu entscheiden. Lieber „zu ruhig” als „zu fancy”.
Strukturelle Stilmittel
Neben Farbe und Kontrast schaffen strukturelle Entscheidungen Einheit:
| Stilmittel | Wirkung |
|---|---|
| Einheitliche Tiefenschärfe | Konsistenter Fokus |
| Gleiche Perspektive | Wiedererkennbarkeit |
| Einheitliche Zuschnitte | Ruhiges Layout |
| Leichte Körnung | Weniger steril, mehr Charakter |
| Dezente Unschärfen | Reduzierte Ablenkung, bessere Textüberlagerung |
Entscheidungshilfe: Stock vs. echt vs. KI
Die Wahl hängt von drei Faktoren ab:
1. B2B oder B2C?
| Kontext | Empfehlung |
|---|---|
| B2B | Authentizität wichtiger als Perfektion. Echte Teamfotos, echte Arbeitssituationen. Stock für abstrakte Themen. KI nur für Konzeptbilder. |
| B2C | Emotionale Wirkung entscheidet. Hochwertige Stock-Bilder oder professionelle Shootings. KI für kreative Kampagnen oder Illustrationen. |
2. Sachlich oder emotional?
| Tonalität | Empfehlung |
|---|---|
| Sachlich | Klare, ruhige Bilder. Wenig Inszenierung. Stock funktioniert gut, wenn neutral. Echte Fotos für Glaubwürdigkeit. |
| Emotional | Stimmungsbilder, Nähe, Bewegung. Echte Fotos oder hochwertige Stock-Motive. KI für traumhafte oder surreale Stimmungen. |
3. Bestehende Marke oder Neustart?
| Situation | Empfehlung |
|---|---|
| Bestehende Marke | Bildsprache muss zum bestehenden Auftritt passen. Lieber Stock oder KI als schlechte echte Fotos, die nicht zum CI passen. |
| Neustart | Chance, von Anfang an konsistent zu arbeiten. Wenn Budget da: echte Fotos mit klarem Briefing. Sonst: kuratierte Stock-Sammlung mit einheitlicher Nachbearbeitung. |
Konkrete Bildstil-Definition entwickeln
Ein Bildstil-Dokument muss nicht lang sein – aber verbindlich.
Schritt 1: Positionierung klären
Fragen:
- Wie soll die Marke wirken? (professionell, nahbar, innovativ, traditionell)
- Welche Emotionen sollen Bilder auslösen?
- Was soll auf keinen Fall passieren? (z. B. austauschbar wirken, kalt, übertrieben)Schritt 2: Referenzen sammeln
5–10 Bilder sammeln, die die gewünschte Wirkung haben. Nicht nur eigene Branche, auch branchenfremde Referenzen erlaubt.
Schritt 3: Stilregeln ableiten
Aus den Referenzen konkrete Parameter extrahieren:
Beispiel Bildstil-Definition:
**Farbwelt:**
- Warme Töne (Beige, Sand, gedämpftes Orange)
- Kein reines Weiß, kein hartes Schwarz
- Sättigung: 70–80%
**Licht:**
- Weiches, natürliches Licht
- Keine harten Schatten
- Leicht überbelichtet okay
**Perspektive:**
- Augenhöhe oder leicht von oben
- Keine extremen Winkel
- Viel Negativraum (mind. 30% der Bildfläche)
**Menschen:**
- Authentische Situationen, keine gestellten Posen
- Blick in die Kamera nur bei Portraits
- Kleidung: neutral, zeitlos
**Nachbearbeitung:**
- Leichte Körnung (Wert 15–20)
- Matte Highlights
- Einheitlicher Weißabgleich: 5500KSchritt 4: Do’s und Don’ts definieren
| Do | Don’t |
|---|---|
| Natürliches Licht | Blitzlicht-Ästhetik |
| Ruhige Kompositionen | Überfüllte Motive |
| Authentische Gestik | Stock-Lächeln |
| Konsistente Farbtemperatur | Wechsel zwischen warm und kalt |
Mini-Styleguide für Bildsprache
Ein kompakter Styleguide für den Alltag:
Seite 1: Übersicht und Grundprinzipien
# Bildsprache [Markenname]
## Grundprinzipien
- Authentisch vor perfekt
- Ruhe vor Effekt
- Konsistenz vor Vielfalt
## Bildquellen
- Team & Prozesse: Nur echte Fotos
- Header & Konzepte: Stock oder KI erlaubt
- Produkte: Nur professionelle Aufnahmen
## Farbwelt
[Farbpalette mit 4–6 Farben]
Bilder sollten mindestens eine dieser Farben dominant zeigen.
## Tabus
- Generische Stock-Menschen mit übertriebener Mimik
- Unbearbeitete Smartphone-Fotos
- KI-Bilder mit erkennbaren FehlernSeite 2: Anwendungsbeispiele
## Anwendung nach Seitentyp
| Seite | Bildtyp | Beispiel |
|-------|---------|----------|
| Startseite Hero | Stock oder professionelles Shooting | Stimmungsbild, wenig Text im Bild |
| Über uns | Echte Teamfotos | Natürliche Arbeitssituationen |
| Leistungen | Stock oder Illustrationen | Konzeptbilder, keine Menschen nötig |
| Blog-Teaser | Stock oder KI | Thematisch passend, nicht zu konkret |
| Kontakt | Echtes Foto | Büro, Team, Ansprechpartner |
## Nachbearbeitung
Alle Bilder durchlaufen dasselbe Preset:
- Lightroom-Preset: [Name]
- Alternative: [Online-Tool mit Settings]
## Qualitätskriterien
- Mindestauflösung: 1920px Breite
- Format: WebP bevorzugt
- Dateigröße: Max. 200 KB nach KomprimierungKI-Bilder richtig einsetzen
KI-generierte Bilder brauchen dieselbe Disziplin wie andere Bildquellen:
Stil-Parameter konsistent halten
Beispiel-Prompt-Struktur:
"[Motiv], [Lichtstimmung], [Farbpalette],
[Stil: z.B. editorial photography, soft focus],
[technische Parameter: z.B. 35mm lens, shallow depth of field]"Qualitätskontrolle
Vor Verwendung prüfen:
- Hände und Finger korrekt?
- Text im Bild lesbar oder fehlerhaft?
- Proportionen stimmig?
- Passt das Bild zur restlichen Bildsprache?
Nachbearbeitung
KI-Bilder profitieren oft von:
- Leichter Körnung (reduziert KI-Glätte)
- Anpassung der Farbtemperatur an die Bildsprache
- Beschnitt zur Korrektur von Randfehlern
Checkliste für saubere Bildsprache
- Max. 1–2 Bildstile auf der gesamten Website
- Klare Entscheidung: realistisch oder inszeniert
- Einheitliche Farbwelt (Temperatur, Sättigung, Kontrast)
- Gleiche Bildlogik (Abstand, Perspektive, Stimmung)
- Bilder unterstützen Inhalte – nicht umgekehrt
- Bildquellen nach Rollen zugewiesen (Team = echt, Header = flexibel)
- Nachbearbeitung mit einheitlichem Preset
- Qualitätskriterien definiert und eingehalten
Was bleibt
Bildsprache ist keine Geschmacksfrage, sondern eine Systementscheidung. Die Wahl zwischen Stock, echten Fotos und KI ist weniger wichtig als die Konsequenz, mit der sie umgesetzt wird.
Ein konsistenter Auftritt mit kuratierten Stock-Bildern schlägt jederzeit einen inkonsistenten Mix aus teuren Shootings und beliebigen Schnappschüssen.
Die Fragen, die am Anfang stehen:
- Welche Wirkung soll die Marke haben?
- Welche Bildlogik passt dazu?
- Welche Quellen können das liefern – realistisch, im Budget, im Zeitrahmen?
Wer diese Fragen beantwortet, bevor das erste Bild ausgewählt wird, spart sich später viel Nacharbeit – und bekommt einen Auftritt, der auch ohne Logo erkennbar ist.