Tipografía y diagramación

¿Qué es?

La tipografía es el arte de elegir y disponer las letras: qué fuentes usas, en qué tamaños, con cuánto espacio entre líneas y palabras. La diagramación es cómo organizas todos esos elementos en la página: márgenes, columnas, jerarquía visual y uso del color. Juntas son lo que hace que un documento se sienta «de imprenta» y no «de impresora casera».

¿Cómo funciona?

En LaTeX casi todas estas decisiones viven en el preámbulo y se aplican a todo el documento de una sola vez. Con paquetes como fontspec eliges fuentes reales del sistema, con titlesec rediseñas el aspecto de cada nivel de título, y con xcolor defines una paleta. Configuras la regla una vez y el motor la respeta en cada página, sin que tengas que ajustar nada a mano.

¿Para qué sirve?

Esta es la capa que más eleva la sensación de calidad de tu kit de material didáctico. Una buena pareja de fuentes, una jerarquía clara y un espaciado cuidado hacen que tus guías y talleres se lean con la fluidez de un libro de texto. En tu proyecto final, estas decisiones tipográficas serán las que den identidad y profesionalismo a todo el material, antes incluso de añadir figuras o cajas.

Aquí empieza la diferencia entre "un PDF de LaTeX" y "un libro de texto". La composición tipográfica es el 80% de la sensación de calidad editorial, y casi todo se decide en el preámbulo. En este módulo afinamos fuentes, jerarquía, espaciado, color y el aprovechamiento del papel. La regla que gobierna todo: texto primero, decoración casi nunca.

Fuentes: cuerpo serif, títulos sans

La pareja tipográfica más confiable para material didáctico es una serif cálida para el cuerpo (alta legibilidad en bloques largos) y una sans para títulos y etiquetas (contraste y jerarquía). Con fontspec (recuerda: XeLaTeX o LuaLaTeX) eliges fuentes reales del sistema:

\usepackage{fontspec}
\setmainfont{Charter}[
 BoldFont = {Charter Bold}, ItalicFont = {Charter Italic},
 Ligatures = TeX, Numbers = Lining ]
\setsansfont{Inter}[
 UprightFont = Inter-Regular, BoldFont = Inter-SemiBold,
 Ligatures = TeX, Numbers = Lining ]

Numbers = Lining fuerza cifras de la misma altura que las mayúsculas: imprescindible en tablas y enunciados numéricos. Ligatures = TeX mantiene los guiones tipográficos (-- → en dash, --- → em dash).

Jerarquía: que se vea sin leer

La jerarquía es lo que permite escanear una página. Se construye con tamaño, peso, color y espacio —no con subrayados ni mayúsculas sostenidas. Con titlesec redefines el aspecto de cada nivel una sola vez:

\usepackage{titlesec}
\usepackage{xcolor}
\definecolor{materia}{RGB}{30,64,120}

\titleformat{\section}
 {\LARGE\sffamily\bfseries\color{materia}}{}{0pt}{}
 [\vspace{2pt}{\color{materia!30}\titlerule[0.8pt]}]
\titlespacing*{\section}{0pt}{3.2ex}{1.8ex}

Aquí la \section es grande, sans, en el color de la materia, y se cierra con una regla fina del mismo color al 30%. El \titlespacing* controla el aire antes (3.2ex) y después (1.8ex). Un buen espaciado vertical comunica jerarquía sin un solo recuadro.

Espaciado y ritmo vertical

El ritmo es la respiración del documento. Tres ajustes lo definen:

\linespread{1.22} % interlineado: aire entre líneas
\setlength{\parindent}{0pt} % sin sangría de primera línea...
\setlength{\parskip}{0.5em} % ...y en su lugar, aire entre párrafos

Decisión de estilo: o sangras la primera línea (\parindent) o separas párrafos con espacio (\parskip), nunca las dos. Para material didáctico moderno, el espacio entre párrafos lee más limpio y aireado. Un interlineado de 1.2–1.25 es cómodo para lectura prolongada; menos aprieta, más desperdicia papel.

Color editorial: uno, no un arcoíris

El color de calidad editorial es funcional, no decorativo. Una sola variable cromática —el color de la asignatura— más una escala de grises neutros. El color marca jerarquía (títulos, reglas, un dato clave); el gris hace el trabajo silencioso (subtítulos, pies, secundarios).

\definecolor{materia}{RGB}{30,64,120} % la única tinta de color
% grises: black!82 (subtítulos) · black!55 (pies) · black!18 (reglas)

Usar materia!30 o black!55 (mezclas con blanco) te da una paleta entera a partir de una sola tinta, con coherencia garantizada. Tres colores saturados compitiendo gritan "presentación de PowerPoint", no "libro".

Optimizar el papel

El material didáctico se imprime, y el papel cuesta. Optimizar no es apretar hasta la incomodidad, sino eliminar desperdicio:

• Márgenes con criterio. Con geometry, márgenes asimétricos (interior menor que exterior) aprovechan mejor la hoja en impresión a doble cara y dejan sitio para notas al margen.
• microtype comprime ópticamente y reduce líneas viudas/huérfanas casi gratis.
• Multicolumna para listas o ejercicios cortos con multicol.

\usepackage[inner=2.1cm, outer=3.7cm, top=2.6cm, bottom=2.3cm,
 marginparwidth=2.55cm]{geometry}
\usepackage{microtype}

Ejemplo guiado: una página con jerarquía real

Compila esto con LuaLaTeX y observa cómo, sin un solo recuadro, la página ya tiene jerarquía:

\documentclass[11pt, letterpaper]{article}
\usepackage{fontspec}\usepackage{polyglossia}\setdefaultlanguage{spanish}
\usepackage[inner=2.1cm, outer=3.7cm, top=2.6cm, bottom=2.3cm]{geometry}
\usepackage{microtype}\usepackage{xcolor}\usepackage{titlesec}

\setmainfont{Charter}[Ligatures=TeX, Numbers=Lining]
\setsansfont{Inter}[Ligatures=TeX, Numbers=Lining]
\definecolor{materia}{RGB}{30,64,120}
\linespread{1.22}\setlength{\parindent}{0pt}\setlength{\parskip}{0.5em}

\titleformat{\section}{\LARGE\sffamily\bfseries\color{materia}}{}{0pt}{}
 [\vspace{2pt}{\color{materia!30}\titlerule[0.8pt]}]
\titlespacing*{\section}{0pt}{3.2ex}{1.8ex}

\begin{document}
\section{El sistema solar}
Ocho planetas orbitan el Sol. Los cuatro interiores son
\textbf{rocosos}; los cuatro exteriores, \textbf{gaseosos}.

{\sffamily\bfseries\color{black!82}\large ¿Por qué importa?}\\
La distancia al Sol explica la temperatura, y la temperatura
explica de qué está hecho cada planeta.
\end{document}

Paso a paso: (1) la pareja Charter/Inter da contraste cuerpo–título; (2) geometry asimétrico aprovecha el papel a doble cara; (3) el interlineado 1.22 y parskip dan ritmo; (4) un solo color marca el título y, atenuado, su regla; (5) el subtítulo usa la sans en gris 82%, no el color de la materia —jerarquía por tono, sin saturar. Este es el ADN del design system que formalizarás en el módulo 4.

Ejercicios

Evaluados por coherencia editorial y criterio, no por cantidad de paquetes.

1. Pareja tipográfica con jerarquía. Diseña el preámbulo de una guía con una pareja serif/sans, una sola tinta de color, e interlineado y parskip justificados. Redefine \section y \subsection para que la jerarquía se distinga sin leer. Se valora: contraste claro entre niveles logrado con tamaño/peso/color/espacio —no con recuadros ni subrayados.

2. Auditoría de ritmo. Toma un documento tuyo (o uno dado) plagado de \\ y \vspace manuales y reescríbelo moviendo todas las decisiones de espaciado al preámbulo. Mide el antes y después en número de páginas. Se valora: el cuerpo queda legible como prosa y el papel se aprovecha mejor sin que el texto se sienta apretado.