O que É Proporção Áurea? O que Você Precisa Saber e Como Usar

o que é proporção áurea

O que as Pirâmides de Gizé e a Mona Lisa de Da Vinci têm em comum com o Twitter e a Pepsi?

Quer uma resposta rápida? Eles foram projetados com base na Proporção Áurea.

A Proporção Áurea é uma forma de medição. É comumente encontrada na natureza. Quando utilizada no design, resulta em composições visuais orgânicas e naturais, esteticamente prazerosas de olhar. Mas o que é, exatamente, a Proporção Áurea; e como você pode usá-la para aprimorar seus designs?

O que é Proporção Áurea?

Tentando explicar da maneira mais simples possível, a Proporção Áurea – também conhecida como número de ouro, número áureo, secção áurea e proporção de ouro – existe quando uma linha é dividida em duas partes e a parte mais longa (a) dividida pela parte menor (b) é igual à soma de (a) + (b) dividida por (a), resultando em 1.618.

Mas não desanime com toda essa matemática. No design, a Proporção Áurea se resume à estética – criando um senso de beleza através da harmonia e da proporção. Quando aplicada ao design, a Proporção Áurea proporciona um senso de arte; um fator x; um certo je ne sais quoi.

Esse tipo de harmonia é utilizado há milhares de anos: nas Pirâmides de Gizé, no Partenon de Atenas, na obra A Criação de Adão de Michelangelo, no teto da Capela Sistina, na Mona Lisa de Da Vinci, no logotipo da Pepsi, no logotipo do Twitter. Até nossos corpos e rostos seguem essa proporção matemática:

The Science Forum

Aliás, o cérebro humano parece preferir objetos e imagens que seguem a Proporção Áurea. É uma atração quase subconsciente; até mesmo pequenas alterações em imagens que seguem a Proporção Áurea podem ter um grande impacto em nosso cérebro. A Proporção Áurea também pode ser aplicada em formas geométricas. Pegue um quadrado e multiplique um lado por 1.618, e você vai obter um retângulo de proporções harmoniosas:

Se você colocar o quadrado sobre o retângulo, as duas figuras vão resultar em uma imagem com Proporção Áurea:

Se você continuar aplicando a fórmula da Proporção Áurea ao novo retângulo – na imagem acima, o último à direita –, você vai, eventualmente, obter um diagrama com quadrados progressivamente menores:

Opa! Precisa de uma pausa? Espere só mais um pouquinho; temos algumas outras coisas extraordinárias para mostrar.

Se você utilizar o diagrama da Proporção Áurea acima e desenhar um arco em cada quadrado, de um canto ao outro, isso vai resultar na primeira curva da Espiral Áurea (ou sequência de Fibonacci) – uma série na qual o padrão de cada número é a soma dos dois números anteriores. Começando no zero, a sequência é: 0, 1, 1, 2, 3, 5, 8, 13, 21, 34, 55, 89, 144… e por aí vai.

Ao inserir o arco em cada quadrado, você vai obter o diagrama da Espiral Áurea:

Você vai encontrar essa bela espiral em formas da natureza – samambaias, flores, conchas e até em furações. Talvez por isso a espiral seja tão atraente visualmente. Pois ela é, de fato, uma demonstração da natureza pura e simples.

natureandwisdom.wordpress.com

Agora, dê um passo adiante e trace um círculo dentro de cada quadrado – você vai obter círculos que seguem a proporção 1:1.618 e que estão em equilíbrio proporcional entre si.

Então agora temos quadrados, retângulos e círculos que seguem a Proporção Áurea e fazem a mágica (numérica) acontecer em seu design.

Cansou das explicações?

5 maneiras de usar a Proporção Áurea em seus designs

Agora que você quebrou a cabeça com a teoria por trás da Proporção Áurea, vamos ver como ela pode ser usada para aprimorar seus designs.

Você pode usar a Proporção Áurea em vários elementos de composição do seu design, incluindo layout, espaçamento, conteúdo, imagens e formas.

01. Layout: defina suas dimensões através da Proporção Áurea

Considere a Proporção Áurea como um guia útil para determinar as dimensões do seu layout. Uma maneira bastante simples de aplicar a Proporção Áurea é definindo suas dimensões em 1:1.618.

Por exemplo, pegue um típico layout de 960 pixels de largura e divida por 1.618. Isso vai resultar em 594, que vai ser a altura do seu layout.

Agora, divida esse layout em duas colunas usando a Proporção Áurea e pronto! Trabalhando dentro dessas duas formas, seu layout vai ficar mais harmonioso.

O layout de duas colunas combina bem com o web design, e você vai perceber muitos conteúdos online neste formato. O site da National Geographic certamente adotou esse layout para manter o site claro, legível e bem organizado. Ele proporciona aos leitores um sentido natural de ordem, equilíbrio e hierarquia.

02. Espaçamento: configure usando o diagrama da Proporção Áurea

Espaçamento é um elemento importante de qualquer design, seja para criar espaço negativo ou positivo; e geralmente pode fazer a diferença no resultado final do projeto.

Utilize o diagrama da Proporção Áurea e deixe os quadrados guiarem onde você deve colocar cada elemento. Isso vai assegurar o cálculo correto de seu espaçamento e de suas proporções, deixando a intuição de lado – já que qualquer pequena alteração feita com o intuito de obter a Proporção Áurea pode fazer uma grande diferença.

E se você estiver lidando com diversos elementos, pode usar vários diagramas da Proporção Áurea para manter as proporções em todo o design.

O estúdio de design Moodley criou uma identidade visual para o festival de artes cênicas  Bregenzer Festspiele, incluindo logotipo, cartaz e campanhas de outdoor. O cartaz mostra colagens fotográficas e ilustrativas, bem como um logotipo contorcido e bastante espaço em branco. A Proporção Áurea é usada para determinar o tamanho e o lugar de cada elemento, assegurando a boa proporcionalidade do cartaz.

Bregenzer Festspiele por Moodley

A agência de design de Singapura Lemon Graphic criou uma identidade visual para a Terkaya Wealth Management. Aqui, todos os três elementos do design do cartão de visita – a pequena águia, o texto e a grande águia – seguem a Proporção Áurea.

Aliás, coloque a Proporção Áurea sobre a pequena águia e veja como ela também se encaixa nas proporções.

Terkaya por Lemon Graphic

03. Conteúdo: trace a Proporção Áurea

A Proporção Áurea pode ser usada como um guia para determinar o local onde o conteúdo deve ser inserido. Nosso olhar é, naturalmente, direcionado para o centro da espiral, onde buscamos detalhes. Por isso, foque seu design no centro da espiral e insira áreas de interesse visual dentro dela.

Confira novamente o site da National Geographic, e você vai notar que há um segundo logotipo menor no centro da espiral. É um ótimo lugar para duplicar imagens da marca, porque nosso olhar, naturalmente, é direcionado para esta área. Algo subliminar? Talvez. A Proporção Áurea tem esse poder.

Site da National Geographic

Este site do designer gráfico Tim Roussilhe – e criado por ele – parece denso em conteúdo, mas é muito bem organizado com base na Proporção Áurea e na Espiral Áurea, esta última localizada no texto do canto superior esquerdo do site. Seus olhos começam a percorrer o site a partir do centro, com “Bonjour My Name Is Tim”, passam pela descrição, pelos botões do menu principal, chegam ao logotipo, no canto superior esquerdo e, finalmente, repousam no espaço negativo – depois de absorver todos os detalhes necessários.

Bonjour My Name Is Tim

O conteúdo se torna mais denso à medida que a espiral progride nesta identidade visual por Saastamoisen säätiö. Conforme os olhos se aproximam da espiral, o tamanho de cada letra é reduzido, bem como o espaçamento entre elas. As letras não são necessariamente lidas em ordem, mas há repetição suficiente para torná-las familiar.

Saastamoisen säätiö

Helms Workshop criou este branding para a Fullsteam Brewery e usou a Proporção Áurea e a Espiral Áurea no layout e no conteúdo. Vários elementos do design se encaixam em quadrados distintos, e o olhar passa pelo personagem principal, indo em direção ao carimbo, ao teor alcoólico (ABV) e ao local de fabricação.

A intenção de Helms Workshop para a Fullsteam foi criar uma “narrativa de marca em torno de um fazendeiro steampunk semifictício…” A Espiral Áurea ajuda a contar a narrativa no rótulo, à medida que descobrimos coisas sobre ele e a marca.

Fullsteam Brewery por Helms Workshop

04. Imagens: Proporção Áurea (ou Regra dos Terços)

Composição é fundamental para qualquer imagem, seja para transmitir uma informação importante ou para criar uma fotografia de estética prazerosa. A Proporção Áurea pode ajudar a criar uma composição que direciona o olhar para os elementos importantes da foto. Usando a Proporção Áurea, você pode dividir a fotografia em três seções desiguais e, então, usar as linhas e interseções para compor a imagem.

A proporção é 1: 0.618: 1 – portanto, a largura da primeira e da terceira coluna vertical será 1, e a largura da coluna central vertical será 0.618. Da mesma maneira acontecerá com as fileiras horizontais: a altura da primeira e da terceira fileira horizontal será 1, e a largura da coluna do centro será 0.618. Agora, use essas linhas e interseções para atrair o olhar do observador e sua atenção. Isso também cria tensão e proporciona interesse e energia à composição.

Outro maneira (um pouco mais simples) de cortar imagens via Proporção Áurea é usando a Regra dos Terços. Ela não é tão precisa quanto a Proporção Áurea, mas se aproxima bastante. Para a Regra dos Terços, configure todas as linhas verticais e horizontais em 1:1:1, de modo que todos os espaços sejam iguais e uniformes. Alinhe importantes elementos da imagem em torno do retângulo central, de preferência em seus quatro cantos.

Esta capa para a revista Complex, que mostra Solange Knowles, usa a Proporção Áurea para determinar a proporção dos espaços negativo e positivo. O topo do nariz de Solange e (quase) sua testa tocam a primeira linha horizontal, enquanto que o nariz e os olhos dela tocam as duas linhas verticais, no centro do retângulo.

Revista Complex

Jason Mildren fez esta capa para a revista Pilot que usa a Regra dos Terços. O foco está nos cantos do retângulo central – e boa parte do centro deste retângulo está vazia. Os olhos da modelo tocam precisamente um dos canto e atraem o público.

Capa da Revista Pilot por Jason Mildren

Esta capa da revista Feld utiliza a Proporção Áurea para centrar o olho do modelo na capa. Funciona bem, porque o modelo não está centralizado, e um dos lados do rosto quase alinha com a linha vertical esquerda.

Revista Feld

E, no geral, o layout da capa segue a Proporção Áurea e a Espiral Áurea. O conteúdo é centrado dentro da espiral e torna-se mais detalhado no centro da espiral.

Revista Feld

05. Formas: Círculos Áureos

Assim como a Proporção Áurea pode ser usada para criar quadrados e retângulos que se harmonizam proporcionalmente, o mesmo também pode ser aplicado aos círculos. Um círculo perfeito em cada quadrado do diagrama vai seguir a proporção 1:1.618 em relação ao círculo do quadrado adjacente.

O uso dos Círculos Áureos cria não apenas harmonia e proporção, como também consistência na forma como um todo. Vamos voltar a falar das marcas Pepsi e Twitter aqui.

O logotipo da Pepsi é baseado em dois círculos que se cruzam seguindo a Proporção Áurea. Embora o círculo menor não seja muito evidente, ele forma a base da parte branca que fica no centro do logotipo.

O logotipo do Twitter usa geometria e é baseado nos círculos perfeitos. Há uma pequena falta de precisão quando alinhamos o logotipo com a Proporção Áurea; contudo, no geral, o logotipo do Twitter aparentemente usa os Círculos Áureos para equilibrar, ordenar e harmonizar.

Agora é com você

Você pode usar vários elementos da Proporção Áurea para melhorar seu design. As mudanças podem ser sutis, mas talvez seja tudo de que você precisa para criar um design fantástico, especialmente aos olhos dos observadores.

Como György Dóczi diz no The Power of Limits, “O poder da Proporção Áurea para criar harmonia vem da sua capacidade única de unificar diferentes partes de um todo, de modo que cada elemento preserve sua própria identidade e, ao mesmo tempo, harmonize-se com o design geral”.

Sua arma secreta para criar designs deslumbrantes