Un laboratorio visual para entender cómo se construye una página. Observa, mueve los controles y descubre por qué cada decisión cambia la lectura.
RECURSO DE CLASE / AUTÓNOMO / SIN CONEXIÓN
Una familia tipográfica reúne letras de diseño común y sus variantes: regular, cursiva, negrita. La elección cambia el tono y la facilidad de lectura.
Los pequeños remates cierran los trazos. En libros, una serif puede dar una textura continua al bloque de lectura. Ejemplo con Georgia, fuente del sistema.
Los trazos terminan sin remates. Suele usarse en señalización, titulares, pies y sistemas de información. Ejemplo con Arial, fuente del sistema.
Tamaño nominal de la letra. Al crecer, caben menos palabras por línea.
1 punto ≈ 0,353 mm. El cuerpo se mide habitualmente en puntos.
Distancia entre líneas base. 12/16 significa 12 pt de cuerpo y 16 pt de interlineado.
Observa cómo cuerpo, interlineado y espaciado modifican el color del párrafo: la densidad visual que percibimos incluso antes de leer.
Para texto largo suele funcionar una línea de aproximadamente 45–75 caracteres. Ajusta según cuerpo, tipografía y soporte.
Diseñar una página es decidir cómo entra el ojo, dónde se detiene y cómo continúa. Cada espacio, cada línea y cada cambio de tamaño construye una ruta de lectura.
El texto necesita aire para respirar. Una composición clara permite que el contenido conserve su voz y que el lector avance sin esfuerzo.
Espaciado cerrado
Espaciado abierto
El tracking suma o quita espacio a un conjunto completo de letras.
Par sin ajustar
Par ajustado visualmente
El kerning corrige pares concretos, como A–V o T–o, para equilibrar el espacio percibido.
La jerarquía visual ordena la información mediante escala, peso, posición, contraste y espacio. No basta con hacer todo grande: hace falta una diferencia clara entre niveles.
Una mirada a los libros, carteles y revistas que transforman el espacio cotidiano en memoria.
Categoría: sitúa el tema sin competir con el titular.
Titular: concentra la atención y abre la lectura.
Entradilla: amplía la promesa del titular.
Datos: autoría, fecha o contexto al final del recorrido.
La escala debe responder a una función: título, subtítulo, cuerpo y nota. El contraste crea navegación.
Una retícula es el sistema de guías que relaciona márgenes, columnas y blancos. Da coherencia a páginas distintas sin imponer una única composición.
Activa las guías para comparar la alineación de las líneas entre columnas.
Columnas: bandas verticales para distribuir texto e imágenes.
Medianil: espacio entre columnas; también se llama así al área interior junto al lomo de un libro.
Márgenes: distancia entre el contenido y el borde de página.
Caja tipográfica: zona útil donde viven texto e imágenes principales.
El diseño editorial combina decisiones de contenido y forma. La retícula propone un orden para que las páginas dialoguen entre sí. El espacio blanco no es un vacío: ayuda a distinguir bloques, crea pausas y dirige la atención.
Cuando el texto cambia de columna, el medianil impide que dos líneas vecinas se confundan. El margen interior necesita considerar la encuadernación; el exterior puede ofrecer aire para sostener el libro.
Espacios sin tinta que agrupan contenido y dan pausas. En la muestra, el margen deja respirar la columna.
La paginación organiza y numera las páginas. El folio es el número que identifica cada página: aquí, 16 y 17. En un libro abierto, la par suele estar a la izquierda y la impar a la derecha.
Dimensiones finales y orientación de la pieza. El formato condiciona la retícula y el manejo.
Se distinguen por sangría inicial o por espacio entre bloques. Elige una regla coherente.
La caja es la zona útil del contenido; los márgenes la separan del borde.
El medianil separa columnas. Junto al lomo de un libro también nombra la zona interior.
Estas dos situaciones aparecen al cambiar de página o columna. La línea aislada está marcada en verde. Pulsa Corregir y compara el antes con el después.
La última línea de un párrafo queda sola al comienzo de la página o columna siguiente.
Solución: ajustar ligeramente el texto, la caja o los saltos para mantener esa línea con el párrafo.
La primera línea de un párrafo queda sola al final de una página o columna.
Solución: mover la primera línea junto a las siguientes o ajustar la composición.
Mira las tres muestras como si revisaras una prueba de imprenta. Elige el defecto de cada página y pulsa «Ver corrección» para comparar el resultado.
Elige un diagnóstico
Al justificar una columna estrecha, los espacios entre palabras pueden formar un camino vertical. Prueba otro ancho, cuerpo, partición o alineación.
Elige un diagnóstico
La partición debe respetar la sílaba y favorecer la lectura. Aquí conviene recomponer la línea y dejar «página» completa.
Elige un diagnóstico
Una última línea de una sola palabra deja una forma débil en el párrafo. Revisa la redacción o ajusta la caja con cuidado.
Las muestras son composiciones didácticas originales; representan defectos habituales, no páginas del libro analizado abajo.
Maquetas originales inspiradas en convenciones históricas. No reproducen páginas ni textos de obras existentes: muestran cómo cambian ritmo, proporción y jerarquía.
Eje central, márgenes generosos, ornamento discreto y composición solemne.
Una columna, sangría de párrafo y textura uniforme para lectura sostenida.
Imagen dominante, titular de alto contraste y columnas para lectura fragmentada.
Tres visualizaciones del proyecto editorial que muestran cómo cambian las decisiones entre cubierta, apertura de capítulo y lectura continua. Elige una vista y toca los números para descubrir cada capa.
Diseño editorial de Rodolfo Báez para La Manigua, de Luis Corcino · El Gato Ediciones
Visualización de presentación del proyecto. Los marcadores señalan decisiones observables en la imagen.
El sangrado extiende imágenes o fondos más allá del tamaño final para evitar bordes blancos tras el guillotinado. La línea de corte marca el borde final de la pieza. Como referencia habitual, muchas imprentas piden 3 mm de sangrado; confirma siempre la especificación del taller.
Los colores intensos de pantalla pueden cambiar al imprimir. Revisa el perfil de color indicado por la imprenta y haz una prueba cuando el color sea crítico.
Píxeles por pulgada: describe la densidad de una imagen digital cuando se coloca a un tamaño físico. Ampliar mucho una imagen reduce su PPI efectivo.
Puntos por pulgada: describe la densidad de puntos que puede producir un dispositivo de impresión. En uso informal se confunde con PPI, pero miden cosas distintas.
Ordenar páginas en el pliego para que, al plegar y cortar, queden en secuencia.
Coincidencia precisa de las tintas. Si se desplazan, aparecen bordes de color.
Hoja grande con varias páginas que se dobla para formar cuadernillos.
Unión por cosido, encolado o grapas. Cambia apertura, resistencia y margen interior.
Gramos por metro cuadrado. A mayor gramaje, suele aumentar el grosor y la rigidez.
Impresión de revisión para comprobar tonos y ajustes antes de producir todo.
Abre este libro y toma decisiones como si estuvieras diseñando una publicación. Cada página muestra una pista visual: elige, descubre qué cambia y continúa a tu ritmo.
Cada página es una decisión
Observa la pista. Imagina la lectura. Elige lo que harías.
Dos recorridos, sin reloj. Cada respuesta explica la decisión editorial y te ayuda a mirar los libros de otra manera.
Puedes repetir el recorrido y explorar cualquier sección del atlas cuando quieras.
Busca un término y abre su definición. Úsalo como recordatorio durante la explicación o al analizar una publicación.
No hay términos con esa búsqueda.