Si bien el interletraje de tipo es una práctica común en el diseño de impresión, parece ser menos común en las aplicaciones web. Pero no tiene que ser así.

El tipo de kerning adecuado agrega un nivel extra de profesionalismo y control a la tipografía de su sitio. Si bien hay algunos complementos de software que pueden agregar (o eliminar) el interletraje automático, la mayoría de los diseñadores prefieren ajustar manualmente las letras según sea necesario.

Para algunas combinaciones de texto y letra, los ajustes de kerning son obligatorios. En otras situaciones, puede ser innecesario. Tenga en cuenta también que la mayoría de los tipos de letra profesionales contienen interletraje automático para los pares de letras más problemáticos, como AV.

Pero, ¿cuándo necesitas ajustar el interletraje?

¿Qué es kerning?

What is kerning

Kerning es el ajuste hecho al espacio entre un par de letras. El kerning solo afecta el espacio entre el par y no el espacio total entre todas las letras que se componen.

Cada letra tiene dos posibles asociados de kerning: el personaje a la izquierda o el personaje a la derecha.

Casi cualquier software de gráficos de nivel profesional (como Adobe Photoshop o Fireworks) le permitirá realizar dichos ajustes. El icono de interletraje se representa típicamente por un símbolo "A V" con flechas arriba y debajo de los caracteres. El espacio se ensancha a medida que crece el número y el espacio se vuelve más estrecho a medida que disminuye el número.

Los ajustes de Kerning para el diseño web son más raros que en el diseño de impresión, ya que hacer cambios no es particularmente fácil. Dicho esto, todavía debe ser una consideración debido a la influencia que tiene en el diseño general.

En el interletraje, la apariencia que intenta lograr puede variar, pero en general la esperanza es distribuir de manera más uniforme el espaciado entre letras de modo que los espacios entre cada conjunto de pares de letras sean consistentes con los pares circundantes.

Kerning vs. seguimiento

Kerning y seguimiento no son lo mismo. Mientras que el interletraje se refiere al espacio entre dos letras específicas, el seguimiento se refiere al espaciado general entre letras en una selección de letras. El seguimiento se usa para crear un ajuste de espacio más uniforme entre letras y grupos de letras (incluso párrafos completos o documentos) se puede ajustar con un único cambio de seguimiento.

Para complicar aún más las cosas, un diseñador puede primero ajustar el seguimiento de un bloque de texto y luego ingresar y ajustar el interletraje para mejorar el aspecto general del texto. Pero desea asegurarse de ajustar el seguimiento primero, luego ajuste el kerning. Trabajar al revés es muy probable que anule los cambios de kerning.

Interletraje métrico, óptico y manual

Types of kerning

Hay tres opciones diferentes de cómo kern type: métrico (o automático), óptico y manual.

El interletraje métrico o automático es software definido. El diseñador tiene el menor control sobre las letras cuando usa el interletraje métrico o automático y el resultado a veces puede causar formas extrañas entre pares de letras, como crear muy poco espacio en una instancia y demasiado en otra parte dentro de la misma palabra o frase.

El kerning óptico usa las formas de las letras para determinar qué espacio aparecerá entre ellos. El kerning óptico tiene cierto nivel de control, pero no espacia las letras tan precisamente como hacerlo a mano. Sin embargo, esta puede ser una gran opción cuando se mezclan y combinan diferentes fuentes en pares de letras.

El kerning manual es la opción preferida para la mayoría de los diseñadores y tipógrafos. Cuando el kerning escribe manualmente, el diseñador altera el espacio entre cada par de letras a simple vista. El proceso puede consumir mucho tiempo cuando se trata de bloques de texto grandes y se emplea mejor cuando se trabaja con un tipo de pantalla grande. El uso de interletraje manual es especialmente importante cuando se trabaja con fuentes personalizadas o incluso gratuitas, que no siempre tienen algunas de las técnicas de espaciado de letras más avanzadas que se les aplican cuando se diseñan.

Trucos de kerning manual

Kerning trick

Cuando intenta determinar kerning a simple vista, siempre ayuda tener algunos trucos al alcance de su mano.

  • Voltea tu diseño al revés para juzgar mejor el espacio entre cada par de letras sin que tus ojos intenten leer las palabras.
  • Kern en bloques de tres letras resaltando o coloreando tres letras a la vez. De esta forma, puede comparar el espaciado de un par a la vez.
  • Blow it up. Duplica el tamaño del punto de tu tipo para que realmente puedas ver el espacio. ¿Es molesto? Kern.
  • Opte por una combinación de letras mayúsculas y minúsculas. Los pares de mayúsculas son algunos de los peores interceptores de kerning.

¿Qué letras necesitan kerning?

antidote.co.uk

No es una pregunta engañosa. Si bien a muchos diseñadores les gusta jugar con el interletraje en casi todos los tipos de visualización y son aún más específicos acerca del interletraje en elementos como los logotipos, no todos los pares de letras realmente requieren ajustes de interpolación. Sin embargo, tome nota de la "AW" en los premios anteriores. Se requirió un ajuste de kerning manual para hacer que esas letras se emparejaran tan perfectamente.

El primer paso es seleccionar una fuente. Hay poco uso en hacer ajustes de interletraje hasta que se determine su tipo de letra. Cada tipo de letra requerirá diferentes ajustes de kerning y lo que funciona para una fuente puede no funcionar para otra. El tipo de fuentes que seleccione también tendrá un impacto en el interletraje: le interesará especialmente pensar en cómo las ligaduras pueden verse afectadas por los cambios de interletraje.

Trapped spaces

Después de eso, mira las letras con mayor inclinación en los trazos individuales y las letras que contienen espacios atrapados. (Para ver si su carta crea espacio atrapado, dibuje un rectángulo alrededor y tome nota de todos los espacios más grandes dentro del cuadro que no son parte de la carta.

Hay combinaciones de letras que casi siempre necesitan algún ajuste de kerning. (Tenga en cuenta que las combinaciones distinguen entre mayúsculas y minúsculas). Esta lista puede crecer significativamente con ciertos tipos de letra.

AV AW VA AF AP EN FA Fa Fo LV LW Ye Va Wa

Apretado kerning

Adidas
FedEx

Es más común (y generalmente más fácil de detectar) cuando las letras están demasiado apretadas. En el caso de las fuentes serif, los bordes pueden tocarse en algunos pares de letras pero no en otros, lo que resulta en un problema de interletraje obvio.

Las letras se pueden juntar y seguir siendo efectivas. Particularmente cuando se utiliza con moderación, el kerning apretado puede crear un matrimonio de letras con gran impacto. Las colas de las serifas pueden extenderse a las letras adyacentes o los sans serif pueden agruparse para obtener una apariencia y un tacto tensos y masivos.

Piensa en el logo de FedEx. Es uno de los usos más famosos de las técnicas de interletraje estrechas en el mundo. Adidas también hace un gran trabajo de interletraje de texto en su sitio web: compruebe el matrimonio de "ft" en la elaboración.

Kerning suelto

Crayons to concept
Whitmans

El kerning suelto también puede ser algo obvio, pero a veces es un poco más difícil de detectar. Cuando se trata de mayúsculas, los espacios vacíos parecen saltar de la pantalla pero el efecto es más difícil de detectar en pares, donde una letra minúscula sigue a una letra mayúscula.

El kerning suelto se usa a menudo en grupos de letras mayúsculas para ayudar a crear espacio y una sensación de apertura. El kerning Looser también se usa con más frecuencia cuando se trabaja con tamaños de letra más grandes.

La consideración clave a tener en cuenta cuando se trabaja con especificaciones de kerning sueltas es el espaciado entre palabras. Desea asegurarse de que los lectores puedan determinar qué grupos de letras forman palabras y dónde comienza cada palabra nueva.

Para kern o no para kern

Kerning realmente ha pasado de moda en cierto modo en el panorama del diseño, pero necesitas kern. Sí, puede ser tedioso, pero piensa pasar ese tiempo desde el comienzo de tu proceso.

Es un tiempo bien empleado si lo gastas sabiamente: concéntrate en letras y palabras grandes. Realmente hay pocas razones para ajustar el interletraje (especialmente de forma manual) en bloques de copia grandes. Probablemente haya pocas razones para ajustar el kerning para subtítulos o pequeños títulos dentro de las publicaciones de blog. Reserve ese tiempo para trabajar en sus grandes palabras, logotipos y pancartas.

Como regla general, dedique tiempo al kerning de cualquier tipo que atraiga personas a su sitio. Preste atención a las palabras grandes, pero también preste atención a los elementos de pie en las barras de navegación y en los rieles. Pase menos tiempo kerning bloques de tipo más grandes, como el texto utilizado para crear esta publicación. Si cree que es necesario interletraje, considere el kerning óptico para ahorrar tiempo.

Un poco de kerning divertido

KERNTYPE

Diseñador Mark MacKay desarrollado KERNTYPE: Un juego de Kerning , donde puedes mover letras y comparar tus resultados con los de un tipógrafo profesional.

El juego es divertido y puede ayudarte a desarrollar lo que hace que el tipo funcione y cómo el kerning realmente impacta en el aspecto general de las letras. Pruébalo. La aplicación funciona en línea y como un juego de iPad táctil.

Conclusión

Kerning no debe verse como una forma de arte perdida o algo que solo le importa a los diseñadores de impresión. El uso de técnicas de interletraje adecuadas puede agregar a la calidad general de casi cualquier sitio web.

Piensa en el mensaje que estás tratando de transmitir a medida que escribes y miras las letras para eliminar y evitar las asociaciones involuntarias de letras. Por último, juega un poco. Combine diferentes combinaciones de letras en una variedad de tipos de letra hasta que encuentre combinaciones que sean agradables visualmente.