# Visuelle Sprache: die Grammatik hinter dem Look einer Marke

[Canonical HTML page](https://gradiently.design/de/guide/visual-brand-language)

Ein Logo ist ein Wort. Eine visuelle Sprache ist die Grammatik, mit der eine Marke Neues sagen kann und trotzdem nach sich selbst klingt. Hier sind ihre Teile und ein Weg, deine Regeln auf einer Seite aufzuschreiben.

## The short version

- Eine visuelle Sprache ist das Vokabular einer Marke aus Farben, Schrift, Formen, Bildern, Oberflächen und Bewegung, plus die Regeln, wie sie sich verbinden.
- Die Regeln zählen mehr als die Elemente, denn zwei Marken können eine Farbe oder Schrift teilen und trotzdem völlig verschieden aussehen.
- Eine nützliche visuelle Sprache passt auf eine Seite und beantwortet praktische Fragen, etwa wo die Überschrift hinkommt und wie viel vom Bild der Akzent bedecken darf.
- Eine visuelle Sprache funktioniert, wenn jemand deinen Post bei verdecktem Logo erkennt.
- Die meisten Marken brauchen weniger Elemente, als sie denken, dafür mit mehr Disziplin eingesetzt.

Eine **visuelle Sprache** ist die Menge der Elemente, die eine Marke nutzt (Farbe, Schrift, Form, Bilder, Oberfläche und Bewegung), zusammen mit den Regeln, wie diese Elemente sich verbinden. Stell dir die Elemente als Vokabular vor und die Regeln als Grammatik. Das Vokabular allein sagt sehr wenig: Viele Marken nutzen Marineblau und eine geometrische Sans. Erst die Grammatik, wie groß die Schrift läuft, wo die Farbe sitzt, was nie erlaubt ist, macht ein Design unverwechselbar zu dem einer Marke.

Deshalb reicht eine visuelle Sprache weiter als ein Logo oder eine Palette. Mit ihr kann eine Designerin, ein Freelancer oder eine KI an einem Dienstagnachmittag etwas Neues machen, das trotzdem aussieht, als käme es vom selben Ort wie alles andere. Sie sitzt in deiner größeren [visuellen Identität](https://gradiently.design/de/guide/visual-identity), und sie ist der Teil, den Leute tatsächlich spüren.

## Die Elemente einer visuellen Sprache

Das Vokabular jeder Marke schöpft aus denselben sechs Familien. Du brauchst nicht in allen sechs etwas Bemerkenswertes. Du brauchst in jeder eine klare Entscheidung und in ein oder zwei etwas wirklich Eigenes.

| Element | Die Entscheidung | Eine Regel könnte lauten |
| --- | --- | --- |
| Farbe | Ein Grund, eine Hauptfarbe, ein Akzent und ihre Anteile | Tintengrund überall; der Korallenakzent bedeckt weniger als ein Zehntel jedes Bildes |
| Schrift | Eine Überschriften- und eine Textschrift, Größen und Schreibweise | Überschriften in normaler Satzschreibung, nie mehr als sieben Wörter |
| Form | Ecken, Linien, Container, Icon-Stil | Weiche Ecken bei Fotos, eckige bei Textflächen |
| Bilder | Was Fotos zeigen und wie sie behandelt werden | Menschen bei der Arbeit, nie gestellt; Fotos im Marken-Duoton eingefärbt |
| Oberfläche | Flach, körnig, glänzend, papiern, beleuchtet | Jeder Hintergrund trägt feine Körnung und Licht von oben rechts |
| Bewegung | Tempo, Easing, was sich bewegt und was bleibt | Hintergründe driften langsam; Wörter bewegen sich nie mehr, wenn sie gelandet sind |

Sechs Familien von Elementen und die Art Regel, die aus jeder Wahl eine Sprache macht.

Jede Regel in der rechten Spalte ist konkret genug, um darüber zu streiten. „Modern und clean“ ist keine Regel. „Überschriften nie mehr als sieben Wörter“ schon, weil du ein Design daran prüfen kannst. [Visuelle Hierarchie](https://gradiently.design/de/guide/visual-hierarchy) und [Markenschriften](https://gradiently.design/de/guide/brand-fonts) gehen tiefer auf die Schriftentscheidungen ein.

## Grammatik: die Regeln, die sie zu deiner machen

In der Grammatik wird eine visuelle Sprache besitzbar. Zwei Marken können beide Violett wählen, aber die eine flutet das ganze Bild damit und nutzt weiße Schrift, während die andere einen warmen Papiergrund behält und Violett nur als dünne Linie auftauchen lässt. Gleiches Wort, andere Sätze.

- Tintengrund: #14111f
- Tiefes Violett: #3b2a6b
- Violett als Hauptfarbe: #8b6cf0
- Blasser Flieder: #efe9ff
- Korallenakzent: #ff7a59

Dieselben fünf Farben können zwei sehr verschiedene Marken ergeben. Die Palette ist Vokabular; Anteil und Platzierung sind Grammatik.

Die Regeln, die sich aufzuschreiben lohnen, gibt es in vier Arten:

- **Anteil:** wie viel eines Bildes jede Farbe, jedes Bild oder jeder Textblock einnehmen darf. Die [60 30 10 Regel](https://gradiently.design/de/guide/60-30-10-rule) ist ein guter Ausgangspunkt.
- **Platzierung:** wo die Dinge wohnen. Logo unten links, Überschrift im oberen Drittel, Akzent nur am Rand.
- **Rhythmus:** wie sich Designs über einen Feed oder eine Präsentation wiederholen. Zum Beispiel ist jeder dritte Post reine Schrift.
- **Zurückhaltung:** was nie gemacht wird. Keine Konturen an Schrift, nie mehr als zwei Schriftgrößen pro Bild, keine Stockfotos von Händeschütteln.

> **Der Test mit dem verdeckten Logo** Leg die Hand über das Logo deiner letzten sechs Posts. Kann eine fremde Person trotzdem sagen, dass alle von dir sind, funktioniert deine visuelle Sprache. Wenn nicht, such die Familie, in der du gar keine Regel hast.

## Beispiele für visuelle Sprache in der Praxis

Hier spricht eine kleine Marke, ein Keramikstudio im Viertel, in einer einzigen visuellen Sprache über zwei sehr verschiedene Botschaften. Die Regeln: ein dunkler Grund mit einer beleuchteten Farbe, kurze Überschriften in normaler Satzschreibung, kleine Details in einer Zeile darunter, sonst nichts im Bild.

Ein hochformatiger Instagram Post eines Keramikstudios, der ankündigt, dass die Töpferkurse zurück sind, mit kurzer Überschrift auf dunklem, beleuchtetem Hintergrund

Eine Ankündigung: ein Satz, eine Detailzeile, die Oberfläche erledigt die Markenarbeit.

Ein hochformatiger Zitat-Post desselben Keramikstudios mit demselben Hintergrund, derselben Schrift und denselben Proportionen wie die Ankündigung

Ein Zitat-Post: eine andere Aufgabe, dieselbe Grammatik, also wirkt er wie dasselbe Studio.

Keiner der beiden Posts braucht ein Logo, um erkannt zu werden, sobald das Publikum ein paar gesehen hat. Das ist der Lohn einer beständigen Grammatik, und darauf bauen [unverwechselbare Markenelemente](https://gradiently.design/de/guide/distinctive-brand-assets) auf.

## So schreibst du deine visuelle Sprache auf eine Seite

1. **Sammle, was du schon machst** Leg deine letzten zwanzig Designs aus. Kreise ein, was sich aus Gewohnheit wiederholt und was sich jedes Mal ändert. Die Gewohnheiten sind schon deine Sprache; im Chaos fehlen Regeln.
2. **Wähle eine Signatur** Such das eine Element aus, für das du bekannt sein willst. Für viele kleine Marken ist der stärkste Kandidat der Hintergrund, weil er den größten Teil jedes Bildes füllt.
3. **Schreib eine Regel pro Familie** Farbe, Schrift, Form, Bilder, Oberfläche, Bewegung. Je ein Satz, konkret genug, dass ein Design ihn bestehen oder daran scheitern kann.
4. **Füge drei Dinge hinzu, die du nie tust** Regeln der Zurückhaltung stoppen das Abdriften am schnellsten. Schreib sie als schlichte Verbote.
5. **Teste sie an drei ungleichen Aufgaben** Mach einen Sale-Post, eine Stellenanzeige und ein Zitat nur mit den Regeln. Sieht eines davon nach einer anderen Firma aus, verschärfe die Regel, die es abschweifen ließ.

### Vage

- Markenfarben verwenden
- Clean und modern halten
- Schriften sollen freundlich wirken
- Bilder sollen zur Marke passen

### Brauchbar

- Tintengrund; Koralle unter einem Zehntel des Bildes
- Eine Überschrift, eine Detailzeile, sonst nichts
- Gerundete Sans für Überschriften, normale Satzschreibung
- Fotos im Marken-Duoton, nur Menschen

Leg die fertige Seite dorthin, wo alle sie sehen, die etwas gestalten. Ein vollständiger [Brand Styleguide](https://gradiently.design/de/guide/brand-style-guide) kann später kommen; die eine Seite ist das, was Leute wirklich lesen.

## Eine visuelle Sprache beim Wachsen beständig halten

Sprachen driften, wenn mehr Leute sie sprechen. Die Lösung ist, die Regeln in die Werkzeuge zu legen statt in ein Dokument, das niemand öffnet. Vorlagen helfen, aber sie frieren eher Layouts ein, als eine Stimme zu tragen.

Hier passt Gradiently ganz natürlich hinein. Ein Mark trägt einen großen Teil einer visuellen Sprache von selbst: die Farbfamilie, die Materialien, das Licht, die Körnung, die Bewegung und eine Schriftstimme, live hinter jedem Design und in jeder Größe gerendert. Seine Lesbarkeitsfunktionen halten Wörter lesbar, wo immer sie landen, sodass Platzierungsregeln auch dann halten, wenn jemand Neues den Post macht. Mit deinen Schriften, Logos und deiner Tonalität im Markenkit arbeitet der Designer innerhalb dieser Regeln, wenn er neue Designs anordnet.

## FAQ

### Was ist eine visuelle Sprache im Design?

Die Menge der visuellen Elemente, die eine Marke oder ein Produkt nutzt, etwa Farbe, Schrift, Form, Bilder, Oberfläche und Bewegung, plus die Regeln, sie zu kombinieren, damit jedes Design wie eine Stimme wirkt.

### Was ist der Unterschied zwischen visueller Sprache und visueller Identität?

Visuelle Identität ist das ganze System von Elementen, inklusive Logo. Visuelle Sprache ist die Grammatik darin: wie sich diese Elemente auf jedem neuen Design verhalten und verbinden.

### Was sind die Elemente einer visuellen Sprache?

Meist Farbe, Typografie, Form, Bilder, Oberfläche oder Textur und Bewegung. Jedes braucht mindestens eine klare, überprüfbare Regel.

### Woran erkenne ich, ob meine visuelle Sprache funktioniert?

Verdecke das Logo auf einer Reihe aktueller Designs. Können Leute trotzdem sagen, dass alle von dir kommen, macht die Sprache ihren Job.