Layout de infografía
Layout de infografía
10 reglasDefine el formato antes del contenido
Un cartel vertical de una hoja (A3/A4, carta o social 9:16) obliga a un único flujo de arriba a abajo; un pliego horizontal (doble página, banner ancho) permite flujo de izquierda a derecha con secciones en columnas. Decide el formato de salida antes de decidir cuántos datos entran, no después. Elegir el formato al final obliga a forzar un flujo horizontal dentro de una hoja vertical, y la ruta de lectura pelea con la forma.
Fija una retícula de columnas según la densidad
Usa 2–3 columnas para piezas con pocos elementos grandes (un one-pager de ventas) y una retícula modular de 6–8 columnas para reportes densos con muchos stats y gráficos. Nunca coloques bloques a ojo cuando la pieza tiene más de 5 elementos: el desalineamiento es lo primero que nota el lector, antes que el contenido. La retícula es lo que hace que una pieza densa se lea como sistema y no como montón.
Pon el ancla dominante en el tercio superior
En formato vertical, el elemento de mayor peso (titular más hero stat o el gráfico principal) vive en el tercio superior: es la zona donde cae el primer golpe de vista y donde el lector decide si sigue. Entierra el ancla en el centro o abajo y la pieza abre con ruido secundario, así el lector nunca llega al punto. Un solo punto de entrada claro por composición, arriba.
Márgenes de seguridad de al menos una columna
Nunca sangres texto ni data labels al borde de corte o de plegado. Mantén un margen editorial estándar (ver ECB S02) también en infografía, no solo en texto corrido, con un ancho de al menos una columna de la retícula. Un pictograma o etiqueta cortada por la guillotina es un error de producción, no una decisión de diseño, e irrecuperable una vez impreso. Solo los fondos continuos pueden llegar al sangrado, nunca un valor que el lector necesita.
Escala el aire a la distancia de lectura
Un cartel de pared leído a 2–3 m necesita proporcionalmente más aire entre bloques que una hoja de mano leída a 30–40 cm para mantener la separación perceptible a la distancia real de uso. Calcula el aire en función de la distancia, no como valor fijo en mm: el mismo gap de 8 mm que se lee como separación en la mano colapsa en una sola masa en la pared. Menos elementos, más grandes y más espaciados para distancia; empaque más denso para la mano.
Marca la ruta con alineación, no solo con flechas
Alinea los bloques en el orden de lectura deseado sobre los mismos ejes de la retícula (mismo margen izquierdo, misma línea base) para que una alineación consistente guíe el ojo sin decoración extra. En piezas simples, los bordes compartidos hacen el trabajo de las flechas y los números gratis. Dispersa los bloques fuera de eje y te obligas a meter flechas para rescatar un orden que el layout debió cargar solo.
Zonas de respiro cada 2 o 3 bloques densos
En pliegos cargados de datos, intercala deliberadamente un bloque de solo texto o aire cada 2–3 gráficos. Sin pausas visuales el pliego se lee como un muro de información y el lector abandona. La zona de respiro no es espacio desperdiciado: reinicia el ojo, parte el argumento en secciones digeribles y deja que el siguiente bloque de datos caiga con atención fresca.
Simetría para comparar, asimetría para narrar
Usa una retícula espejada y simétrica cuando el contenido es de verdad A vs B
(ver S65 R6); usa una retícula asimétrica con un bloque claramente dominante cuando el contenido es una sola idea rectora con apoyos secundarios. Evita la simetría cuando no hay dos entidades reales que comparar: un layout equilibrado a dos columnas sobre una historia de idea única comunica una falsa equivalencia que el dato no tiene, y aplana la jerarquía que necesitas.
En pliego doble, trata el lomo como zona muerta
En una doble página impresa o desplegable, nunca coloques texto, data labels ni detalle fino (rostros, líneas delgadas) cruzando el centro: el lomo o pliegue se traga unos milímetros y deforma lo que cae encima. Solo fondos continuos o elementos puramente decorativos pueden cruzar sin pérdida de legibilidad. Recorre cualquier valor que caería sobre el lomo por completo a una página, o divídelo limpio en mitades izquierda y derecha.
Prototipa a escala real antes de aprobar
Imprime o exporta la pieza a su tamaño físico final (no solo en pantalla a un zoom cómodo) y revisa la etiqueta más pequeña contra la distancia de uso declarada. El error de layout más común es diseñar a 100% de zoom en el monitor y descubrir solo en impresión que el dato más chico es ilegible. Una etiqueta que se lee bien a 150% en una pantalla de 27 pulgadas puede desaparecer en un A4 a distancia de brazo, o en un cartel visto a 2 m.
- R-767 Define el formato antes del contenido
- R-768 Fija una retícula de columnas según la densidad
- R-769 Pon el ancla dominante en el tercio superior
- R-770 Márgenes de seguridad de al menos una columna
- R-771 Escala el aire a la distancia de lectura
- R-772 Marca la ruta con alineación, no solo con flechas
- R-773 Zonas de respiro cada 2 o 3 bloques densos
- R-774 Simetría para comparar, asimetría para narrar
- R-775 En pliego doble, trata el lomo como zona muerta
- R-776 Prototipa a escala real antes de aprobar