Usa el Calculadora de Proporción Áurea gratuito abajo: tus datos nunca salen de tu navegador, todo el trabajo ocurre en tu dispositivo y no se sube a ningún servidor.
Qué es la proporción áurea
La proporción áurea es el número 1,618, que a menudo se escribe con la letra griega phi. Nace de una idea simple: dividir una línea de modo que la relación entre la línea completa y la parte mayor sea igual a la relación entre la parte mayor y la parte menor. Esa proporción aparece en la naturaleza, en la arquitectura clásica y en el arte, y los diseñadores la usan desde hace siglos como un atajo hacia composiciones que se sienten equilibradas sin parecer rígidamente simétricas.
La Calculadora de Proporción Áurea de arriba aplica esa idea al diseño práctico. Introduce un ancho total, y lo divide en una columna principal y una columna lateral en proporción áurea. Introduce un tamaño base de letra, y construye una escala tipográfica que sube y baja con la misma proporción. La vista previa visual muestra las dos columnas una al lado de la otra, para que puedas juzgar el equilibrio antes de usar los números.
Cómo dimensionar columnas con la proporción áurea
Toma una página de 1200 píxeles de ancho. Dividir entre 1,618 da una columna principal de unos 742 píxeles y una columna lateral de unos 458 píxeles. La columna principal domina con claridad, lo que sirve para un artículo con barra lateral, una imagen de producto con detalles al lado o un panel con una zona principal y otra secundaria. La columna lateral sigue siendo bastante ancha para navegación, enlaces relacionados o un cuadro resumen.
La misma división funciona a cualquier tamaño. Un cartel de 900 píxeles de ancho se divide en unos 556 y 344. Una tarjeta de 600 píxeles se divide en unos 371 y 229. La proporción se mantiene constante, así que un sistema de diseño construido sobre la proporción áurea se siente coherente entre tipos de página, porque cada división sigue la misma regla.
Comprueba la proporción en el resultado: la columna principal dividida entre la lateral debe dar 1,618. Si no es así, los números se redondearon o se escribieron mal. Pequeñas diferencias de redondeo de uno o dos píxeles no importan visualmente, pero una proporción de 1,5 o 1,7 es una proporción distinta y se sentirá diferente.
Cómo construir una escala tipográfica
Las escalas tipográficas funcionan de la misma manera. Empieza con un tamaño de cuerpo, habitualmente 16 píxeles para texto web. Multiplica por 1,618 para un tamaño de titular de unos 26 píxeles, y multiplica de nuevo para un tamaño destacado de unos 42 píxeles. Divide entre 1,618 para leyendas y etiquetas pequeñas, de unos 10 píxeles. Cada paso se relaciona con sus vecinos por la misma proporción, así que la jerarquía se siente ordenada: los titulares superan con claridad al texto, y las leyendas quedan claramente por debajo, sin que ningún paso salte demasiado lejos.
No uses todos los pasos en todas las páginas. Una página simple necesita tamaños de cuerpo, titular y leyenda. Una página editorial rica puede usar la escala completa. La calculadora muestra toda la escala para que elijas los pasos que tu diseño necesita, no para que debas usarlos todos.
Dónde ayuda la proporción áurea, y dónde no
La proporción áurea ayuda sobre todo con composiciones de dos partes y jerarquías tipográficas, donde un elemento debe dominar y el otro apoyar. Ayuda menos con rejillas de elementos iguales, como galerías de fotos, donde las columnas iguales son el objetivo. Tampoco sustituye al criterio: si una barra lateral en proporción áurea es demasiado estrecha para su contenido real, amplíala. Una proporción es un punto de partida, no una ley, y las necesidades del contenido siempre están por encima de una fórmula.
Sé honesto también con el misticismo. Algunas afirmaciones sobre la proporción áurea en la naturaleza y la belleza son exageradas. Su valor en el diseño es práctico, no mágico: te da una forma repetible y defendible de elegir tamaños en vez de adivinar, y los resultados tienden a verse equilibrados porque la proporción evita tanto las mitades iguales como las divisiones extremas.
Preguntas frecuentes
¿Es exacto el 1,618? El valor real es irracional y continúa para siempre, pero 1,618 es suficientemente preciso para cualquier composición en pantalla o impresa. El redondeo a píxeles enteros absorbe la diferencia.
¿Puedo usar la proporción áurea para tamaños de imagen? Sí. Una imagen de 1200 por 742 sigue la proporción, y recortar fotos a proporciones áureas da una sensación constante y serena en toda una galería.
¿Qué hago si mi composición tiene tres columnas? Aplica la proporción dos veces: divide el total en principal y resto, y luego divide el resto de nuevo. Eso da tres columnas en proporción áurea descendente.
Herramientas relacionadas
- Golden Ratio Layout Calculator (English version)
- Visualizador de Escalas de Espaciado
- Creador de Miniaturas para Vídeos
Pingback: Golden Ratio Layout Calculator - Balanced 1.618 Layouts