Tipografía: clasificación, partes de la letra y cómo combinar fuentes

Escribe la palabra "Bienvenidos" en Times New Roman y luego en Comic Sans. Dice exactamente lo mismo, pero no transmite lo mismo: una parece la entrada de un banco y la otra, la de una fiesta infantil. La letra también comunica, y elegirla bien es parte del trabajo de cualquier diseñador.
Esta guía reúne lo básico de tipografía que se trabaja en el módulo de diseño editorial de Expresión Gráfica Digital y que le sirve a cualquiera que haga presentaciones, carteles o publicaciones.
Tipografía, familia y fuente: no son lo mismo
- Tipografía es la disciplina que estudia el diseño y el uso de las letras. También se usa para referirse a un diseño de letra en particular.
- Familia tipográfica es el conjunto de todas las variantes de un diseño: Arial, por ejemplo, incluye Arial Regular, Arial Bold y Arial Italic.
- Fuente es cada una de esas variantes, en el archivo que instalas en la computadora.
Clasificación de la tipografía
Existen clasificaciones muy detalladas, pero para empezar basta con cinco grandes grupos:
| Grupo | Cómo se reconoce | Úsala para | Ejemplos |
|---|---|---|---|
| Serif o romana | Tiene pequeños remates (serifas) en los extremos de los trazos | Libros, periódicos, textos formales | Times New Roman, Georgia, Garamond |
| Sans serif o de palo seco | Sin remates, trazos limpios | Pantallas, señalética, diseño moderno | Arial, Calibri, Montserrat, Roboto |
| Script o caligráfica | Imita la escritura a mano o con pluma | Invitaciones, títulos breves | Pacifico, Great Vibes, Dancing Script |
| Decorativa o display | Formas llamativas y muy expresivas | Títulos grandes y logotipos | Impact, Bebas Neue, Lobster |
| Monoespaciada | Todas las letras miden lo mismo de ancho | Código de programación | Courier New, Consolas |
Las partes de una letra
- Línea base: la línea imaginaria sobre la que se apoyan las letras.
- Altura x: la altura de las minúsculas sin ascendentes, como la "x". Las fuentes con altura x grande se leen mejor en tamaños pequeños.
- Ascendentes: los trazos que suben por encima de la altura x, como en la "b", la "d" o la "h".
- Descendentes: los que bajan de la línea base, como en la "g", la "p" o la "y".
- Asta: el trazo principal de la letra.
- Serifa o remate: el pequeño trazo en los extremos de las letras serif.
- Ojo o contraforma: el espacio interior de letras como la "o", la "a" o la "e".
El espacio también es tipografía
- Interlineado: la distancia entre líneas. Para un párrafo, entre 1.2 y 1.5 veces el tamaño de la letra suele leerse cómodo.
- Tracking o interletrado: el espacio general entre todas las letras de un texto. Abrirlo un poco en títulos en mayúsculas les da elegancia.
- Kerning: el ajuste del espacio entre dos letras específicas, como "AV", "To" o "LT", que por su forma pueden verse demasiado separadas.
Cinco reglas para combinar fuentes
- Usa como máximo dos familias en un mismo diseño.
- Busca contraste: una serif para títulos con una sans serif para el texto, o al revés. Dos fuentes demasiado parecidas parecen un error.
- Antes de agregar otra fuente, crea jerarquía con el tamaño y el grosor de la misma familia.
- Deja las script y las decorativas para palabras sueltas o títulos, nunca para párrafos.
- Prueba siempre en el tamaño real: lo que se ve bien en la pantalla puede no leerse impreso en un volante.
Un consejo práctico: en Google Fonts encuentras cientos de tipografías gratuitas que puedes usar en proyectos escolares y comerciales, y el propio sitio sugiere combinaciones.
Descarga la guía de tipografía en Word
La guía incluye la tabla de clasificación, muestras de cada grupo, un glosario de las partes de la letra, las reglas de espaciado y combinación, y tres ejercicios: clasificar fuentes, señalar la anatomía de una palabra y diseñar la portada de una revista escolar con solo dos tipografías.
Descargar el formato en Word (.docx)
Para seguir practicando, aplica estas reglas en tu primer logotipo en Inkscape y revisa los fundamentos del diseño.
Profe Arci
#Tipografía #DiseñoGráfico #DiseñoEditorial #Fuentes #ExpresiónGráficaDigital #Diseño #ProfeArci
