Proporción y escala

La razón áurea (1:1.618) da una proporción probada para relacionar tamaños entre elementos jerárquicos, un h1 frente a su h2, una imagen dominante frente a su columna de texto, un margen frente a otro. Divide cualquier longitud en 61.8% y las dos partes guardan tensión sin que una ahogue a la otra; un corte 50/50 se lee como indecisión y un corte al azar como accidente. Aplica el ratio a relaciones reales (tamaños de letra, alturas de caja, áreas imagen–texto), no como una espiral decorativa pegada encima.

Los cánones clásicos derivan los márgenes de la propia proporción de página en vez de teclear cifras redondas. El canon de Van de Graaf traza las diagonales de la página más una media diagonal y coloca la caja de texto donde se cruzan, dando márgenes en aprox. 2:3:4:6 (interior:cabeza:exterior:pie) sobre una página 2:3. Al ser una construcción geométrica se reproduce a cualquier tamaño y formato, a diferencia de márgenes absolutos que adivinas por documento.

Son herramientas distintas para tareas distintas. La regla de los tercios (líneas a 33% y 66%) es para composición, dónde ubicar el punto focal dentro de una imagen o mancha de texto. La razón áurea (38.2% / 61.8%) es para proporción, qué tan grande debe ser un elemento frente a otro. Usar tercios para decidir tamaños de letra da un salto débil 2:1; usar la áurea para ubicar un foco es exagerado. Elige la herramienta por la pregunta: dónde frente a qué tan grande.

En vez de elegir tamaños uno por uno, escoge un cuerpo de texto y multiplica por un ratio fijo para derivar cada título. Ratios comunes: 1.25 (tercera mayor), 1.333 (cuarta justa), 1.5 (quinta), 1.618 (áureo). De un cuerpo 11pt a 1.333 obtienes 14.7 → 19.6 → 26 → 34.7pt para h4–h1. La escala garantiza que cada paso sea claramente mayor que el anterior, la jerarquía es inequívoca y reproducible en todo el documento.

Tipografía y layout deben compartir un solo sistema de proporción, así que construye márgenes, medianiles y la separación entre bloques con el mismo ratio (o la misma unidad base) que tu escala tipográfica. Cuando el espacio entre párrafos, los huecos de sección y los pasos de texto remiten a un mismo número, la página se lee afinada y no ensamblada de piezas. El fallo clásico es una escala tipográfica limpia sobre espaciados arbitrarios (7px aquí, 50px allá), que rompe el ritmo aunque cada tamaño esté bien por separado.

Antes de diseñar las proporciones internas, ancla la retícula a una proporción de formato estándar: A4 210×297mm es 1:1.414 (raíz de dos), carta 216×279mm es 1:1.29, y el cuadrado de redes es 1:1. Estos ratios gobiernan cómo se corta, dobla y muestra el contenido, así que elegir un aspecto raro (1:1.9) hace que la pieza se recorte en el pliego de imprenta o quede con franjas en el feed. Fija la proporción exterior a una salida real primero, luego subdivide dentro.

Para que un asset encaje en una proporción, cambia el recorte o el contenedor, nunca el aspect ratio del propio asset. Estirar en un solo eje deforma cada círculo en óvalo y cada cuadrado en rectángulo, y en un logo es una señal instantánea de amateur que además viola casi cualquier manual de marca. En CSS usa object-fit: cover (recorta) o contain (encaja con franjas) y bloquea el ratio intrínseco; en InDesign usa Ajustar contenido proporcionalmente, nunca Ajustar contenido al marco.

En una portada o anuncio con imagen protagonista más texto, da al elemento dominante la parte áurea del formato (aprox. 62%) y al bloque de apoyo el resto (38%). Si la imagen es el gancho, que se lleve el 62%; si el titular es el gancho, invierte. Un corte 50/50 hace que imagen y texto compitan como iguales y mata la sensación de protagonista, justo lo que una portada necesita.

Registra la escala elegida, tamaño base más ratio, en la guía de estilo del proyecto para que toda pieza de la familia (portada, interiores, anuncios) derive del mismo sistema. Una sola línea, base 11pt · ratio 1.333, permite a cualquier diseñador regenerar los tamaños y espaciados exactos meses después. Sin ella, cada pieza nueva reinventa sus tamaños y la familia se dispersa, el equivalente impreso de hardcodear números mágicos en vez de usar tokens.

Cuando llevas un diseño de un formato a otro, carta a A4, página a anuncio digital, mantén las proporciones y deja que cambien los números absolutos, no al revés. Un margen de 20mm que se leía como 1/10 del ancho en carta pasa a ser otra fracción en un A4 más estrecho, y la caja se ve descuadrada. Recalcula márgenes, texto y huecos desde los mismos ratios contra las dimensiones nuevas; arrastrar valores fijos en mm o pt entre formatos es lo que hace que una pieza reescalada se sienta apretada o floja.