El buen diseño ha sido objeto de debate desde que creamos. Hay un sinfín de foros, hilos en las redes sociales y conversaciones en persona sobre lo que supone un gran diseño, en los que cada uno aporta su propio punto de vista.
Esa es la belleza del diseño, ¿verdad? Todo el mundo puede interpretarlo de forma diferente.
Historias principales
Cargando interfaz…
Aunque nunca habrá un enfoque único para el diseño, existe un enfoque concreto y matemático que puede ayudarnos a estar un paso más cerca de crear experiencias de diseño increíbles cada vez: la Proporción Áurea.
La Proporción Áurea es una proporción matemática que puedes encontrar en casi cualquier lugar, como la naturaleza, la arquitectura, la pintura y la música. Cuando se aplica específicamente al diseño, crea una composición orgánica, equilibrada y estéticamente agradable.
En este artículo, nos sumergiremos en lo que es la Proporción Áurea, cómo calcularla y cómo utilizarla en el diseño, incluyendo una práctica lista de herramientas.
¿Qué es la proporción áurea?
También conocida como sección áurea, media áurea, proporción divina o la letra griega Phi, la proporción áurea es un número especial que equivale aproximadamente a 1,618. La proporción en sí proviene de la secuencia de Fibonacci, una secuencia natural de números que se puede encontrar en todas partes, desde el número de hojas de un árbol hasta la forma de una concha marina.
La secuencia de Fibonacci es la suma de los dos números anteriores. Va: 0, 1,1, 2, 3, 5, 8, 13, 21, y así hasta el infinito. A partir de este patrón, los griegos desarrollaron la Proporción Áurea para expresar mejor la diferencia entre dos números cualesquiera de la secuencia.
¿Cómo se relaciona esto con el diseño? Puedes encontrar la Proporción Áurea cuando divides una línea en dos partes y la parte más larga (a) dividida por la parte más pequeña (b) es igual a la suma de (a) + (b) dividida por (a), que son ambas iguales a 1,618. Esta fórmula puede ayudarte a la hora de crear formas, logotipos, diseños y mucho más.
También puedes tomar esta idea y crear un rectángulo dorado. Toma un cuadrado y multiplica un lado por 1,618 para obtener una nueva forma: un rectángulo con proporciones armoniosas.
Si colocas el cuadrado sobre el rectángulo, la relación entre las dos formas te dará la Proporción Áurea.
«Aunque nunca habrá un enfoque único para el diseño, hay un enfoque concreto y matemático que puede ayudarnos a estar un paso más cerca de crear experiencias de diseño sorprendentes cada vez: la Proporción Áurea.»
Si sigues aplicando la fórmula de la Proporción Áurea al nuevo rectángulo del extremo derecho, acabarás teniendo una imagen formada por cuadrados cada vez más pequeños.
Si dibujas una espiral sobre cada cuadrado, comenzando en una esquina y terminando en la opuesta, crearás la primera curva de la secuencia de Fibonacci (también conocida como espiral áurea).
Cómo utilizar la Proporción Áurea en el diseño
Ahora que la lección de matemáticas ha terminado, ¿cómo puedes aplicar estos conocimientos al trabajo que realizas a diario?
Aquí tienes cuatro formas de utilizar la Proporción Áurea en el diseño:
Tipografía y definición de la jerarquía
La Proporción Áurea puede ayudarte a averiguar qué tamaño de fuente debes utilizar para los encabezados y el cuerpo de la copia en un sitio web, una página de destino, una entrada de blog o incluso una campaña impresa.
Digamos que tu cuerpo de la copia es de 12px. Si multiplicas 12 por 1,618, obtendrás 19,416, lo que significa que un tamaño de texto de cabecera de 19px o 20px seguiría la proporción áurea y equilibraría el tamaño de la fuente del cuerpo de 12px.
Si quieres averiguar qué tamaño debe tener tu texto del cuerpo, podrías hacer lo contrario. Si su texto de cabecera es de 25px, puede dividirlo por 1,618 para encontrar el texto del cuerpo (15 o 16 px).
Recorte y cambio de tamaño de las imágenes
Cuando se recortan las imágenes, es fácil identificar el espacio blanco que hay que recortar. Pero, ¿cómo te aseguras de que la imagen sigue estando equilibrada después de cambiar su tamaño? Puedes utilizar la Espiral de Oro como guía para la composición de la imagen.
Por ejemplo, si superpones la Espiral de Oro a una imagen, puedes asegurarte de que el punto focal se encuentra en el centro de la espiral.
Diseño
Aprovechar la Proporción de Oro puede ayudarte a diseñar una interfaz de usuario visualmente atractiva que atraiga la atención del usuario hacia lo más importante. Por ejemplo, una página que destaque un bloque amplio de contenido a la izquierda con una columna más estrecha a la derecha puede seguir las proporciones de la Proporción Áurea y ayudarle a decidir dónde colocar el contenido más importante.
Desarrollo de logotipos
Si está diseñando un nuevo logotipo y se siente atascado, recurra a la Proporción Áurea para ayudarle a esbozar las proporciones y las formas. Muchos logotipos populares siguen la proporción áurea, como el de Twitter, Apple y Pepsi.
Crédito de la foto: Mostafa Amin y Brandology Studio
El diseñador Kazi Mohammed Erfan incluso se retó a sí mismo a crear 25 nuevos logotipos completamente basados en la proporción áurea. ¿El resultado? Iconos sencillos, equilibrados y bellos.
Foto: Kazi Mohammed Erfan
Herramientas para ayudarte a utilizar la Proporción Áurea
No hace falta que saques el lápiz y el papel para calcular la Proporción Áurea: hay una serie de aplicaciones que pueden hacerlo por ti.
Aquí tienes cinco herramientas que te ayudarán a utilizar la Proporción Áurea en tus diseños:
- Calculadora de la Proporción Áurea: Calcula el lado más corto, el lado más largo y la longitud combinada de los dos lados para averiguar la Proporción Áurea.
- goldenRATIO: Creada para diseñadores y desarrolladores, esta app te ofrece una forma sencilla de diseñar sitios web, interfaces, diseños y mucho más según la Proporción Áurea. Incluye una calculadora incorporada con retroalimentación visual y características para almacenar la posición de la pantalla y la configuración, por lo que no tiene que reorganizar la proporción áurea para cada tarea.
- Calculadora de tipografía de la proporción áurea: Descubre la tipografía perfecta para tu sitio web introduciendo el tamaño y la anchura de la fuente. Puede optimizar en función del tamaño de la fuente, la altura de la línea, la anchura y los caracteres por línea.
- PhiMatrix: Este software de diseño y análisis de la proporción áurea viene con cuadrículas y plantillas personalizables que puedes superponer a cualquier imagen. Se puede utilizar para el diseño y la composición, el diseño de productos, el desarrollo de logotipos y mucho más.
- Recurso de Sketch de la proporción áurea: Descargue un archivo de Sketch gratuito de la espiral áurea para ayudarle con la composición de imágenes y diseños.
Cómo empezar con la proporción áurea
Una vez que sepa qué buscar, empezará a notar la proporción áurea en todas partes. (¿No nos cree? Mira tus manos. Incluso tus dedos siguen la proporción áurea). El ojo humano está acostumbrado a ver este número mágico y subconscientemente reaccionamos de forma positiva ante él.
Como diseñadores, podemos utilizar este número en nuestro beneficio. Incluso pequeños retoques en la forma de recortar una imagen o desarrollar un diseño pueden mejorar drásticamente la forma en que tus usuarios interactúan con tu diseño.