A proporção áurea em design e por que isso é importante para sua marca

Você sabe o que nosso DNA e O Sacramento da Última Ceia de Salvador Dali têm em comum com marcas como a Pepsi? Eles são exemplos da proporção áurea no design. A proporção áurea é uma proporção matemática que pode ser usada para criar resultados visualmente agradáveis. E não é apenas uma questão de resultados feitos pelo homem – a proporção áurea pode ser encontrada em toda a natureza e até no corpo humano.

Quando você usa a proporção áurea no design, resulta em composições naturalmente agradáveis ​​ao olho humano. Que é exatamente como você quer que seu público-alvo se sinta em relação à sua marca. E é por isso que vamos mergulhar profundamente na proporção áurea do design neste blog.

O que exatamente é a proporção áurea?

Diz-se que duas quantidades formam a proporção áurea, se sua proporção for a mesma que a proporção de sua soma, para a maior quantidade entre as duas. Muito complicado? Dê uma olhada na figura abaixo que simplifica isso.

A proporção áurea também é conhecida como proporção divina, Phi, e por alguns outros nomes. Séculos atrás, várias almas observadoras e curiosas começaram a observar os padrões surpreendentes que ocorriam na natureza ao seu redor. Os arranjos de folhas nas plantas, os padrões nas pétalas de uma flor, como os barcetes de uma pinha são arranjados tão perfeitamente, e até mesmo as escamas de um abacaxi. Eles notaram que todos eles tinham exatamente o mesmo padrão. O referido padrão vai como 1,2,3,5,8,13,21,34 e assim por diante.

O padrão veio a ser conhecido como a sequência de Fibonacci. Quando você começa a calcular a razão de um número de Fibonacci com o número anterior, a resposta que você sempre obterá é 1,61803. Isso, por sua vez, é arredondado para 3 casas decimais para obter a proporção áurea. Como era naturalmente agradável ao olho humano, essa proporção foi incorporada a muitos tipos diferentes de obras de arte. Tudo, desde a Mona Lisa, até esculturas, fotografia e arquitetura tornaram-se exemplos da proporção áurea no design.

Alguns outros exemplos da proporção áurea podem ser encontrados em furacões, conchas de caracóis, o rosto humano (aqueles que se alinham mais com a proporção são considerados os mais bonitos), A Criação de Adão de Michelangelo e até mesmo nos padrões de flores pétalas.

O significado da proporção áurea no design

A proporção áurea é importante a ser considerada ao criar materiais de marketing, cartões de visita, capas de revistas, sites e até pôsteres, só para citar alguns. Vamos dar uma olhada em como você pode usá-lo no design de forma eficaz.

Usando a proporção áurea no design

Formas que carregam a proporção áurea

As formas que se alinham com a proporção áurea tiveram a palavra dourado adicionada como significante. São retângulos dourados, círculos dourados, espirais douradas e triângulos dourados. Quando reunidas corretamente, essas formas podem criar elementos de design que não podem ser ignorados.

A proporção áurea na tipografia

Quando qualquer design é criado com texto, você deve sempre pensar na hierarquia da tipografia. É uma prática recomendada em design. E para isso, você pode usar a proporção áurea para orientá-lo sobre como dimensionar sua(s) fonte(s).

Digamos, por exemplo, que você precisa descobrir a hierarquia para seu texto mais importante (A), seu texto um pouco importante (B) e seu texto não muito importante (C). Se o menor tamanho de fonte for 10px, você poderá multiplicá-lo por 1,618 para obter um guia aproximado dos tamanhos de fonte que precisarão ser maiores.

A proporção áurea na composição de imagens

Para fazer seus designs rapidamente, sem sacrificar a qualidade, peça ao seu designer para sobrepor seu design com a espiral dourada. Eles poderão então ver o posicionamento exato dos vários elementos e decidir se eles realmente se reúnem em harmonia. Os pontos focais de um design também podem ser trabalhados usando a espiral dourada. Isso significa que usar a proporção áurea no design pode ajudá-lo a descobrir como colocar um título para que ele receba mais atenção, por exemplo. Se o projeto precisar de mais energia, essa técnica também pode ajudar a ver quais elementos precisam ser deslocados.

A proporção áurea em logotipos

Um logotipo bem pensado é muito importante para a sua marca. Quando bem feito, torna-se o elemento mais facilmente identificado em sua marca. E desempenha um papel enorme em mantê-lo na mente do seu público-alvo. É por isso que a proporção áurea não deve ser ignorada no design do logotipo. Isso ajudará a atrair a atenção dos clientes em um instante e os ajudará a se conectar com sua marca também.

Algumas das maiores e mais bem-sucedidas marcas do mundo, como Pepsi, Twitter e Apple, têm seus logotipos alinhados com a proporção áurea. Quando um logotipo está sendo projetado, os designers podem até pensar na sequência de Fibonacci como uma série de círculos. Os círculos podem então ser reorganizados para formar a grade como base do design do logotipo. Isto é o que foi mostrado no exemplo acima, onde você pode ver como o logotipo foi colocado nos círculos.

A proporção áurea na escolha de layouts

Encaixar vários elementos diferentes em um design, de uma maneira que pareça coesa, é uma tarefa difícil. Especialmente quando se trata de páginas de destino ou seu site. A proporção áurea, no entanto, pode ajudar a salvar o dia! Ele pode ser usado para decidir as dimensões que são necessárias em um layout e onde cada um dos elementos envolvidos será colocado. Uma maneira muito fácil de começar isso seria definir as dimensões de acordo com 1:1.618 do get get. E então usar essa estrutura daqui para frente. Essa seria a abordagem mais prática, onde você pode usar a largura básica de 960 pixels e dividi-la por 1,618. A resposta que você obter aqui, será a altura do design.

A proporção áurea e o conteúdo na web

A proporção áurea também pode ser usada para determinar como as colunas de texto são organizadas. Embora você possa ter um texto mínimo em suas páginas de destino, isso será importante para seus sites. Por exemplo, uma página com uma coluna estreita de texto à direita e um bloco de texto mais largo à esquerda não só atrai a atenção do espectador. Ele também destaca as informações mais importantes. Para um site com uma largura de 960 pixels, isso significa que a coluna da direita deve ter 367 pixels de largura e a da esquerda deve ter 593 pixels.

Seu layout pode não permitir uma proporção áurea exata, mas contanto que você chegue o mais próximo possível da proporção 1:1,61, você colherá os benefícios de incorporar a proporção áurea.

O outro benefício dessa estratégia é que ela ajuda os leitores a navegar pelos diferentes tipos de conteúdo que você inclui (por exemplo, vídeo, fotografia e conteúdo baseado em texto). E é por isso que você encontrará exemplos desse layout em muitos sites populares (por exemplo, Fast Company, BuzzFeed).

Espaçando seus elementos com a proporção áurea

A importância do espaço branco ou negativo é algo que temos enfatizado, em todos os nossos blogs de design. Ele permite que os elementos em um design respirem e não pareçam confusos. Dito isto, também sabemos que nem sempre é uma coisa simples de descobrir como fazer. Descobrir onde e como deixar esse espaço negativo pode ser complicado.

Se você usar a proporção áurea, você definitivamente terá um bom ponto de partida. E como tentar descobrir isso sem ter um ponto de referência pode consumir muito tempo, vamos evitar isso a todo custo. Basta dar uma olhada no exemplo acima. Você pode ver como os quadrados são usados ​​para decidir onde deve haver espaço negativo.

Usando a proporção áurea para cortar imagens

Uma das maneiras mais simples de incorporar a proporção áurea em seus designs é cortar suas imagens de acordo com ela. Você não precisa fazer isso para cada imagem que tiver, mas se achar que uma imagem específica é importante e precisa ser destacada, pergunte ao seu design se eles podem cortá-la em um retângulo dourado. Você também pode implementar essa técnica quando estiver tirando fotos. A espiral dourada pode ser usada como guia de como a imagem é composta.

Uma das maneiras mais simples de incorporar a proporção áurea em seus designs é cortar suas imagens de acordo com ela. Você não precisa fazer isso para cada imagem que tiver, mas se achar que uma imagem específica é importante e precisa ser destacada, pergunte ao seu design se eles podem cortá-la em um retângulo dourado. Você também pode implementar essa técnica quando estiver tirando fotos. A espiral dourada pode ser usada como guia de como a imagem é composta.

O que é a regra dos terços?

Este princípio é semelhante à proporção áurea e mais fácil de implementar. Embora isso signifique que seus resultados não serão tão precisos quanto a proporção e agradáveis ​​​​aos olhos. A regra dos terços envolve uma grade que tem nove partes. Cada parte será de tamanho igual de acordo com a regra. Nós encorajamos você a se concentrar na interseção das linhas ou ao longo das próprias linhas. Isso lhe dará o resultado de ter uma fotografia ou design equilibrado.

No caso da fotografia, se você colocar papel quadriculado sobre o visor, verá como os objetos que está fotografando se alinham com os retângulos e quadrados da página. Essas interseções são o que servirão como diretrizes para onde você deve posicionar os elementos primários e secundários de interesse na fotografia.

Há também algumas exceções à regra. Por exemplo, se você estiver fazendo headshots direto, é melhor centralizar o rosto na tela e esquecer as linhas de grade.

A proporção áurea e os designs de capa de revista

As capas de revistas são um ótimo exemplo de quão eficaz é a proporção áurea no design. Basta conferir a capa da revista Complex acima que apresenta Solange Knowles. Este design usa a proporção áurea para determinar a proporção de espaços positivos e negativos corretamente. Podemos ver isso em como o topo do nariz e quase a testa estão inclinados para cima. E como o nariz e o olho dela estão alinhados. O resultado é uma imagem equilibrada e naturalmente mais apelativa ao olho humano. Como as capas das revistas são o que atrairão os leitores para comprar a edição, incluir a proporção áurea nos designs é muito importante. E você pode igualar isso a qualquer número de materiais de marketing que atuam como seus pontos de contato iniciais com seu público.

Ferramentas que podem ajudá-lo a usar a proporção áurea no design

Acostumar-se a implementar a regra da proporção áurea em projetos pode ser um desafio no início. Então, aqui estão algumas ferramentas que podem ser úteis quando você pensa em fazer seus projetos.

PhiMatrix

Este é um software de sobreposição que funciona bem com a ferramenta de edição que seu designer está usando. Não é um plug-in e é mais um template digital transparente, que pode ser colocado em cima do design que está sendo feito. Funciona bem com Windows e Mac, bem como com toda uma gama de aplicativos.

Calculadora GRT

O GRT Calculatore ajudará a decidir facilmente o tamanho da fonte e a largura do conteúdo. Dá ao designer a capacidade de experimentar diferentes versões de fontes na tela.

Foco

Se você deseja um design feito em um WordPress, o Focus é sua ferramenta preferida. Este é um tema do WP totalmente focado na proporção áurea. Ele também possui muitos outros recursos obrigatórios para o site moderno ideal.

Calculadora Phi

Este é um widget incrível para Mac que ajudará os designers, se eles estiverem confortáveis ​​o suficiente para calcular a proporção. Permite o cálculo do Phi. E fornecerá as informações necessárias sobre a orientação e a forma das caixas.

Paquímetros da Média Dourada

Quer um desenho feito em papel ou tela e ainda quer usar a proporção áurea? Esta ferramenta pode ajudá-lo a fazer isso. É usado em todo o mundo por artistas e designers para obter o traço perfeito de equilíbrio artístico. E ajuda especialmente com qualquer composição do corpo humano.

Uma palavra final sobre a proporção áurea no design

Há uma grande razão pela qual a proporção áurea é tão importante para o design. Realmente traz o lado mais esteticamente atraente de qualquer elemento ou composição. A proporção áurea também está em toda parte ao seu redor. Está até nas linhas das palmas das mãos! Você não precisa usar a proporção áurea em todos os designs que deseja fazer. Às vezes, suas necessidades particulares, o formato e/ou todos os elementos que você precisa incluir simplesmente não permitem isso.

Mas incorporá-lo sempre que possível, é uma forma garantida de atrair a atenção do cliente. As mudanças resultantes serão bastante sutis, mas levarão um design de 'meh' para 'incrível!'. Afinal, a Mona Lisa nunca perdeu seu apelo, não é mesmo?