All Lessons in this Module (4)
A
Lección 12.1Tiempo de lectura: 8 min~850 palabras · ritmo estándar

Introduction to Page Layout: Grids, Column Systems, and Margins

Lo que distingue un diseño amateur de una página de revista profesional no son los adornos, los efectos brillantes o las cajas de colores. La diferencia entre ellos es el orden matemático invisible que se esconde detrás de la página profesional. Cualquiera sea el plan de zonificación que asegure la armonía de calles, edificios y plazas al visitar una ciudad; A la red de reglas invisibles en la que se alinean artículos, fotografías y títulos en la página de la revista la llamamos 'Grid'. El diseño realizado sin cuadrícula es como basura arrastrada por el viento y pegada al papel.

Lo que aprenderás en esta lección

  • Comprender la filosofía Grid y las matemáticas de varias columnas en el diseño de revistas.
  • Evitar que el texto quede incrustado en la máscara calculando correctamente los márgenes y el margen interior
  • Alinear perfectamente los elementos de la página (título, texto, imagen) en una cuadrícula común

¿Qué es la cuadrícula? El esqueleto invisible de la página

El sistema Grid, presentado al mundo por la escuela suiza de diseño gráfico moderno, consiste en dividir el área de la página en un tablero de ajedrez modular con líneas guía verticales y horizontales. En una revista no se reinventan todas las páginas; A lo largo de todo el número se utiliza un patrón de cuadrícula común de 3, 4 o 6 columnas.

Al colocar una imagen, no la dejas en algún lugar al azar; Usted dice: "Esta foto tendrá 2 columnas de ancho, el título ocupará 3 columnas". Se construye así un perfecto ritmo visual y orden corporativo que relaja la vista del lector desde la página 1 hasta la página 80 de la revista.

Arquitectura de columna y longitud de línea

¿Por qué los artículos de las revistas se imprimen en 2 o 3 columnas en lugar de una sola línea de principio a fin? Porque el ojo humano fisiológicamente alcanza su máximo confort al leer un máximo de 50 a 70 caracteres (aproximadamente 9-12 palabras) en una sola línea.

Si extiende la línea de un extremo de la página A4 al otro (80-90 palabras), el ojo del lector perderá la línea y se cansará a medida que avanza desde el final de la línea hasta el comienzo de la siguiente. La estructura con 2 o 3 columnas permite que la vista fluya hacia abajo de forma rítmica y rápida.

Márgenes y desastre del canal

El error más trágico que cometen los diseñadores principiantes es mantener los márgenes cerca de cero y extender el texto hasta el borde de la página. El margen es el marco de la página; Es el tapete el que separa el cuadro de la pared.

Se debe prestar especial atención al 'Canal' (margen interior). Cuando la revista está grapada o encuadernada con pegamento, las páginas se curvan hacia adentro. Si no dejas suficiente espacio en el margen interior, las primeras palabras de las frases se perderán en el pliegue oscuro del volumen y el lector tendrá que abrirlo con ambas manos para poder leer la revista.

¿Por qué el número de páginas de una revista debería ser 4 y múltiplo de 4? (La lógica de los uniformes y la preparación para el futuro)

La regla más fundamental de la edición, que viene de la imprenta, es que el número de páginas debe planificarse como 4 o múltiplos de 4 (12, 16, 20, 24, 32, 48, 64, etc.). La razón de esto es la geometría del papel: cuando doblas una hoja de papel por la mitad, obtienes exactamente 4 páginas por delante y por detrás. En la imprenta, los papeles se imprimen en hojas grandes llamadas "formularios". Si su revista está diseñada para tener 23 páginas, la imprenta tendrá que completarla a 24 páginas, dejando 1 página blanca extraña, vacía y sin sentido al final de la revista; Además, el moho y el papel moneda se pagan en vano.

En la edición digital, puedes publicar tu revista con total libertad en MagPublish con la cantidad de páginas que desees; Ya sea un boletín informativo de 3 páginas o una revista electrónica de 5 páginas, MagPublish muestra cualquier formato de manera flexible y sin problemas. Entonces, ¿por qué deberíamos limitarnos a múltiplos de 4 desde el principio cuando trabajamos digitalmente? Respuesta: Es preparación para el futuro y visión profesional. Para una revista de una escuela, campus o club que haya iniciado digitalmente, si un día dice: 'Hagamos 50 ediciones de recuerdo de este número para la biblioteca de la escuela y los autores', no tendrá que arruinar por completo el diseño cuando un patrocinador o una asociación de exalumnos encuentre un presupuesto y decida ir a la imprenta o al plano. Si el número de páginas se establece en un múltiplo de 4 desde el principio, puede enviar la revista a impresión al instante sin cambiar ni una sola coma.

Raíces antiguas del diseño: Mıstara, regla de oro y jerarquía de caligrafía

El mundo del diseño moderno sistematizó el concepto de 'sistema de red' con la escuela suiza del siglo XX; Sin embargo, en las artes literarias otomanas y en los miniaturistas palaciegos de los siglos XV y XVI, la disposición de las páginas se aplicaba con un orden matemático. Antes de empezar a escribir, los calígrafos e iluminadores imprimen en el reverso del papel un patrón de cuadrícula roscada llamado 'Mıstara'; Determinaron la altura de las filas, el interlineado y el ancho de las columnas con precisión milimétrica.

Los bordes de 'Regla' dorados y azul oscuro dibujados alrededor del texto son el antepasado de la disciplina de márgenes y bordes en el diseño moderno. Además, la combinación del grande y digno 'Celi Sülüs' usado en el título de una revista y la ágil línea 'Nesih' usada en el cuerpo; La jerarquía de fuentes Display/Body actual es la ley tipográfica universal descubierta hace siglos por maestros como Şeyh Hamdullah y Ahmed Karahisârî.

Perspectivas de expertos y fuentes

Sheikh Hamdullah, titulado 'Kıblatü'l-Küttâb' (Qibla de los calígrafos); Transformó la escritura en una arquitectura viva con el orden estético que aportó a Aklâm-ı Sitte (seis tipos de escritura). Con 'mistara' (regla de cuadrícula roscada) y bordes dorados de 'regla' utilizados en el diseño de página; Estableció la jerarquía de páginas perfecta siglos antes que el moderno sistema de cuadrícula de Occidente.

Conclusión clave para esta lección: No coloques tipografía al azar en el diseño de la página; Crea la jerarquía entre la fuente del título y la fuente del cuerpo y la proporción áurea de los márgenes con la meticulosidad de una plancha de caligrafía.

Hattat Şeyh Hamdullah(Arquitectura de caligrafía, mistara (cuadrícula de páginas) y anatomía de letras.Otomano · 15–16. siglo)
TDV İslâm Ansiklopedisi · Şeyh Hamdullah

El enfoque que Tschichold desarrolló para Penguin se basa en establecer reglas comunes que se puedan aplicar a lo largo de toda la serie de publicaciones, en lugar de decorar portadas individuales. Considerar el frente, la espalda y la espalda juntos convierte la identidad visual en un sistema.

Conclusión clave para esta lección: En lugar de reinventar cada página en el diseño de una revista, establezca un sistema consistente de dos puntos, espacios, encabezados y reglas de estilo.

Jan Tschichold(Diseño de tipografía y publicación.Mundo · Siglo XX)
Design Museum · Penguin Books

El enfoque de diseño de información de Vignelli se basa en hacer comprensible el contenido complejo con una pequeña cantidad de decisiones visuales consistentes. Potente sistema; Hace que la tipografía, la alineación y la jerarquía trabajen juntas.

Conclusión clave para esta lección: Facilite al lector centrarse en el texto utilizando un tamaño de fuente pequeño y una estructura de columnas coherente en el diseño de la página.

Massimo Vignelli(Diseño de información y sistemas visuales.Mundo · 20–21. siglo)
Vignelli Center for Design Studies · The Vignelli Canon

Aplicación práctica y caso real

En las proporciones tipográficas que diseñó para Penguin Books y las publicaciones modernas, Jan Tschichold aplicó el canon de página clásico, en el que los márgenes de las páginas se distribuyen en la proporción áurea (1:1,618); Incluso sin ningún tipo de decoración, las páginas se han convertido en obras de arte sólo con estos espacios en blanco.

Nota: Los ejemplos sin citar son modelos pedagógicos para ilustrar la metodología editorial; nombres y cifras son ilustrativos.

Advertencias editoriales críticas y errores comunes

  • No cierre las guías de la cuadrícula ni coloque los elementos de la página torcidamente con la mano.
  • No olvide calcular el margen interior y hacer que el texto se hunda en la encuadernación.
  • No conviertas la revista en un parque de diversiones usando columnas de diferentes números y anchos irrelevantes en cada página.

Resumen de la lección y puntos clave

  • Grid es el esqueleto matemático invisible que alinea todos los elementos visuales de la página.
  • La estructura de 2 o 3 columnas maximiza la comodidad de lectura con una longitud de línea ideal de 50 a 70 caracteres.
  • Los medianil y los márgenes son áreas de seguridad vitales que evitan que el texto quede atrapado en la encuadernación.
Modo de lectura libre

¿Has terminado esta lección?

Puedes pasar directamente a la siguiente lección. Los marcadores, cuestionarios y certificados se desbloquean para los estudiantes inscritos en nuestro programa 100% gratuito.