1. Anatomía del tipo
Las letras tienen asta, ojo, ascendente, descendente, remate o serifa y altura de x (la de las minúsculas sin astas).
2. Clasificación de las familias
- Romanas o con serifa (Times, Garamond): rematadas, para textos largos impresos.
- Palo seco / sans serif (Helvetica, Futura): sin remates, modernas, para pantalla y titulares.
- Caligráficas, decorativas y monoespaciadas.
3. Cuerpo y escala tipográfica
El cuerpo es el tamaño de la fuente, en puntos (pt). Una escala modular fija una razón constante: cuerpo = base · razón^paso.
Razones habituales: 1,125 (segunda mayor), 1,25 (tercera mayor) y 1,618 (áurea). La escala da jerarquía coherente a títulos y textos.
4. Interlínea y legibilidad
La interlínea (interlineado) es la distancia entre líneas de base; suele ser un 120–145 % del cuerpo. Demasiado apretada o demasiado abierta perjudica la lectura. La longitud de línea óptima ronda 45–75 caracteres.
5. Los formatos DIN A
La serie DIN A (ISO 216) parte del A0 (≈ 1 m² de superficie, 841 × 1189 mm). Cada formato se obtiene doblando el anterior por el lado mayor, conservando la relación 1:√2.
Por eso el lado largo = lado corto · √2. A4 = 210 × 297 mm; A5 = 148 × 210; A3 = 297 × 420. Cada paso reduce el área a la mitad.
6. La retícula editorial
La retícula ordena la página en márgenes, columnas y medianiles (el espacio entre columnas).
Ancho útil = ancho − 2·margen. Con n columnas y medianil m: ancho de columna = (útil − (n−1)·m) / n.
Problemas y análisis paso a paso
Combina análisis guiado (identificar recurso, ley, técnica, área) y cálculos de proporción, color, formato y resolución, auto-corregidos.
1. Familia para un texto largo impreso análisis
Maquetas una novela de 300 páginas. Para facilitar la lectura prolongada en papel, ¿eliges una tipografía con serifa (romana) o de palo seco?
1
Indica cuál.
Ver solución completa
Una tipografía con serifa (romana): los remates guían el ojo en textos largos impresos.
2. Lado largo de un A4 cálculo
Un A4 tiene el lado corto de 210 mm. Usando la relación DIN 1:√2, ¿cuánto mide aproximadamente el lado largo? (210 · 1,4142)
1
Largo = 210 · 1,4142.
Ver solución completa
210 · 1,4142 ≈ 297 mm: las dimensiones reales del A4 (210 × 297).
3. Lado largo de un A5 cálculo
Un A5 tiene el lado corto de 148 mm. ¿Cuánto mide su lado largo? (148 · √2)
1
Largo = 148 · 1,4142.
Ver solución completa
148 · 1,4142 ≈ 209 ≈ 210 mm: el lado largo del A5 coincide con el corto del A4.
4. Escala tipográfica modular cálculo
Una escala parte de un cuerpo base de 16 pt con razón 1,25. ¿Qué cuerpo corresponde a 2 pasos por encima de la base? (16 · 1,25²)
1
Cuerpo = 16 · 1,25².
Ver solución completa
16 · 1,25² = 16 · 1,5625 = 25 pt.
5. Parte de la letra análisis
¿Cómo se llama el pequeño remate o terminación en los extremos de las astas de algunas tipografías (como Times)?
1
Nómbralo.
Ver solución completa
Es la serifa (remate o gracia): la tienen las romanas, no las de palo seco.
6. Ancho de columna de una retícula cálculo
Una página de 800 px tiene márgenes de 40 px, 3 columnas y medianiles de 20 px. ¿Cuál es el ancho de cada columna?
1
Útil = 800 − 80.
2
Columna = (720 − 2·20)/3.
Ver solución completa
Útil = 800 − 80 = 720; columna = (720 − 40)/3 = 680/3 ≈ 226,7 px.
7. Interlínea al 140 % cálculo
Un texto a cuerpo 10 pt lleva una interlínea del 140 %. ¿Cuántos puntos mide la interlínea?
1
Interlínea = 10 · 1,4.
Ver solución completa
10 · 1,4 = 14 pt (se escribiría 10/14).
8. Área del A0 cálculo
El formato A0 tiene una superficie de aproximadamente 1 m². ¿Cuántos cm² son? (1 m² = 10000 cm²)
1
Área = 10000 cm².
Ver solución completa
1 m² = 10.000 cm²: el A0 mide 841 × 1189 mm ≈ 1 m².
9. Familia para pantalla y titulares análisis
Para la interfaz de una web y sus titulares quieres una tipografía moderna, sin remates. ¿Qué clase de familia eliges?
1
Nómbrala.
Ver solución completa
Una de palo seco (sans serif): limpia y legible en pantalla y en grandes tamaños.
10. Del A4 al A5 (mitad de área) cálculo
Al doblar un A4 por su lado largo se obtiene un A5, con la mitad de superficie. Si el A4 tiene 623,7 cm² (210×297 mm), ¿qué área aproximada tiene el A5? (cm²)
1
Área A5 = 623,7 / 2.
Ver solución completa
623,7 / 2 ≈ 311,85 cm²: cada formato DIN tiene la mitad de área que el anterior.
11. Altura de la x análisis
En tipografía, ¿cómo se llama la altura de las letras minúsculas sin astas ascendentes ni descendentes (como la a, e, o)?
1
Nómbrala.
Ver solución completa
Es la altura de x: a igual cuerpo, una x-height mayor mejora la legibilidad.
12. Cuerpo de un titular en escala áurea cálculo
Una escala usa razón áurea 1,618 sobre un cuerpo base de 12 pt. ¿Qué cuerpo corresponde a 1 paso? (12 · 1,618)
1
Cuerpo = 12 · 1,618.
Ver solución completa
12 · 1,618 ≈ 19,4 pt.
13. Espacio entre columnas análisis
¿Cómo se llama el espacio en blanco que separa dos columnas de texto en una retícula?
1
Nómbralo.
Ver solución completa
Es el medianil (también «calle»): evita que las columnas se lean como una sola.
14. Número de columnas conocido el ancho cálculo
En una retícula de 1000 px con márgenes de 50 px y sin medianiles, cada columna mide 300 px. ¿Cuántas columnas caben? ((1000 − 100)/300)
1
Columnas = (1000 − 100)/300.
Ver solución completa
(1000 − 100)/300 = 900/300 = 3 columnas.
15. Relación que conserva la serie DIN análisis
Al doblar cualquier formato DIN A por el lado largo, el formato menor mantiene la misma proporción que el mayor. ¿Cuál es esa relación lado largo:lado corto?
1
Indica la relación.
Ver solución completa
La relación 1:√2 (≈ 1,4142): es lo que permite escalar sin deformar.
Test de autoevaluación
1. La relación entre lados de la serie DIN A es:
2. Un A4 mide:
3. En una escala modular, cuerpo = base · razón elevado a:
4. El espacio entre dos columnas se llama:
5. Para un texto largo impreso son más legibles las tipografías:
Simuladores
📄 Formatos DIN A (relación 1:√2)
En la serie DIN A el lado largo es siempre √2 veces el corto, por eso al doblar se mantiene la proporción.
🔤 Escala tipográfica modular
Cada paso multiplica el cuerpo por una razón constante: cuerpo = base · razón^paso.
Banco de exámenes (Diseño)
Cargando…
Generador aleatorio
El generador construye items aleatorios por bloque (proporción, color, formato, resolución y análisis tipo test). Cada plantilla incluye su solución.