Corrección óptica en logotipos: kerning, overshoot y peso visual

Hay un momento en todo proyecto de logotipo en el que el diseño ya está «hecho» y, sin embargo, algo no termina de cuadrar. El cliente lo mira y dice que le gusta, pero que la «O» parece pequeña. O que el símbolo y el texto no se ven alineados, aunque lo están al milímetro. Tiene razón. El ojo humano no mide: percibe, y su percepción tiene reglas propias.

La corrección óptica es el conjunto de ajustes que hacemos para que el logo se vea correcto, aunque eso signifique que deje de ser exacto. Son cambios pequeños, a menudo de un 2 o un 5 %, que el público nunca nota conscientemente. Lo que sí nota es el resultado: un logo que transmite calma, solidez y cuidado, frente a otro que parece ligeramente torcido sin que nadie sepa decir por qué.

En esta guía repasamos los ajustes que hacemos en el estudio en cada logotipo: espaciado y kerning, overshoot, peso visual, centrado y alineación ópticos, y la compensación de las versiones en negativo y en tamaños extremos.

01Por qué el ojo engaña y el logo tiene que compensarlo

La percepción visual está llena de atajos. El cerebro interpreta las formas según su contexto, su contraste y lo que espera ver. Algunos efectos bien conocidos:

• →Las formas redondas parecen más pequeñas que las rectas de la misma altura, porque solo tocan los límites en un punto.
• →Las líneas horizontales parecen más gruesas que las verticales del mismo grosor.
• →El centro de una forma parece estar más bajo de lo que está.
• →Las formas claras sobre fondo oscuro parecen más grandes que al revés.
• →Los espacios entre letras con formas distintas parecen desiguales aunque midan lo mismo.

Los tipógrafos llevan siglos compensando estos efectos en cada letra. Un logotipo, que es una pieza tipográfica y gráfica concentrada, necesita el mismo cuidado, porque se verá a tamaños y en condiciones que exageran cualquier desequilibrio.

Clave: un logo se diseña para el ojo, no para la regla. Cuando medida y percepción no coinciden, gana la percepción.

02Espaciado y kerning: igualar los blancos, no las distancias

El espaciado es el ajuste óptico más frecuente y el que más se nota. En un logotipo tipográfico, la sensación de calidad depende en gran medida de que el ritmo entre letras sea uniforme.

Tres conceptos que conviene distinguir

• →Espaciado (sidebearings). El espacio que cada letra trae a sus lados en una fuente. Es la base.
• →Tracking o interletrado. Un ajuste uniforme aplicado a toda la palabra. Abre o cierra el conjunto y define su carácter.
• →Kerning. El ajuste entre un par concreto de letras para compensar sus formas.

El principio: volúmenes de blanco iguales

Lo que buscamos es que el área de blanco entre cada par de letras parezca la misma. Dos rectas verticales («I» seguida de «N») encierran mucho blanco entre ellas; una recta y una curva («I» y «O»), algo menos; dos curvas («O» y «C»), menos aún; y pares con diagonales o brazos abiertos («A» y «V», «L» y «T», «T» y «o») dejan huecos enormes que hay que cerrar.

Por eso, en un logotipo, las distancias medidas entre letras casi nunca son iguales. Las rectas se separan más; las curvas, menos; las diagonales se acercan hasta casi tocarse.

Cómo revisar el espaciado

1. 01Fijar el tracking general según el carácter de la marca: más abierto para elegancia y aire, más compacto para fuerza y presencia.
2. 02Empezar a ajustar desde el par más regular, normalmente dos rectas, y usarlo como referencia.
3. 03Ajustar el resto de pares en relación a esa referencia, mirando siempre los blancos.
4. 04Mirar la palabra desenfocada, al revés o en espejo: el cerebro deja de leer y ve las manchas.
5. 05Revisar a varios tamaños, porque un espaciado perfecto en grande puede verse apretado en pequeño.

Si estás trabajando un logo hecho solo de letras, tienes más detalles en la guía de logotipos tipográficos y wordmarks.

03Overshoot: por qué la «O» es más alta que la «H»

Si dibujas una «H» y una «O» con exactamente la misma altura, la «O» parecerá más pequeña. Ocurre porque la «H» toca la línea base y la altura de mayúsculas a lo largo de todo su ancho, mientras que la «O» solo las roza en un punto.

La solución tipográfica clásica es el overshoot o rebase: las formas redondas sobresalen ligeramente por encima y por debajo de las líneas de referencia. Lo mismo ocurre con las formas puntiagudas, como el vértice de una «A» o de una «V», que suelen sobrepasar todavía un poco más.

En las tipografías de texto, el overshoot suele situarse entre el 1 % y el 3 % de la altura de las letras. En un logotipo, si partimos de una fuente bien hecha, ya viene resuelto. Pero cuando dibujamos letras a medida o combinamos letras con formas geométricas (un círculo junto a un cuadrado en un símbolo, por ejemplo), hay que aplicarlo a mano.

04Peso visual: grosores que parecen iguales

Igual que con los tamaños, el ojo percibe los grosores de forma desigual. Estos son los ajustes más habituales:

Horizontales más finas que las verticales

Una línea horizontal y una vertical del mismo grosor no parecen iguales: la horizontal parece más gruesa. Por eso, en casi todas las tipografías, los travesaños de la «H», la «E» o la «A» son algo más finos que las astas verticales. Si construyes un símbolo con barras horizontales y verticales, conviene aplicar la misma compensación.

Curvas que adelgazan en los extremos

Cuando un trazo curvo se une a uno recto, o cuando dos trazos se cruzan, la acumulación de tinta en la unión hace que parezca más oscura. Los tipógrafos adelgazan ligeramente los trazos cerca de esas uniones. En logotipos con letras que se tocan o con monogramas entrelazados, este ajuste marca una gran diferencia.

Formas distintas, tamaños distintos

Un círculo, un cuadrado y un triángulo con la misma altura no tienen el mismo peso visual. Para que parezcan equilibrados, el círculo suele necesitar ser algo mayor que el cuadrado, y el triángulo bastante más. Es la misma lógica que se aplica en un juego de iconos para que todos parezcan del mismo tamaño.

Los valores son orientativos y salen de nuestra experiencia y de la práctica tipográfica habitual. En cada logo, la referencia definitiva es mirar.

05Centrado y alineación ópticos

El centro visual está más arriba

Si colocas un elemento exactamente en el centro geométrico de un recuadro, parecerá que está caído. El centro visual se percibe ligeramente por encima del geométrico. En un emblema, en un símbolo dentro de un círculo o en un monograma en un sello, subir el contenido un poco lo coloca donde el ojo espera.

El triángulo que nunca parece centrado

Un ejemplo muy claro es el botón de reproducción: un triángulo dentro de un círculo. Si se centra matemáticamente su caja, parece desplazado hacia la izquierda, porque casi todo su peso está en el lado vertical. Se corrige moviéndolo hacia la derecha hasta que su centro de masas coincide con el del círculo. Lo mismo ocurre con cualquier forma asimétrica dentro de un contenedor.

Alinear símbolo y texto

En un imagotipo horizontal, el símbolo y el nombre deben parecer alineados. Si el símbolo es redondo, tendrá que ser algo más alto que las letras para parecer igual de alto, y sobresalir un poco por arriba y por abajo. Si las letras empiezan con una curva o una diagonal («O», «A», «V»), conviene que asomen ligeramente por fuera del margen para que el borde parezca recto. Es el mismo principio que la puntuación colgante en composición de textos.

06Negativo, tamaños pequeños y producción

Un logo bien corregido en positivo y a tamaño de pantalla puede necesitar ajustes adicionales en otras condiciones.

Versión en negativo

Por el efecto de irradiación, un logo en blanco sobre fondo oscuro parece más grueso que el mismo logo en negro sobre blanco. En marcas con trazos finos, preparamos una versión en negativo con los grosores ligeramente reducidos para que las dos se perciban iguales. Se valida siempre con una prueba real, en pantalla y en impresión.

Tamaños pequeños

A 16 o 32 píxeles, o a 10–15 mm impreso, los detalles se funden. Lo que funciona es preparar una versión reducida con el espaciado algo más abierto, los huecos interiores más generosos y los trazos finos reforzados. Es el mismo principio de los tamaños ópticos de la tipografía clásica, en la que cada cuerpo tenía su propio dibujo. Encaja con la idea del sistema de versiones que explicamos en el logotipo responsive.

Trampas de tinta y producción

En impresión de baja calidad, serigrafía sobre textil o tamaños muy pequeños, la tinta tiende a acumularse en los ángulos interiores y a cerrar las uniones. Las trampas de tinta (ink traps) son pequeñas muescas en esas uniones que compensan el efecto. En un logo destinado a esos usos, una versión con trampas discretas puede salvar la legibilidad.

07Un método de revisión óptica

Antes de cerrar un logo, en el estudio seguimos esta lista:

1. 01Imprimir el logo a tres tamaños: muy grande, de uso normal y mínimo.
2. 02Revisar el espaciado mirando la palabra al revés y desenfocada.
3. 03Comprobar overshoot de curvas y vértices junto a las letras rectas.
4. 04Comparar el grosor percibido de horizontales, verticales y diagonales.
5. 05Revisar el centrado de cualquier elemento dentro de un contenedor.
6. 06Comprobar la alineación óptica entre símbolo y texto.
7. 07Comparar positivo y negativo uno junto al otro.
8. 08Dejar reposar el logo un día y volver a mirarlo con ojos frescos.

08Un ejemplo resuelto: un imagotipo con símbolo circular

Una academia de idiomas tenía un logo con un símbolo circular a la izquierda y el nombre en mayúsculas a la derecha. Todo estaba alineado al milímetro y, sin embargo, el círculo parecía pequeño y el nombre parecía flotar demasiado lejos.

Aumentamos el círculo un 4 % para que pareciera de la misma altura que las mayúsculas, dejándolo sobresalir por arriba y por abajo. Acercamos el nombre al símbolo, porque el blanco que deja una curva al lado de una recta parece mayor de lo que es. En el nombre, cerramos los pares «AV» y «LT», abrimos ligeramente el tracking general y adelgazamos un 8 % los travesaños de las «E» y la «A». Por último, preparamos una versión en negativo para la fachada iluminada, con los trazos algo más finos.

El cliente no supo decir qué habíamos cambiado. Solo dijo que ahora «se veía bien». Esa es la mejor señal de una corrección óptica bien hecha.

09El cuidado que no se ve

La corrección óptica es la parte menos visible del diseño de un logotipo y una de las más importantes. Es la que convierte un logo correcto en uno impecable, y la que hace que una marca transmita cuidado sin necesidad de decirlo. Muchas veces, los mismos principios se aplican sobre una base geométrica, como contamos en la guía de construcción geométrica de logotipos.

En el estudio dedicamos a estos ajustes el tiempo que merecen en cada proyecto. Si quieres un logotipo cuidado hasta el último detalle, en nuestro servicio de diseño de logotipo te contamos cómo lo hacemos, y si quieres que revisemos juntos el tuyo, escríbenos.