Informe de oro: Guía final para la comprensión y uso

Los diseñadores de todas partes deben saber sobre la relación dorada. Es una relación matemática que crea modelos estéticos agradables. Debido a que la relación dorada existe con tanta frecuencia en la naturaleza, no es una sorpresa que sus resultados sean naturales.


Foto de Bogomil Mihaylov en Unsplash
La proporción de oro tiene otros nombres:
La proporción divina
Medio dorado
La sección de oro
Phi (carta griega)
Las matemáticas detrás del informe Golden explicarán las matemáticas del Informe Golden lo más simple posible y sin entrar en los detalles que no debería saber. Si puedes mantenerte al día con las matemáticas, maravilloso. Pero si no puede, está bien, podrá usar el concepto en su diseño.
Para comprender la relación dorada, primero debe comprender que el rectángulo dorado es un rectángulo grande que tiene un cuadrado dentro de él. Los lados del cuadrado son iguales a la longitud más corta del rectángulo:

Fuente: Wikipedia
La relación dorada es un número que es (una especie de) igual a 1.618, como es aproximadamente 3.14, pero no exactamente. Tome una línea y divídala en dos partes: una parte larga (A) y una parte corta (B). Toda la longitud (a + b) dividida por (a) es igual a (a) dividida por (b). Y ambos números son iguales a 1.618. Entonces, (a + b) dividido por (a) es igual a 1,618, y (a) dividido por (b) también es igual a 1,618.
De vuelta al rectángulo dorado, porque es mucho más fácil de entender cuando coloca un cuadrado dentro del rectángulo, crea otro rectángulo más pequeño. Ignora las líneas negras y mira las cajas rojas y verdes:

El cuadrado rojo tiene cuatro lados iguales de longitud, y esa longitud es igual a la longitud más corta del rectángulo. Al seccionar este cuadrado, crea automáticamente otro rectángulo más pequeño (descrito en verde). Juntos, crea un aspecto de proporción completamente dorado y una base para la espiral de oro. También puede hacer un nuevo rectángulo dorado del rectángulo más pequeño, como este que enfatizamos en azul: una relación dorada tradicional tiene ocho rectángulos de oro:

Y aquí está el rectángulo dorado más pequeño, # 8:

Si comienza en la parte inferior izquierda y hace un arco para conectar la parte distante de cada sección transversal rectangular y pequeña, obtendrá la espiral de oro. La secuencia de Fibonacci Fibonacci es bastante simple de entender: comience con cero y 1, luego obtenga el siguiente número agregando los dos números antes. 0 + 1 = 1, entonces 1 + 1 = 2, etc. Los primeros números en la secuencia son 0, 1, 1, 2, 3, 5, 8, 13, 21, 34. Si usa estos números para crear cuadrados con los anchos, puede crear una espiral de oro:

Fuente: las matemáticas son divertidas

Los círculos de oro a veces, verás círculos dibujados en cuadrados en lugar de o además de la espiral. Si dibuja círculos perfectos en cajas de superposición de relación dorada, tendrán la relación 1: 1,618 con un círculo adyacente.
Fuente: Departamento de Limelight

Los logotipos de Pepsi y Twitter usan círculos dorados:
Fuente: discusiones híbridas

Viste eso, mucha naturaleza está llena de la relación dorada. Está en flora, conchas, clima …
Fuente: Foto de Annie Spratt en Unsplash

Fuente: Foto de la NASA en Unsplash

Y debido a que lo vemos muy a menudo, nuestro cerebro lo prefiere. Esta atracción innata es la razón por la cual es un aspecto tan poderoso que los diseñadores pueden usar. La relación de oro en el arte y el diseño, a veces, la relación dorada es muy fácil de reconocer:
Fuente: staceysdetailinginc.com
A veces dices: “No tengo idea de lo que estás hablando … Oh, quédate. Ahora lo veo. Yo creo.”

Fuente: Insiders de marketing
En otras ocasiones, podrías volverte loco mirándolo …

Fuente: paredes anchas
… Pero si te acercas al principal rectángulo dorado, se vuelve un poco más claro:

Echemos un vistazo a un ejemplo mencionado frecuentemente: Partenon
Fuente: Creative Bloq

Al principio, podrías ver esto y decir: “Eso es simplemente simétrico. ¿Cómo se ajusta a lo que se preocupa por la espiral del rectángulo dorado? ”

El informe Golden no se refiere a cómo cada parte de un diseño cae por completo y solo en las secciones específicas. Si este fuera el punto, el lado derecho del Partnon sería un bloque grande, y el lado izquierdo se seccionaría en bloques más pequeños. En cambio, el informe se utiliza para crear armonía y proporción, y esto se puede interpretar de varias maneras diferentes. Si bien la relación dorada se basa en las matemáticas, se puede adaptar de manera creativa. En el caso de la parte, la relación dorada determina la altura y la colocación de los componentes de diseño. Además, hay varias formas de establecer gráficos de relación de oro:
Fuente: Archinect
Fuente: Esther Sugihto sobre el medio ambiente


Fuente: Goldennumber.net

El informe Golden y el diseño del sitio web, como Math o usted está a punto de explotar, Golden Ratio es un poco más fácil de entender en términos de diseño. Hiciste grandes pesas. Ahora es el momento de tomar la superposición básica y hacer que sus componentes web sean perfectamente agradables. La relación dorada y la apariencia si quieres una apariencia perfecta de la relación dorada, establecen las dimensiones en 1: 1,618. Por ejemplo, puede establecer el ancho en 960 píxeles y la altura a 594 píxeles. El rectángulo dorado tiene 594 píxeles en cada lado, y el rectángulo ocupa el resto de la apariencia (594 x 366). La sopa de la calculadora tiene una computadora de relación dorada útil, donde puede establecer cualquier término (A, B o A + B) a Encuentre la relación correcta de valores dorados. O bien, simplemente puede usar este tipo de apariencia con dos columnas, donde una columna es bastante ancha que la otra columna. Está organizado y muestra claramente la jerarquía.

Fuente: National Geographic
Utilizo esto en mi sitio web, porque la página principal es una colección de publicaciones en mi blog y creo que este es uno de los modelos de blog más reconocidos:
En mi opinión, sin embargo, la apariencia simétrica que usamos en temas elegantes es más moderna:

Informe y espacio dorado La relación dorada puede ayudarlo a determinar dónde colocar los elementos de diseño, las proporciones a usar y dónde dejar un espacio negativo. Aquí hay un ejemplo simple y puede ver la superposición de la relación dorada sin siquiera necesitar ponerlo en la cima:
Fuente: Digiarts 2011

Así es como se ve cuando aplico la espiral de oro a Photoshop:

Una vez más, Golden Ratio se basa en las matemáticas, pero cuando se trata de aplicarla, no es perfecta. Este diseño no se crea en un rectángulo dorado, por lo que la espiral de oro está fuera de las proporciones normales. Sin embargo, puede ver cómo un diseñador puede guiar para elegir dónde colocar el elemento de diseño más grande, así como los elementos más pequeños y el espacio negativo. También puede estratificar la superposición de la relación dorada para aplicarlo a los diferentes elementos del mismo diseño :

Fuente: Branding de Lemongraphic. Ejemplo del Canva.
El informe Golden y el contenido Al pensar en la apariencia y la distancia del Informe Golden, puede comenzar a decidir dónde colocar el contenido en su sitio web. Veamos nuevamente el sitio web de National Geographic, esta vez con una superposición del Informe Golden del Canva:

La apariencia se divide para que el contenido esté alineado a lo largo de la línea central de la espiral. A la izquierda, hay un gran bloque de contenido. A la derecha, el contenido se vuelve más denso y hay mucho más espacio negativo. Para la curvatura central de la espiral, verá un segundo logotipo geográfico nacional: no hay una mejor manera de conducir la marca que colocarla donde el ojo va naturalmente. Aquí hay un maravilloso ejemplo de cómo la espiral de oro puede llevar su ojo a través de un diseño, incluso después de su componente principal. Esto es útil si tiene mucho contenido para apretar en una sola página. También notará que, incluso con un diseño tan empaquetado y detallado, todavía hay espacio negativo allí.
Fuente: Diseño de taller Helms. Ejemplo del Canva.

Mención del Honor: las imágenes Golden Ratio y Golden Ratio también se usan en la composición fotográfica. En lugar de crear una espiral de oro, la relación dorada divide la imagen en seis bloques. El mismo informe dorado se utiliza en este tipo de red: los anchos y las alturas de las secciones son 1 o 0.618.Surge: Canva
Luego use las intersecciones para componer la foto. El propósito es poner un tema o parte principal de un tema en una de las líneas que se cruzan: el sujeto no debe centrarse y algunos bloques se dejan vacíos (al menos en la mayoría de los casos, fotografía macro y retratos del mejor. llenar casi todo el marco). Al hacerlo, cree un retrato más interesante que si el sujeto se hubiera centrado. Una forma mucho más simple y accesible de respetar esta regla es utilizar la regla de la cuadrícula Thirds, que probablemente tenga en la cámara construida o DSLR. Aquí hay una foto que tomé al hijo de mi primo. Puse la regla de la cuadrícula Thirds para mostrarle dónde completa el sujeto el marco y el no.

También mira cómo la espiral dorada se envuelve casi perfectamente alrededor del tema: