Visuelle Sprache: die Grammatik hinter dem Look einer Marke

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, 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.

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 und Markenschriften 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.

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 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.

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.

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 auf.

So schreibst du deine visuelle Sprache auf eine Seite

1. 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. 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. 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. 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. 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ß.

Leg die fertige Seite dorthin, wo alle sie sehen, die etwas gestalten. Ein vollständiger Brand Styleguide 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.