Espacio en blanco y ritmo
Espacio en blanco y ritmo
10 reglasTrata el espacio en blanco como elemento activo, colócalo antes de llenar
El espacio en blanco (el negativo) es un elemento de diseño con peso propio, no un sobrante. Decide primero dónde va el aire y luego coloca el contenido dentro de esa estructura, nunca al revés. Una maqueta armada apretando contenido hasta que quepa, y solo después llamando "espacio en blanco" a los huecos, siempre se lee como accidente.
Distingue el blanco micro del macro: legibilidad frente a jerarquía
El blanco micro (interletraje, interlineado, espacio entre párrafos) gobierna la legibilidad y el confort de lectura; el blanco macro (márgenes, calles entre columnas, páginas en blanco entre secciones) gobierna la percepción de jerarquía y lujo. Ajústalos con herramientas distintas: el micro vive en la especificación tipográfica, el macro en la retícula y el layout de página. Confundirlos degrada ambos.
Presupuesta el blanco según el tipo de documento: 40-50%+ premium, 20-30% utilitario
Las piezas premium y editoriales de alta gama dedican 40–50% o más de la página al blanco en portadas y aperturas de capítulo; los documentos utilitarios (manuales, fichas técnicas, formularios) pueden bajar a 20–30% sin perder claridad. La proporción es una decisión de registro, no un accidente de gusto: más aire se lee como calma y lujo, menos aire como eficiencia y densidad. Fija el objetivo desde el inicio y sosténlo en toda la familia.
Construye ritmo de lectura: alterna spreads densos con spreads de respiro
Usa el blanco para dar ritmo a un documento largo. En revistas y catálogos extensos, alterna spreads densos (mucho texto, varias imágenes) con spreads de respiro (una imagen y mucho aire) cada 4–6 páginas para que el lector descanse antes de fatigarse. La densidad ininterrumpida se aplana en un muro gris; un latido constante de tensión y descanso mantiene el ojo en movimiento por la pieza.
Regla de aislamiento: más aire alrededor se lee como más importante
Un elemento rodeado de más espacio en blanco que sus vecinos se lee automáticamente como más importante, sin aumentar tamaño, color ni peso. El aislamiento es la herramienta de jerarquía más barata que tienes: da a la cifra clave, la cita destacada o el CTA un margen generoso de vacío y avanza solo. Cuando todo tiene el mismo padding, nada guía y el lector busca el punto de entrada.
Nunca dejes espacio en blanco atrapado entre elementos
El blanco atrapado es un hueco entre elementos que no comunica ni jerarquía ni pausa: solo parece un agujero. Todo blanco debe leerse como una de cuatro cosas: margen, calle entre columnas, aislamiento o respiro deliberado. Un vacío incómodo entre un título y su párrafo, o entre una imagen y su pie separados de más, rompe el flujo y se lee como error de maqueta. Ciérralo o dale un significado.
Da a la apertura de capítulo al menos un tercio de altura en aire activo
En las aperturas de capítulo y páginas de título de sección, deja al menos 1/3 de la altura de página en blanco activo alrededor del título para darle peso ceremonial, la sensación de un inicio. El aire es lo que separa un libro de un volante: bajar el título un tercio, o flotarlo en una banda limpia, le dice al lector que empieza un movimiento nuevo. Un título pegado al borde superior de una página entera desperdicia esa señal.
Separa secciones con espacio en blanco en vez de líneas donde el espacio lo permita
Cuando hay lugar, separa secciones con espacio en blanco en vez de líneas divisorias. Un hueco de ≥2× el interlineado del cuerpo ya comunica un cambio de tema sin trazar una sola línea. Las divisorias añaden tinta y ruido visual; resérvalas para maquetas apretadas donde un hueco real no cabe. Las páginas editoriales más limpias agrupan y separan casi por completo con proximidad y espacio.
Responde al "llena el espacio" con jerarquía, no con decoración
Los clientes suelen temer al vacío y piden "llenar el espacio". Responde a esa petición con jerarquía con sentido (un subtítulo, una cita destacada, un dato clave) antes de recurrir a decoración que no aporta información. Llenar el blanco con líneas ornamentales, texturas o gráficos de relleno compra ajetreo visual a costa de la calma que señalaba calidad. Si no hay nada con sentido que añadir, el vacío está cumpliendo su función: defíendelo.
Mide el espacio en blanco en unidades del sistema, nunca a ojo
Fija cada hueco como múltiplo del interlineado base o del módulo de la retícula, no un valor a ojo. Cuando los cortes de sección son 2×, los márgenes de imagen 1× y el aire de capítulo 4× la misma unidad base, el ritmo de respiro es reproducible en cada página y en cada pieza de la familia. Los valores en píxeles ad hoc (17px aquí, 23px allá) se leen como ruido y no se pueden mantener; una escala de espaciado ligada a la tipografía y la retícula mantiene coherente todo el documento.
--gap-1: calc(var(--lead) * 1) /* 12pt */
--gap-2: calc(var(--lead) * 2) /* 24pt, corte de sección */
--gap-4: calc(var(--lead) * 4) /* 48pt, aire de capítulo */
- R-380 Trata el espacio en blanco como elemento activo, colócalo antes de llenar
- R-381 Distingue el blanco micro del macro: legibilidad frente a jerarquía
- R-382 Presupuesta el blanco según el tipo de documento: 40-50%+ premium, 20-30% utilitario
- R-383 Construye ritmo de lectura: alterna spreads densos con spreads de respiro
- R-384 Regla de aislamiento: más aire alrededor se lee como más importante
- R-385 Nunca dejes espacio en blanco atrapado entre elementos
- R-386 Da a la apertura de capítulo al menos un tercio de altura en aire activo
- R-387 Separa secciones con espacio en blanco en vez de líneas donde el espacio lo permita
- R-388 Responde al "llena el espacio" con jerarquía, no con decoración
- R-389 Mide el espacio en blanco en unidades del sistema, nunca a ojo