Diseño, tipografía y gestión visual (12)
Maquetación y sistemas de rejilla: construir la jerarquía visual
La escuela suiza de diseño gráfico, la arquitectura de rejilla de 12 columnas y el ritmo de página. Convertir textos complejos en equilibrio visual.
¿Qué encontrarás en esta guía?
- Dominar los principios del diseño gráfico suizo y del Estilo Tipográfico Internacional.
- Calcular rejillas modulares de 12 columnas, rejillas de línea base y márgenes de proporción áurea.
- Dirigir el movimiento ocular por las páginas dobles con patrones en Z y en F.
Sistemas de rejilla: la arquitectura invisible de las páginas editoriales
En la Suiza de los años cincuenta, visionarios como Josef Müller-Brockmann y Emil Ruder formularon el Estilo Tipográfico Internacional (Estilo Suizo). Su premisa central sigue siendo revolucionaria: el diseño magistral no es producto de un capricho decorativo, sino del orden matemático, el equilibrio racional y la arquitectura de rejilla modular.
Cuando un lector abre una doble página de una revista y experimenta una claridad sin esfuerzo, está interactuando con una rejilla calculada con rigor.
Anatomía de una rejilla editorial
- La rejilla modular de 12 columnas: Divisible entre 2, 3, 4 y 6, la rejilla de 12 columnas es la base editorial definitiva. Permite que una imagen principal de 8 columnas conviva sin fisuras con un bloque de texto de 3 columnas debajo.
- La rejilla de línea base: El latido tipográfico. Normalmente bloqueada a incrementos de 12 pt o 14 pt, garantiza que cada línea de texto de las columnas adyacentes se alinee con precisión matemática.
- Márgenes proporcionales y arquitectura del medianil: El medianil interior (margen de encuadernación), los márgenes exteriores y las cabeceras deben equilibrarse. El margen interior se calibra más estrecho que el exterior para mantener el equilibrio en las páginas dobles.
El recorrido ocular: patrones en Z y en F
- Entrada principal (imagen principal): El ojo humano aterriza siempre primero en el ancla visual de mayor contraste.
- Captura secundaria (titular destacado): La tipografía temática principal y el subtitular.
- Exploración terciaria (citas destacadas y pies de foto): Citas destacadas de alto rendimiento y anotaciones de imágenes.
- Flujo sostenido (cuerpo del texto): La inmersión profunda en la columna de lectura.
Directriz para InDesign y Figma: Nunca coloques recursos por conjeturas subjetivas. Establece tus guías de línea base, bloquea tu rejilla de columnas y ajusta todos los marcos a este esqueleto estructural. Debes dominar por completo la rejilla antes de ganarte el derecho a romperla.
Puntos clave
Una rejilla no es una prisión; es el marco arquitectónico invisible que permite la verdadera libertad creativa.
Una rejilla de línea base garantiza una alineación microscópica de las líneas base del texto en columnas adyacentes.
La imagen principal dominante ancla la entrada visual; el ojo fluye hacia el titular y luego, con suavidad, hacia el cuerpo del texto.