Calculadora de Proporción Áurea φ

La proporción áurea (φ = 1,618…) es una relación matemática entre dos magnitudes en la que la suma de ambas es a la mayor como la mayor es a la menor. En diseño gráfico, web y arquitectura se usa para crear composiciones que el ojo humano percibe como naturalmente equilibradas y atractivas sin saber exactamente por qué. Aplicarla no garantiza que un diseño sea bueno, pero proporciona una guía matemática sólida para dimensionar elementos, definir márgenes, escalar tipografías y organizar el espacio. Verifica su aplicación en los principios de diseño del Instituto de Diseño de Chicago o en recursos de tipografía como The Elements of Typographic Style.

Para obtener el valor mayor áureo de una medida, multiplícala por φ (1,618). Para obtener el valor menor, divídela entre φ (1,618) o multiplícala por 0,618. Por ejemplo: si tienes un ancho de 960 px, el alto áureo sería 960 ÷ 1,618 = 593 px, o el valor mayor sería 960 × 1,618 = 1.553 px. Esta relación funciona en cascada: puedes aplicarla recursivamente para generar toda una escala de proporciones coherentes. La calculadora de esta página hace todos los cálculos automáticamente a partir de cualquier valor que introduzcas. Verifica los fundamentos matemáticos en la Encyclopedia of Mathematics (encyclopediaofmath.org).

El rectángulo áureo es aquel cuya relación entre el lado largo y el corto es exactamente φ (1,618). Si se extrae de él el cuadrado formado por el lado corto, el rectángulo restante también es áureo. Repetir este proceso genera la espiral áurea, que coincide aproximadamente con la espiral de Fibonacci. En composición fotográfica y diseño gráfico se usa para delimitar zonas de atención visual: el punto donde se cortan las líneas de la espiral áurea es donde el ojo busca el elemento principal. Verifica su aplicación en recursos educativos como Adobe Blog o Canva Design School.

La secuencia de Fibonacci (1, 1, 2, 3, 5, 8, 13, 21, 34…) está íntimamente relacionada con φ porque el cociente entre dos números consecutivos de la secuencia se aproxima cada vez más a 1,618 conforme avanza. En diseño, esto significa que puedes usar los números de Fibonacci como guía práctica para escalar elementos: si tu columna principal mide 55 unidades, la secundaria tendría 34 y el margen 21. Esta escala es fácil de memorizar y produce proporciones visualmente armoniosas. Verifica la relación matemática entre Fibonacci y φ en recursos académicos como Wolfram MathWorld (mathworld.wolfram.com).

En diseño web la proporción áurea se aplica principalmente en tres áreas: anchuras de columnas (por ejemplo, en un layout de dos columnas, si la pantalla tiene 960 px la columna principal tiene 593 px y la secundaria 367 px), escala tipográfica (si el cuerpo de texto es 16 px, el h1 áureo sería 26 px y el h2 sería 21 px) y espaciado (si el padding base es 16 px, el espaciado mayor sería 26 px). No es obligatorio usarla en todo el diseño — basta con aplicarla en las decisiones estructurales más importantes para que el sistema completo gane coherencia. Verifica buenas prácticas en recursos como Material Design Guidelines o Nielsen Norman Group.

La proporción áurea aparece en la disposición de las semillas del girasol y la piña tropical (en espirales que siguen Fibonacci), en la concha del nautilo, en la disposición de las hojas alrededor de los tallos (filotaxis) y en proporciones del cuerpo humano. En arte y arquitectura aparece en el Partenón de Atenas, las obras de Leonardo da Vinci y la arquitectura de Le Corbusier, aunque algunos de estos casos son objeto de debate académico sobre si la proporción fue intencionada o aproximada. Verifica los estudios publicados sobre filotaxis en revistas científicas como Nature o en recursos de historia del arte de museos reconocidos.

La regla de los tercios divide la imagen en 9 partes iguales con dos líneas horizontales y dos verticales, y sugiere colocar los elementos importantes en los cuatro puntos de intersección. La proporción áurea divide la imagen en partes desiguales según φ (aproximadamente 61,8% y 38,2%), generando puntos de interés ligeramente más cercanos al centro que los tercios. La regla de los tercios es más fácil de aplicar y más extendida en fotografía. La proporción áurea produce composiciones más sutiles y equilibradas pero requiere más cálculo. Muchos fotógrafos y diseñadores usan ambas según el tipo de composición. Verifica recursos comparativos en escuelas de fotografía como NYIP o DPS (Digital Photography School).

Para crear una escala tipográfica áurea, elige un tamaño base (por ejemplo 16 px) y multiplica o divide por 1,618 para obtener cada nivel: 10 px (caption), 16 px (body), 26 px (h3), 42 px (h2), 68 px (h1). El espaciado sigue la misma lógica: si el espaciado base es 8 px, la escala áurea sería 5 px, 8 px, 13 px, 21 px, 34 px — que coincide con Fibonacci. Para interlineado, un line-height de 1,618 sobre el tamaño de fuente es matemáticamente áureo y mejora la legibilidad. Esta técnica se conoce como "modular scale" y está documentada en recursos como modularscale.com. Verifica su aplicación en The Elements of Typographic Style de Robert Bringhurst.