Lenguaje visual: la gramática del aspecto de una marca

Un lenguaje visual es el conjunto de elementos que usa una marca (color, tipografía, forma, imágenes, superficie y movimiento) junto con las reglas para combinarlos. Piensa en los elementos como vocabulario y en las reglas como gramática. El vocabulario solo dice muy poco: muchas marcas usan azul marino y una sans geométrica. Es la gramática, lo grande que va la letra, dónde se coloca el color, qué no se permite nunca, lo que hace que un diseño sea inconfundiblemente de una marca.

Esa diferencia es la razón por la que un lenguaje visual llega más lejos que un logotipo o una paleta. Es lo que permite que un diseñador, un freelance o una IA haga algo nuevo un martes por la tarde y siga pareciendo del mismo lugar que todo lo demás. Está dentro de tu identidad visual más amplia, y es la parte que la gente realmente siente.

Los elementos de un lenguaje visual

El vocabulario de toda marca bebe de las mismas seis familias. No necesitas algo extraordinario en las seis. Necesitas una decisión clara en cada una, y una o dos en las que seas de verdad distintivo.

Fíjate en que cada regla de la columna derecha es lo bastante concreta como para discutirla. “Moderno y limpio” no es una regla. “Titulares de no más de siete palabras” sí lo es, porque puedes comprobar un diseño con ella. La jerarquía visual y las fuentes de marca profundizan en las decisiones de tipografía.

Gramática: las reglas que lo hacen tuyo

La gramática es donde un lenguaje visual se vuelve propio. Dos marcas pueden elegir violeta, pero una inunda todo el encuadre con él y usa letra blanca, mientras la otra mantiene un fondo cálido de papel y deja que el violeta aparezca solo como una línea fina. La misma palabra, otras frases.

Las reglas que merece la pena escribir son de cuatro tipos:

• Proporción: cuánto de un encuadre puede ocupar cada color, imagen o bloque de texto. La regla 60 30 10 es un buen punto de partida.
• Colocación: dónde vive cada cosa. Logotipo abajo a la izquierda, titular en el tercio superior, acento solo en un borde.
• Ritmo: cómo se repiten los diseños en un feed o una presentación. Por ejemplo, una de cada tres publicaciones es solo texto.
• Contención: lo que nunca se hace. Sin contornos en el texto, no más de dos tamaños de letra por encuadre, sin fotos de stock de apretones de manos.

Ejemplos de lenguaje visual en la práctica

Aquí tienes una marca pequeña, un taller de cerámica de barrio, hablando con un único lenguaje visual en dos mensajes muy distintos. Las reglas: un fondo oscuro con un solo color iluminado, titulares cortos en minúscula con inicial mayúscula, los pequeños detalles en una línea debajo y nada más en el encuadre.

Ninguna de las dos publicaciones necesita un logotipo para reconocerse cuando el público ha visto unas cuantas. Ese es el beneficio de una gramática coherente, y es la base de los activos de marca distintivos.

Cómo escribir tu lenguaje visual en una página

1. 1

   Reúne lo que ya haces

   Extiende tus últimos veinte diseños. Rodea con un círculo lo que se repite por costumbre y lo que cambia cada vez. Las costumbres ya son tu lenguaje; el caos es donde faltan reglas.

2. 2

   Elige una seña de identidad

   Elige el único elemento por el que te conocerán. Para muchas marcas pequeñas el candidato más fuerte es el fondo, porque llena la mayor parte de cada encuadre.

3. 3

   Escribe una regla por familia

   Color, tipografía, forma, imágenes, superficie, movimiento. Una frase cada una, lo bastante concreta como para que un diseño pueda aprobarla o suspenderla.

4. 4

   Añade tres cosas que nunca haces

   Las reglas de contención son la forma más rápida de frenar la deriva. Escríbelas como prohibiciones sencillas.

5. 5

   Pruébalo en tres trabajos distintos

   Haz una publicación de rebajas, una de contratación y una cita solo con las reglas. Si una parece de otra empresa, aprieta la regla que la dejó divagar.

Deja la página terminada donde todos los que crean cosas puedan verla. Una guía de estilo de marca completa puede venir después; la página única es lo que la gente realmente lee.

Mantener coherente un lenguaje visual al crecer

Los lenguajes se desvían cuando más gente empieza a hablarlos. La solución es meter las reglas dentro de las herramientas en lugar de en un documento que nadie abre. Las plantillas ayudan, pero congelan maquetaciones más de lo que transmiten una voz.

Aquí es donde Gradiently encaja con naturalidad. Un Mark lleva por sí solo buena parte de un lenguaje visual: la familia de color, los materiales, la luz, el grano, el movimiento y una voz tipográfica, renderizados en directo tras cada diseño y en cada tamaño. Sus funciones de legibilidad mantienen las palabras legibles dondequiera que caigan, así que las reglas de colocación se cumplen aunque haga la publicación alguien nuevo. Con tus fuentes, logotipos y voz en el kit de marca, el Designer trabaja dentro de esas reglas cuando maqueta diseños nuevos.