La proporción de oro en ejemplos de diseño y consejos

Esto puede parecer una lección de matemáticas, pero aguanta. La proporción de oro combina un poco de matemáticas, un poco de naturaleza y mucha aplicación práctica para los diseñadores. Echemos un vistazo a lo que significa la proporción áurea para el diseño, y algunos consejos para usarlo en sus proyectos de diseño.

La proporción de oro se ha utilizado a lo largo de la historia para crear elementos de diseño que tienen un atractivo visual ideal. Debido a que la forma está arraigada en la naturaleza y las matemáticas, es la combinación perfecta de equilibrio y armonía. Y es una excelente herramienta para tener en la manga como diseñador.

¿Cuál es la proporción de oro?

Simplemente, la proporción de oro (también llamada el rectángulo de oro y la media de oro) es una forma con una proporción de 1 a 1.618.

De manera más compleja, las matemáticas se pueden describir así como lo explica la Interaction Design Foundation:

Cada número en la secuencia de Fibonacci es simplemente la suma de los dos números anteriores. Comienza con 1, 1 (es decir, 1 + el invisible 0 = 1), y los primeros 10 miembros de la secuencia son 1, 1, 2, 3, 5, 8, 13, 21, 34, 55. Continúa infinitamente .

Calcula matemáticamente la proporción usando la fórmula para Phi: A / B = (A + B) / A = 1.618033987 =?

Las aplicaciones para proyectos de diseño web e impresión son a menudo menos precisas que la de 1 a 1.618. Muchos diseñadores redondearán los números al crear una proporción dorada matemática para cuadrículas con las que sea más fácil trabajar.

Cuando se trata de aplicar el concepto, a menudo se representa mediante una espiral, círculos o triángulos.

Y no es "sólo una cosa de diseño". La proporción de oro se encuentra en la naturaleza (concha de nautilo), el arte (la Mona Lisa), la arquitectura (la Torre Eiffel) y el diseño.

¿Como lo usas?

Cuando se trata de aplicar la proporción áurea hay diferentes escuelas de pensamiento:

  • Configure el diseño utilizando una cuadrícula basada en la proporción para crear armonía
  • No hagas nada porque se aplica si lo haces intencionalmente o no

La mejor solución podría estar en algún lugar en el medio. Lo más probable es que su ojo esté probablemente entrenado para crear e inclinarse hacia diseños que incluyan esta teoría, pero nunca le hará daño ver si realmente lo está aplicando bien.

Y el lienzo puede causar todo tipo de problemas cuando se trata de la proporción áurea. No sabe qué tamaño de navegador podría usar alguien o la proporción podría no coincidir con un tamaño de impresión específico.

El objetivo es crear piezas dentro del diseño que se ajusten a esta forma ideal. Considérelo para un logotipo o recorte de fotos. Úselo para crear un encabezado o una determinada pieza de un diseño. Use los conceptos para crear una cuadrícula base o una escala jerárquica para la tipografía.

Grillas y plantillas

Si eres como yo, la idea de matemáticas complejas para resolver un problema de diseño es un poco intimidante. Ahí es donde tener algunas herramientas geniales puede ayudar.

Aquí hay algunas plantillas y calculadoras para facilitar el uso de la proporción de oro.

  • Phiculator: ingrese cualquier número y obtenga el valor de proporción de oro correspondiente
  • Golden Ratio Typography Calculator: crea una escala basada en una fuente y tamaño base
  • Plantilla Golden Ratio: plantilla de vector descargable gratis
  • Golden Ration Wireframing Template: con capas para una curva, círculos o cuadrados
  • Calculadora de proporción dorada: Calcule la proporción con cualquier conjunto de números
  • Calculadora de rectángulo dorado: obtenga las dimensiones de los rectángulos dorados exteriores e interiores para cualquier número (esta es la base para muchas cuadrículas web que usan la proporción)

3 consejos para usar la proporción de oro

Entonces, ¿cómo poner toda esta información en uso práctico? (No queremos que piense demasiado en los proyectos de diseño y se sienta abrumado por las matemáticas).

Aquí hay tres consejos para usar la proporción áurea en proyectos de diseño.

  • Use la proporción para crear una cuadrícula de sitio web base para el área de contenido principal y la barra lateral. Según W3Schools, la resolución del navegador más común al inicio de 2018 es de 1366 por 768 píxeles. Aplique la proporción de oro para un área de contenido de 846 píxeles de ancho con una barra lateral de 520 píxeles de ancho. Al considerar la proporción para este propósito, la altura no es importante.
  • Utilice la relación para crear una guía para el espaciado en el diseño. Prototypr.io tiene este consejo:? Use cuadrados más grandes como la unidad 8 y 13 para definir diseños. ¿Usar cuadrados más pequeños de la unidad 1, 2 o 3 para definir los canales y el espaciado del contenido? Basado en rectángulos dorados.
  • Use la proporción para crear elementos duraderos como iconos o logotipos: Tener un elemento duradero con una armonía fuerte puede crear la estructura para proyectos en curso. El ejemplo anterior incluye una plantilla que puede descargar y probar.

¿Por qué importa la relación de oro en el diseño?

Entonces, ¿por qué la proporción de oro realmente importa a los diseñadores?

Es una herramienta más para ayudarlo a crear algo que establezca el tono emocional y visual correcto con los usuarios. Esta teoría existe si la aplicas intencionalmente o no. Entonces, lo que importa es que lo entiendas y lo reconozcas en un esfuerzo por crear el mejor y más útil diseño posible.

Lo que hace la proporción áurea es guiarte hacia áreas focales donde es probable que el usuario se enfoque y se vea basado en la naturaleza. Ayuda a crear equilibrio y escala, incluso cuando no es totalmente intencional.

Aquí hay algunos sitios web bien diseñados con la plantilla de proporción dorada superpuesta en ellos para ver exactamente cómo se relaciona con los diseños individuales.

Conclusión

Así que aquí está su clave para entender y usar la proporción áurea: está ahí, ya sea que lo piense o no. Entonces, ¿por qué no considerar cómo esta teoría de diseño probada por el tiempo puede funcionar para usted y mejorar los proyectos?

Descargue la plantilla que usamos aquí y póngala en algunos de sus diseños para ver cuán cerca ha llegado sin siquiera pensarlo.

Superposición de proporción de oro diseñada por Eightonesix