La proporción áurea en el diseño y por qué es importante para su marca

¿Sabes qué tienen en común nuestro ADN y El Sacramento de la Última Cena de Salvador Dalí con marcas como Pepsi? Son ejemplos de la proporción áurea en el diseño. La proporción áurea es una proporción matemática que se puede utilizar para crear resultados visualmente agradables. Y no es solo una cuestión de resultados creados por el hombre: la proporción áurea se puede encontrar en toda la naturaleza e incluso en el cuerpo humano.

Cuando utiliza la proporción áurea en el diseño, da como resultado composiciones que son naturalmente agradables al ojo humano. Que es exactamente cómo quiere que su público objetivo se sienta acerca de su marca. Y es por eso que vamos a profundizar en la proporción áurea en el diseño en este blog.

¿Qué es exactamente la proporción áurea?

Se dice que dos cantidades forman la proporción áurea, si su proporción es la misma que la proporción de su suma, a la cantidad mayor de las dos. ¿Demasiado complicado? Fíjate en la siguiente figura que lo simplifica.

La proporción áurea también se conoce como la proporción divina, Phi, y por algunos otros nombres. Hace siglos, varias almas observadoras y curiosas comenzaron a observar los sorprendentes patrones que ocurrían en la naturaleza a su alrededor. La disposición de las hojas en las plantas, los patrones en los pétalos de una flor, cómo las barcetas de un cono de pino están dispuestas tan perfectamente, e incluso las escamas en una piña. Se dieron cuenta de que todos estos tenían exactamente el mismo patrón. Dicho patrón va como 1,2,3,5,8,13,21,34 y así sucesivamente.

El patrón llegó a ser conocido como la secuencia de Fibonacci. Cuando comienzas a calcular la razón de un número de Fibonacci con el número anterior, la respuesta que siempre obtendrás es 1.61803. Esto a su vez se redondea a 3 decimales para obtener la proporción áurea. Como era agradable al ojo humano de forma natural, esta proporción se incorporó a muchos tipos diferentes de obras de arte. Todo, desde la Mona Lisa hasta las esculturas, la fotografía y la arquitectura, se convirtieron en ejemplos de la proporción áurea en el diseño.

Algunos otros ejemplos de la proporción áurea se pueden encontrar en los huracanes, las conchas de caracol, el rostro humano (se dice que aquellos que se alinean más con la proporción son los más bellos), La creación de Adán de Miguel Ángel e incluso en los patrones de las flores. pétalos

La importancia de la proporción áurea en el diseño

Es importante tener en cuenta la proporción áurea al crear materiales de marketing, tarjetas de presentación, portadas de revistas, sitios web e incluso carteles, solo por nombrar algunos. Echemos un vistazo a cómo puede usarlo en el diseño de manera efectiva.

Usando la proporción áurea en el diseño

Formas que llevan la proporción áurea

A las formas que se alinean con la proporción áurea se les ha agregado la palabra dorado como significante. Son rectángulos dorados, círculos dorados, espirales doradas y triángulos dorados. Cuando se unen correctamente, estas formas pueden crear elementos de diseño que no se pueden ignorar.

La proporción áurea en tipografía

Cuando se crea cualquier diseño con texto, siempre debe pensar en la jerarquía de la tipografía. Es una buena práctica en diseño. Y con este fin, puedes usar la proporción áurea para guiarte sobre cómo cambiar el tamaño de tu(s) fuente(s).

Digamos, por ejemplo, que necesita averiguar la jerarquía de su texto más importante (A), su texto algo importante (B) y su texto no muy importante (C). Si el tamaño de fuente más pequeño es 10 px, puede multiplicarlo por 1,618 para obtener una guía aproximada de los tamaños de fuente que deberán ser más grandes.

La proporción áurea en la composición de imágenes

Para realizar sus diseños rápidamente, sin sacrificar la calidad, pídale a su diseñador que superponga su diseño con la espiral dorada. Luego podrán ver la posición exacta de los diversos elementos y decidir si realmente se unen en armonía. Los puntos focales de un diseño también se pueden resolver utilizando la espiral dorada. Esto significa que usar la proporción áurea en el diseño podría ayudarlo a descubrir cómo colocar un título para que capte la mayor atención, por ejemplo. Si el diseño necesita más energía, esta técnica también puede ayudar a ver qué elementos deben cambiarse.

La proporción áurea en logos

Un logotipo bien pensado es muy importante para su marca. Cuando se hace bien, se convierte en el elemento más fácil de identificar en su marca. Y juega un papel muy importante para mantenerlo en la mente de su público objetivo. Esta es la razón por la cual la proporción áurea no debe ignorarse en el diseño de logotipos. Ayudará a llamar la atención de los clientes en un instante y también los ayudará a conectarse con su marca.

Algunas de las marcas más grandes y exitosas del mundo, como Pepsi, Twitter y Apple, en realidad tienen sus logotipos alineados con la proporción áurea. Cuando se diseña un logotipo, los diseñadores pueden incluso pensar en la secuencia de Fibonacci como una serie de círculos. Luego, los círculos se pueden reorganizar para formar la cuadrícula como base del diseño del logotipo. Esto es lo que se ha mostrado en el ejemplo anterior, donde se puede ver cómo se ha colocado el logo en los círculos.

La proporción áurea en la elección de diseños.

Encajar un montón de elementos diferentes en un diseño, de una manera que parezca coherente es un trabajo difícil. Especialmente cuando se trata de páginas de destino o de su sitio web. ¡Sin embargo, la proporción áurea puede ayudar a salvar el día! Se puede usar para decidir las dimensiones que se necesitan en un diseño y dónde se colocará cada uno de los elementos involucrados. Una manera muy fácil de comenzar esto sería establecer las dimensiones de acuerdo con 1: 1.618 desde el principio. Y luego usar ese marco en el futuro. Este sería el enfoque más práctico donde puede usar el ancho básico de 960 píxeles y luego dividirlo por 1.618. La respuesta que obtenga aquí será la altura del diseño.

La proporción áurea y el contenido en la web

La proporción áurea también se puede usar para determinar cómo se organizan las columnas de texto. Si bien puede tener un texto mínimo en sus páginas de destino, esto entrará en juego para sus sitios web. Por ejemplo, una página con una columna de texto estrecha a la derecha y un bloque de texto más ancho a la izquierda no solo atrae la atención del espectador. También destaca la información más importante. Para un sitio con un ancho de píxel de 960, esto significa que la columna de la derecha debe tener 367 píxeles de ancho y la de la izquierda debe tener 593 píxeles.

Es posible que su diseño no permita una proporción áurea exacta, pero siempre que se acerque lo más posible a la proporción 1:1,61, obtendrá los beneficios de incorporar la proporción áurea.

El otro beneficio de esta estrategia es que ayuda a los lectores a navegar por los diferentes tipos de contenido que incluye (por ejemplo, contenido de video, fotográfico y basado en texto). Y es por eso que encontrará ejemplos de este diseño en muchos sitios populares (por ejemplo, Fast Company, BuzzFeed).

Espaciando tus elementos con la proporción áurea

La importancia del espacio en blanco o negativo es algo que hemos destacado en todos nuestros blogs de diseño. Permite que los elementos de un diseño respiren y no se vean desordenados. Dicho esto, también sabemos que no siempre es sencillo descubrir cómo hacerlo. Averiguar dónde y cómo dejar este espacio negativo puede ser complicado.

Sin embargo, si usa la proporción áurea, definitivamente tendrá un buen punto de partida. Y dado que tratar de resolver esto sin tener un punto de referencia puede llevar mucho tiempo, evitemos eso a toda costa. Solo eche un vistazo al ejemplo anterior. Puedes ver cómo se usan los cuadrados para decidir dónde debe haber espacio negativo.

Usar la proporción áurea para recortar imágenes

Una de las formas más sencillas en las que puede incorporar la proporción áurea en sus diseños es recortar sus imágenes de acuerdo con ella. No necesita hacer esto para cada imagen que tenga, pero si siente que una imagen específica es importante y necesita ser resaltada, pregúntele a su diseño si pueden recortarla en un rectángulo dorado. También puede implementar esta técnica cuando esté tomando fotografías. La espiral dorada se puede utilizar como guía para la composición de la imagen.

Una de las formas más sencillas en las que puede incorporar la proporción áurea en sus diseños es recortar sus imágenes de acuerdo con ella. No necesita hacer esto para cada imagen que tenga, pero si siente que una imagen específica es importante y necesita ser resaltada, pregúntele a su diseño si pueden recortarla en un rectángulo dorado. También puede implementar esta técnica cuando esté tomando fotografías. La espiral dorada se puede utilizar como guía para la composición de la imagen.

¿Qué es la regla de los tercios?

Este principio es similar a la proporción áurea y más fácil de implementar. Aunque esto significa que sus resultados no serán tan precisos como la proporción y agradables a la vista. La regla de los tercios involucra una cuadrícula que tiene nueve partes. Cada parte será de igual tamaño según la regla. Le recomendamos que se concentre en la intersección de las líneas oa lo largo de las líneas mismas. Esto le dará el resultado de tener una fotografía o un diseño equilibrado.

En el caso de la fotografía, si coloca papel cuadriculado sobre su visor, verá cómo los objetos que está fotografiando se alinean con los rectángulos y cuadrados de la página. Estas intersecciones son las que te servirán como guía para colocar los elementos primarios y secundarios de interés en la fotografía.

También hay algunas excepciones a la regla. Por ejemplo, si está haciendo fotos directas a la cabeza, es mejor centrar la cara en la pantalla y olvidarse de las líneas de cuadrícula.

La proporción áurea y los diseños de portadas de revistas.

Las portadas de revistas son un gran ejemplo de cuán efectiva es la proporción áurea en el diseño. Solo echa un vistazo a la portada de la revista Complex arriba que presenta a Solange Knowles. Este diseño utiliza la proporción áurea para determinar correctamente la proporción de espacios positivos y negativos. Podemos ver esto en cómo la parte superior de su nariz y casi su frente están inclinadas hacia arriba. Y cómo se alinean su nariz y su ojo. El resultado es una imagen equilibrada y naturalmente más atractiva para el ojo humano. Dado que las portadas de las revistas son lo que atraerá a los lectores a comprar el número, es muy importante incluir la proporción áurea en los diseños. Y puede comparar eso con cualquier cantidad de materiales de marketing que actúan como sus puntos de contacto iniciales con su audiencia.

Herramientas que pueden ayudarte a usar la proporción áurea en el diseño

Acostumbrarse a implementar la regla de la proporción áurea en los diseños puede ser un desafío al principio. Así que aquí hay algunas herramientas que podrían ser útiles cuando piensas en hacer tus diseños.

PhiMatrix

Este es un software de superposición que funciona bien junto con la herramienta de edición que está usando su diseñador. No es un complemento y es más una plantilla digital transparente, que se puede colocar encima del diseño que se está haciendo. Funciona bien con Windows y Mac, así como con una gran variedad de aplicaciones.

Calculadora de ingresos brutos

GRT Calculatore ayudará a decidir fácilmente el tamaño de fuente y el ancho del contenido. Le da al diseñador la capacidad de probar diferentes versiones de fuentes en pantalla.

Enfoque

Si desea un diseño hecho en WordPress, Focus es su herramienta de acceso. Este es un tema de WP que está completamente enfocado en la proporción áurea. También tiene muchas otras características imprescindibles para el sitio web ideal de hoy en día.

Calculadora de phi

Este es un increíble widget para Mac que ayudará a los diseñadores, si se sienten lo suficientemente cómodos para calcular la proporción. Permite el cálculo del Phi. Y proporcionará la información necesaria sobre la orientación y la forma de las cajas.

Calibres de media áurea

¿Quieres un diseño hecho en papel o lienzo y aún quieres que se use la proporción áurea? Esta herramienta puede ayudarte a lograrlo. Es utilizado en todo el mundo por artistas y diseñadores para obtener el toque perfecto de equilibrio artístico. Y ayuda especialmente con cualquier composición del cuerpo humano.

Una última palabra sobre la proporción áurea en el diseño

Hay una gran razón por la que la proporción áurea es tan importante para el diseño. Realmente saca a relucir el lado estéticamente más atractivo de cualquier elemento o composición. La proporción áurea también está en todas partes a tu alrededor. ¡Está incluso en las líneas de tus palmas! No tienes que usar la proporción áurea en cada diseño que quieras hacer. A veces tus necesidades particulares, el formato y/o todos los elementos que necesitas incluir simplemente no te lo permiten.

Pero incorporarlo siempre que sea posible, es una forma garantizada de llamar la atención del cliente. Los cambios resultantes serán bastante sutiles, pero harán que un diseño pase de ser 'meh' a '¡increíble!'. Después de todo, la Mona Lisa nunca perdió su atractivo, ¿verdad?