1. Design & Illustration
  2. Typography

Conceptos básicos de legibilidad y composición tipográfica: ¡Kerning, tracking, interlineado y más!

by
Read Time:9 minsLanguages:

Spanish (Español) translation by Mayra Reynoso (you can also view the original English article)

En este artículo, veremos la diferencia entre legibilidad lingüística y legibilidad tipográfica. También definiremos el kerning, el tracking, el interlineado y muchos más términos que pueden ayudarte a que tu texto sea más agradable de leer.

¿Alguna vez has leído la historia de una revista y te has rendido a mitad de camino porque había algo "extraño" en ella? Probablemente fue una legibilidad lingüística y una legibilidad tipográfica deficientes; la mayoría de las veces, son ambas o una de las dos.

Veamos los conceptos básicos de legibilidad lingüística frente a legibilidad tipográfica, qué es el kerning y qué es el seguimiento en el diseño gráfico. También te mostraré algunos otros componentes que pueden afectar y mejorar tus habilidades tipográficas.

¿Buscas un recurso masivo de fuentes de primera calidad? Dirígete a Envato Elements, donde puedes encontrar miles de fuentes profesionales de alta calidad para todas tus necesidades.

Thousands of Fonts on Envato ElementsThousands of Fonts on Envato ElementsThousands of Fonts on Envato Elements
Encuentra miles de fuentes en Envato Elements

Legibilidad lingüística vs Legibilidad tipográfica

Legibilidad lingüística y legibilidad tipográfica son dos términos de diseño que se confunden con frecuencia debido a sus significados relacionados. Estos dos términos se utilizan ampliamente en diseño, especialmente cuando se habla de fuentes y composición tipográfica. Si bien ambos términos se relacionan con la claridad con la que un lector lee un párrafo, ambos siguen siendo conceptos diferentes. Veamos la legibilidad lingüística frente a la legibilidad tipográfica:

  • La legibilidad tipográfica está relacionada con el diseño de un tipo de letra específico, su anatomía (altura x, ancho, peso, contraste de trazo, etc.)
  • La legibilidad lingüística se refiere a cómo se compone un texto en una página. Quizás te estés preguntando: ¿qué significa composición tipográfica? Más sobre eso a continuación.
Readability vs. LegibilityReadability vs. LegibilityReadability vs. Legibility

¿Qué es composición tipográfica?

La definición original de composición tipográfica proviene de la disposición física de tipos móviles en una tipografía. La composición tipográfica de libros fue el comienzo de la legibilidad lingüística y ahora se ha convertido en tipografía digital.

La composición tipográfica es el proceso de organizar cuidadosamente el texto en una página para crear una buena experiencia de lectura. El proceso comienza seleccionando el tamaño y estilo de fuente adecuados, combinando y organizando correctamente el texto y las imágenes, y modificando los detalles tipográficos.

Entonces, ¿qué programa de Adobe se utiliza para la composición tipográfica? Adobe InDesign es el mejor software de composición tipográfica para un diseño de página interior. Si has estado en el diseño durante algunos años (¡o décadas!), QuarkXPress era un antiguo software de composición tipográfica que se usaba principalmente para periódicos.

Book Typesetting Book Typesetting Book Typesetting
Un estuche de piezas de letras de metal fundido y materia de composición tipográfica  en una barra, Willi Heidelbach. Reconocimiento 2.5 genérico de Creative Commons.

Si no estás seguro de cómo realizar la composición tipográfica, puedo decirte que se necesitan años para dominar el tema. Tener buen ojo para los detalles ayuda; es un verdadero oficio. Descubrirás que la mayoría de los diseñadores con experiencia editorial son muy específicos sobre el texto. También hay tipógrafos profesionales cuyo trabajo es crear la mejor experiencia de lectura.

La composición tipográfica y el diseño de la página interior en Adobe InDesign van de la mano. Por lo tanto, para que un texto sea legible lingüísticamente, debes aplicar la composición tipográfica. Hay una serie de reglas y factores que entran en juego. Analicémoslos a continuación:

¿Qué son el Kerning, el interlineado y el tracking?

Estas tres palabras se usan a menudo juntas cuando hablamos de legibilidad lingüística, principalmente porque están relacionadas entre sí. Echemos un vistazo a las diferencias entre el kerning, el tracking y el interlineado:

¿Qué es el Kerning?

La tipografía de kerning se refiere al espacio entre una combinación de dos letras. El objetivo del kerning es tener la misma distancia entre dos caracteres para que la palabra final se vea equilibrada y espaciada uniformemente. La mayoría de los tipos de letra están diseñados con un kerning establecido entre caracteres específicos, pero algunos no lo están de forma predeterminada. Los caracteres más difíciles de intercalar son los que tienen trazos diagonales como A, V o Y debido al espaciado que crean entre ellos.

Encontrarás dos opciones para el kerning en Adobe InDesign: métricas y ópticas. El kerning de métricas utiliza pares interletrados que se incluyen en la mayoría de las fuentes. El kerning óptico considera la forma de los caracteres y ajusta los espacios para que se vean equilibrados.

Kerning TypographyKerning TypographyKerning Typography

¿Qué es el interlineado?

El interlineado se refiere al espaciado vertical entre cada línea de texto. Estas líneas se miden desde la línea de base hasta la línea de base.

Realmente depende del tipo de letra en el que estés componiendo el texto, pero como regla general, cuanto más oscuro sea el tipo de letra, más interlineado necesitarás. Generalmente, puedes comenzar agregando 2 puntos al tamaño final del texto de la copia. Asegúrate siempre de que los ascendentes y descendentes no se toquen de una línea a otra. Cuando tengas un bloque de texto escrito, entrecierra los ojos para comprobar si hay demasiados interlineados entre las líneas. El texto debe verse homogéneo. El interlineado en la tipografía es importante para que las líneas no se mezclen, sino que estén claramente separadas pero también del mismo párrafo.

Leading typographyLeading typographyLeading typography

¿Qué es el tracking?

El tracking, o espacio entre letras, es el espacio entre los caracteres de una palabra. A diferencia del kerning, el tracking de caracteres se aplica a una palabra completa o caracteres en general. Dependiendo de la fuente, es posible que debas agregar espacio horizontal a un bloque de texto para corregir los saltos de línea y evitar formas extrañas y letras sueltas. Los títulos u oraciones en mayúsculas necesitan seguimiento para agregar un poco de aire entre los caracteres y hacerlos claros y legibles. La clave con el tipo de tracking es encontrar un buen equilibrio.

Tracking typographyTracking typographyTracking typography

Tamaño de fuente y tipos de estilo

Tamaño de fuente

Las fuentes que son demasiado pequeñas pueden llegar a ser difíciles de leer, especialmente para las personas mayores o con discapacidades. La mayoría del material de lectura física se establece entre 9.5 y 11 puntos. El tamaño predeterminado de 12 puntos de los procesadores de texto suelen ser demasiado grandes. Más adelante, el uso de una fuente que es demasiado grande puede resultar en páginas adicionales (haciendo que el lector gire más páginas) o, si no se hace con cuidado, puede parecer un libro para niños.

El interletraje de las fuentes y el interlegado deben ajustarse en función al tamaño de la fuente. Cuanto más grande sea la fuente, más espacio necesitará entre los caracteres y las líneas.

Font SizeFont SizeFont Size

Tipos de estilo

Los tipos de estilo se refieren a la diferenciación entre los usos estilísticos de un texto. En inglés, tenemos el tipo oración, tipo título y todas en mayúsculas.

  • El tipo oración es un estilo mixto en el que la primera palabra de la oración está en mayúscula (como en esta oración).
  • El tipo título también es un estilo mixto en el que la primera letra de cada palabra está en mayúscula, a excepción de los artículos (como a / la).
  • Todo en mayúsculas es un estilo único en el que un texto se establece sólo en mayúsculas. Se usa principalmente en encabezados o situaciones especiales, puede parecer que estas letras están gritando, por lo que se debe prestar especial atención cuando se utilice.
Case StyleCase StyleCase Style

Longitud y alineación de línea

Longitud de línea

La longitud de línea es el número de caracteres o palabras por línea. Como regla general, una línea debe contener alrededor de 60 caracteres (de texto injustificado) para que sea altamente legible. Muy pocos caracteres pueden hacer que una línea se rompa con demasiada frecuencia, lo que resulta en separaciones por sílabas. Demasiados caracteres pueden dificultar que el lector siga de una línea a otra.

Line lengthLine lengthLine length

Alineación

La alineación hace referencia a cómo se establece un bloque de texto en una página. Los tipos de alineación pueden ser izquierdo, derecho, justificado o centrado.

  • La alineación izquierda es la predeterminada y más legible porque es natural.
  • La alineación derecha se utiliza a veces para poemas o texto corto.
  • El texto justificado se usa más comúnmente en periódicos o revistas para ahorrar espacio y meter tantas palabras como sea posible en una línea. El texto justificado puede verse denso y puede ser un problema para la legibilidad porque cada línea tiene esencialmente el mismo aspecto. Los lectores pueden confundirse al saltar de una línea a la siguiente.
  • La alineación central es comúnmente utilizada para invitaciones formales y texto corto.
AlignmentAlignmentAlignment

Color/Contraste

El color y el contraste hacen referencia al fondo de la página y su relación con el color del texto. Por ejemplo, el texto que está escrito en fuentes serif y en color blanco puede ser difícil de leer sobre un fondo negro. Los diseñadores de libros tienen la opción de usar papel de cualquier color, por lo que siempre es bueno probar el color del texto sobre la elección final de papel para tu proyecto.

Hay algunos trucos para usar si tienes un tipo blanco sobre un fondo negro. Por ejemplo, podrías agregar más kerning e interlineado al texto para que tengas más espacio para reconocer los caracteres.

Color and ContrastColor and ContrastColor and Contrast

¿Qué es un margen?

El espacio en blanco es importante para asegurarse de que hay suficiente espacio alrededor de un bloque de texto. De lo contrario, puede sentirse abarrotado, y los lectores se pueden desalentar por eso. Los márgenes generosos le darán a un libro o revista un aspecto más aireado y limpio. También permitirán que los ojos se muevan cómodamente alrededor de cada línea de texto.

MarginsMarginsMargins

¿Qué son las viudas y las huérfanas?

Las viudas y las huérfanas restringen el flujo de lectura fácil de un texto. Cuando la primera línea de un párrafo cae en la última línea de una página, se le conoce como una viuda. Cuando la última línea de un párrafo se desborda a la página o al párrafo siguiente, se denomina huérfana. Estos dos deben evitarse a toda costa, no sólo con fines estéticos. Esto también hace que el lector haga una pausa, lo que puede comprometer su comprensión del contenido.

Widows and OrphansWidows and OrphansWidows and Orphans

¿Qué son los márgenes irregulares y los ríos?

Notarás los márgenes irregulares y los ríos normalmente al escribir texto en una longitud de línea corta. Los márgenes irregulares aparecen cuando se usan columnas estrechas, esto resultará en más saltos de línea, lo que provocará espacios desiguales en el lado opuesto del lado de color del texto. Estos márgenes irregulares pueden distraer si no se balancean adecuadamente. Los márgenes irregulares se pueden corregir manualmente rompiendo líneas cuando sea necesario o separando con guiones ciertas palabras, intenta evitar dos líneas consecutivas con guiones. Un buen margen irregular entrará y saldrá de una manera natural.

RagsRagsRags

Los ríos suelen aparecer cuando el texto está justificado y aparecen grandes espacios entre las palabras. La configuración de tracking y separación por sílabas ayudará a eliminar los ríos. El desafío aquí radica en usar la cantidad justa de tracking, para que no se vea demasiado apretado (más caracteres en una línea) o demasiado aireado. La división de palabras del texto ayudará a dividir palabras cuando sea necesario, pero evita la división en dos líneas consecutivas.

RiversRiversRivers

Conclusión

Los errores de composición tipográfica se pueden ver en todas partes; se necesitan años para diseñar. Es una de las herramientas invisibles más importantes en el diseño, pero que puede mejorar la experiencia de un lector. La composición tipográfica determina el aspecto que puede tener un proyecto de diseño, cómo fluye el contenido y cómo asegurarse de que el lector disfruta del tema.

En este artículo, explicamos qué es la composición tipográfica, cómo escribir y qué programa de Adobe se utiliza para la composición tipográfica. También analizamos las reglas esenciales de la composición tipográfica, como el tracking vs. el kerning, el tipo de interlineado, el tamaño de fuente y los tipos de estilo, la longitud de línea y las alineaciones, el color y el contraste, los márgenes y las viudas y las huérfanas. Todas estas cosas son muy importantes para la composición tipográfica física y digital. También hablamos sobre las definiciones de legibilidad tipográfica y legibilidad linguística, dos conceptos que están estrechamente relacionados y se utilizan indistintamente la mayor parte del tiempo.

La composición tipográfica de libros puede ayudar a que el texto tenga un aspecto más profesional para proyectos legibles y de alta calidad. Ahora que ya sabes cómo diferenciar el kerning vs. el tracking, vs. el interlineado, podrás crear diseños sin problemas. Podrás mejorar la experiencia del lector de un libro o revista.

One subscription.
Unlimited Downloads.
Get unlimited downloads