8 consejos simples y útiles para el tipo de kerning

¡El kerning es divertido! De acuerdo, a menos que seas un tipo serio de nerd como yo, eso definitivamente no va a ser una afirmación verdadera. Sin embargo, es una parte absolutamente esencial de su educación e implementación tipográficas.

Si ha estado ignorando el kerning o simplemente no está seguro de cómo hacerlo correctamente, eche un vistazo a estos ocho consejos rápidos y comience el camino para convertirse en un maestro del kerning.

Introducción

Los últimos años han visto una explosión de tipos en la web. Solía ​​darse el caso de que a los diseñadores web se les culpaba por no tener un fuerte sentido de la tipografía, pero nada podría estar más lejos de la verdad en estos días, ya que los diseñadores web llevan el arte de la tipografía a nuevos niveles de popularidad y respeto.

Los diseñadores aprecian de nuevo tanto el arte tipográfico como las formas prácticas en que la tipografía complementa e incluso impulsa un diseño sólido.

Sin embargo, todavía hay al menos un tema importante que los diseñadores web tienden a perderse: el kerning. La verdad es que el kerning en la red sigue siendo una pesadilla. Hay algunas opciones para facilitar la tarea, pero en general, simplemente la ignoramos.

Como resultado, muchos diseñadores web no piensan en el kerning ni entienden realmente cómo funciona en un nivel fundamental. Afortunadamente, no es ciencia espacial. El factor más importante involucrado en el aprendizaje del tipo kern es hacerte consciente de que a menudo es necesario hacerlo. A continuación veremos algunos trucos básicos y útiles para comenzar.

# 1 ¿Qué es el kerning? Pensar en bloques

Lo primero que debes saber sobre el kerning es, bueno, qué es exactamente. Hay muchos términos tipográficos que suenan divertidos y es fácil confundirse rápidamente, por lo que es necesario asegurarse de que todos estemos en la misma página.

Érase una vez, no había computadoras. Se ha establecido el tipo, obtener esto, a mano. Es un concepto loco, aunque lo creas o no, el proceso de dar vida a un diseño solía ser una tarea bastante laboriosa, a diferencia de los cómodos trabajos de escritorio que ahora todos disfrutamos.

En aquel entonces, las letras individuales se colocaban en bloques físicos de madera o metal. Obviamente, la naturaleza de los bloques significaba que solo podías aplastar dos letras hasta el momento, hasta el punto en que sus bordes golpeaban. Como solución al problema, los tipógrafos crearon conjuntos de bloques con muescas que encajan como piezas de rompecabezas, lo que permite que las letras se acerquen entre sí cuando sea necesario.

Crédito de la foto: Joel Gillman.

La razón por la que te digo esto es que te da una imagen real cuando piensas en el kerning. Esto le ayuda a recordar lo que es y lo distingue de otros términos tipográficos. Ahora cuando escuchas la palabra? Kerning? Imaginarás bloques de madera con muescas en ellos y recordarás cómo funciona.

Obviamente, en estos días el arte de la composición manual es una novedad. En su lugar, todo esto se maneja en el ámbito digital, directamente en la pantalla de su computadora. Sin embargo, el concepto central aquí es idéntico. Kerning aún se refiere al ajuste de espacio entre dos letras.

El objetivo es simple: igualar la apariencia del espacio en blanco entre letras. Esto se vuelve complicado porque realmente tienes que sentirlo. A veces el espaciado uniforme entre letras no Mira como el espaciado uniforme y tienes que ajustar y ajustar hasta que la palabra parezca que crees que debería. Realmente no hay una fórmula mágica, solo hay que mirarla y decidir qué aspecto tiene.

# 2 Kerning? Rastreo

Una cosa que hace tropezar a la mayoría de los diseñadores nuevos es la diferencia entre el kerning y el rastreo. No cometa el error de mezclar estos dos términos, a los diseñadores de impresión de la vieja escuela les encanta señalar y reírse de las personas que hacen eso.

La diferencia entre los dos es simple: el seguimiento se refiere al espaciado uniforme entre todas las letras en una selección dada de texto y el kerning se refiere al espaciado entre dos letras específicas.

Líder

Ahora, para agregar aún más confusión a esta ecuación, podemos lanzar el liderato en la mezcla. Liderar (? Led-ing?) Es el espacio vertical entre líneas de tipo. En CSS usamos un ajuste similar llamado "altura de línea".

En la paleta de tipos

Mientras estamos en el tema de ajustar todos estos valores, aquí hay una referencia rápida para que sepa cómo detectarlos en Photoshop, Illustrator o InDesign.

Tenga en cuenta que la opción? key (Alt) es su mejor amigo al ajustar cualquiera de estos, junto con las teclas de flecha, por supuesto. Cuál ajusta depende de su selección y cursor. Coloque el cursor entre dos letras y la Opción + Izquierda / Derecha ajusta el kerning, o con una selección de texto más grande, los mismos comandos ajustan el seguimiento. Del mismo modo, la opción + arriba / abajo con una selección de texto ajustará el inicio.

# 3 cartas para ver

Una vez que comiences a convertirlo en una práctica regular para kern tus titulares y otros tipos importantes, notarás que ciertas letras son más problemáticas que otras.

Para tener una idea de cómo funciona esto, abramos Photoshop, configuremos nuestro kerning a? 0? y escriba unas pocas palabras con Times. Estos resultados no han sido modificados por mí en absoluto, son genuinamente tan horribles como resultado del software.

Definitivamente, todo tipo de mayúsculas tiende a ser bastante problemático, por lo que, como regla general, debe vigilarlo de cerca. Sin embargo, encontramos problemas similares cuando empezamos a mezclar letras mayúsculas y minúsculas.

Viendo esto, vemos un patrón que comienza a emerger. En general, cuanto menos se ajusta una letra a la forma de un bloque, más problemática se vuelve. ¿Cartas con inclinaciones fuertes como la mayúscula? ¿A? ¿y W? están obligados a resolver algunos problemas, ya se mezclen con mayúsculas o minúsculas. Además, observe cómo la barra sobresaliente en la? T? y el brazo en la? y? causar problemas cuando se utilizan como tapas iniciales.Aquí, las letras minúsculas que siguen se están espaciando en relación con el contorno de su bloque, pero necesitamos hacer muescas en los bloques como en los tipógrafos antiguos:

Puede encontrar grandes listas de letras específicas para ver, pero como regla general, generalmente vigilo las letras con líneas diagonales como "A". e instancias de mayúsculas iniciales (especialmente cuando se trata de un 'T'), sin importar cuáles sean las parejas. Además, aunque las letras minúsculas tienden a jugar bastante bien juntas, no estás descolgado con ellas. Fíjate en cómo? en el ejemplo anterior difiere mucho de la? ry? espaciado.

# 4 Kern Upside Down

La razón por la que el kerning es tan fácil de pasar por alto es porque sus ojos tienden a ignorar el espacio en busca de leer la palabra o la oración. Después de décadas de lectura, los adultos ya no ven letras, vemos palabras.

Para ayudar a explicar esto, algunos diseñadores sugieren el truco simple de voltear tu tipo al revés antes de realizar el kerning. Es una técnica brillantemente simple que realmente te ayuda a enfocarte en las formas de las letras y cómo encajan en lugar de distraerse con las palabras.

# 5 No te arruines antes de decidirte por una fuente

Obviamente, el espacio entre letras diferirá drásticamente en una base de fuente a fuente. En un nivel práctico, esto significa que su proceso debe ser elegir primero una fuente, luego kern.

Fácil verdad? Sin embargo, tendemos a olvidar este paso cuando cambiamos de opinión sobre una fuente en el último minuto. En este punto, no puede confiar en el kerning que ya ha hecho, sino que tiene que comenzar desde cero y tratar cada fuente como única.

# 6 Ver espaciado de palabras

Hemos discutido el seguimiento, el liderazgo y el kerning, pero hay un área más del espaciado de tipografía que realmente debes tener en cuenta: el espacio entre dos palabras. ¿Esto esencialmente se reduce al tamaño de un espacio? en una fuente

Una cosa que realmente me ha estado molestando últimamente acerca de las fuentes gratuitas es cuántos de ellos tienden a tener cantidades realmente difíciles de espacio entre las palabras.

En general, el kerning en las fuentes libres puede ser bastante malo, pero el espacio entre palabras tiende a ser un punto problemático específico al que se debe prestar atención. Una fuente con un espaciado de palabras realmente deficiente se convierte en un mantenimiento extremadamente alto cuando comienza a trabajar con ella, por lo que es mejor usarlas con moderación o evitarlas por completo.

# 7 No confíes en el software

Como señalé en un artículo reciente sobre sugerencias de tipografía generales, Photoshop e Illustrator tienen algunos modos integrados de kerning automático. Son excelentes para usar, pero utilícelos junto con el kerning manual, simplemente no son lo suficientemente inteligentes como para manejar la tarea por su cuenta.

# 8 Usa Kern.js para Kern Online

Todos estos consejos son excelentes si está diseñando para imprimir o convertir su titular en una imagen, pero ¿qué pasa con el tipo de web en vivo? Como mencioné anteriormente, el kerning en la web es un dolor y muchos diseñadores sugieren simplemente vivir con kerning pobre en lo que respecta al tipo de web. Sin embargo, recientemente se han creado algunas excelentes herramientas de JavaScript para facilitar el trabajo. Uno de los mejores que he visto hasta ahora es Kern.js, una extensión de la excelente Lettering.js.

Conclusión

En resumen, el kerning no es lo más difícil que harás en el diseño, pero puede ser un poco tedioso y tiende a ser algo que te olvidas de hacer.

Asegúrese de mantener el kerning en mente y siempre analice el espaciado de sus letras. Sesenta segundos de kerning en cada título que cree mejorará su competencia tipográfica a pasos agigantados.

Crédito de la foto del título: katietower.