Visuellt språk: grammatiken bakom ett varumärkes look

Ett visuellt språk är de element ett varumärke använder (färg, typografi, form, bildspråk, yta och rörelse) tillsammans med reglerna för hur elementen kombineras. Tänk på elementen som ordförråd och reglerna som grammatik. Ordförrådet säger i sig mycket lite: massor av varumärken använder marinblått och en geometrisk sans. Det är grammatiken, hur stor texten går, var färgen ligger och vad som aldrig är tillåtet, som gör en design omisskännligt ett varumärkes egen.

Den skillnaden är varför ett visuellt språk räcker längre än en logotyp eller en palett. Det är det som låter en designer, en frilansare eller en AI göra något nytt en tisdagseftermiddag som ändå ser ut att komma från samma ställe som allt annat. Det ingår i din bredare visuella identitet, och det är den del som folk faktiskt känner.

Det visuella språkets element

Varje varumärkes ordförråd hämtar från samma sex familjer. Du behöver inte något anmärkningsvärt i alla sex. Du behöver ett tydligt beslut i var och en, och i en eller två av dem något som verkligen är utmärkande.

Lägg märke till att varje regel i högerkolumnen är tillräckligt specifik för att gå att argumentera mot. ”Modernt och rent” är ingen regel. ”Rubriker aldrig fler än sju ord” är det, eftersom du kan kontrollera en design mot den. Visuell hierarki och varumärkestypsnitt går djupare in på typografibesluten.

Grammatik: reglerna som gör det ditt

Grammatiken är där ett visuellt språk blir möjligt att äga. Två varumärken kan båda välja violett, men det ena fyller hela bilden med det och använder vit text, medan det andra behåller en varm pappersbotten och låter violett synas bara som en tunn linje. Samma ord, olika meningar.

Reglerna som är värda att skriva ner delas in i fyra slag:

• Proportion: hur stor del av en bild varje färg, bild eller textblock får ta. 60-30-10-regeln är en bra utgångspunkt.
• Placering: var saker hör hemma. Logotyp nere till vänster, rubrik i övre tredjedelen, accent bara vid en kant.
• Rytm: hur designer upprepas över ett flöde eller en presentation. Till exempel att vart tredje inlägg bara är text.
• Återhållsamhet: vad som aldrig görs. Inga konturer på text, högst två textstorlekar per bild, inga arkivbilder av handslag.

Exempel på visuellt språk i praktiken

Här är ett litet varumärke, en keramikateljé i kvarteret, som talar ett enda visuellt språk i två mycket olika budskap. Reglerna: en mörk botten med en enda upplyst färg, korta rubriker i vanlig meningsstil, små detaljer på en rad under och inget annat i bilden.

Inget av inläggen behöver en logotyp för att kännas igen när publiken har sett några. Det är utdelningen av en konsekvent grammatik, och det är det som särskiljande varumärkestillgångar bygger vidare på.

Så skriver du ditt visuella språk på en sida

1. 1

   Samla det du redan gör

   Lägg ut dina tjugo senaste designer. Ringa in det som upprepas av vana och det som ändras varje gång. Vanorna är redan ditt språk; kaoset är där regler saknas.

2. 2

   Välj en signatur

   Välj det enda element du ska bli känd för. För många små varumärken är den starkaste kandidaten bakgrunden, eftersom den fyller största delen av varje bild.

3. 3

   Skriv en regel per familj

   Färg, typografi, form, bildspråk, yta, rörelse. En mening var, specifik nog för att en design ska kunna klara eller falla på den.

4. 4

   Lägg till tre saker du aldrig gör

   Regler om återhållsamhet är det snabbaste sättet att stoppa avdrift. Skriv dem som enkla förbud.

5. 5

   Testa på tre olika uppgifter

   Gör ett reainlägg, ett rekryteringsinlägg och ett citat med bara reglerna. Om ett av dem ser ut som ett annat företag, skärp den regel som lät det vandra.

Behåll den färdiga sidan där alla som gör saker kan se den. En fullständig varumärkesmanual kan komma senare; sidan är det folk faktiskt läser.

Håll ett visuellt språk enhetligt när du växer

Språk driver iväg när fler börjar tala dem. Lösningen är att lägga reglerna i verktygen i stället för i ett dokument som ingen öppnar. Mallar hjälper, men de fryser layouter mer än de bär en röst.

Här passar Gradiently naturligt in. En Mark bär en stor del av ett visuellt språk själv: färgfamiljen, materialen, ljuset, kornet, rörelsen och en typografisk röst, renderade live bakom varje design och i varje storlek. Dess funktioner för läsbarhet håller orden läsbara var de än landar, så placeringsreglerna håller även när någon ny gör inlägget. Med dina typsnitt, logotyper och din röst i varumärkeskitet arbetar Designer inom de reglerna när den lägger ut nya designer.