O que é Golden Ratio e como usar em Graphic & Web Design?

Criar uma obra de arte impressionante ou um site visualmente estimulante não é exatamente uma moleza. Embora a criatividade desempenhe um papel importante no sucesso de qualquer design, também há alguma matemática e ciência envolvidas.

Quando as pessoas veem as obras de arte de artistas e maestros icônicos como Da Vinci ou Salvador Dali, elas pensam em gênio criativo. A mesma coisa é sentida quando você vê esculturas como o antigo Panteão Romano. No entanto, todas essas obras de arte têm uma coisa em comum – conhecida como proporção áurea. Os melhores designers e criadores de sites ainda contam com esse conceito testado pelo tempo para criar obras de arte e sites impressionantes que atraem seus olhos.

Proporção áurea através da passagem da história

As raízes da proporção áurea remontam aos dias gloriosos da civilização grega. Também é dito que os antigos egípcios o usaram para criar pirâmides impressionantes e outras tumbas 4000 anos atrás. Os antigos gregos tinham uma excelência incrível em arte, música e ciência.

Os gregos foram possivelmente os primeiros a descobrir que existe uma bela assimetria em coisas naturais como árvores, flores, animais, etc. Eles usaram a letra grega Phi para expressar esse fenômeno. Ao longo dos séculos, artistas e arquitetos recorreram ao entendimento das proporções e conceitos centrais da proporção áurea para criar uma arquitetura esteticamente agradável, bem como obras de arte.

Cortado para os tempos atuais, a proporção áurea está sendo usada para decidir o layout visual e o formato de coisas como logotipo, cartão de crédito, móveis, livros, até mesmo algo tão mundano quanto o design de pratos em um restaurante. Até o Facebook está procurando desenvolver vidro AR que pode ler mentes humanas, quando se trata de design, é imensamente útil com proporção áurea.

Em outras palavras, você pode não estar ciente, mas a proporção áurea existe em todos os lugares ao seu redor! Às vezes, você pode não ter certeza do motivo de escolher uma camiseta com um design específico em vez de outras em uma loja. Ele tem um design que de alguma forma atrai mais seus olhos e mente e o principal motivo é a proporção áurea.

Nuances da Proporção Áurea que os profissionais de design devem conhecer

A proporção é derivada da famosa sequência de Fibonacci, que você deve se lembrar de ter visto no aclamado filme O Código Da Vinci. É uma sequência numérica que ocorre naturalmente e é encontrada em quase qualquer lugar. A sequência está lá no formato de conchas e no número de folhas presentes em uma árvore – por exemplo.

A sequência de Fibonacci é basicamente a soma de dois números que a precedem. É como: 0, 1,1, 2, 3, 5, 8, 13, 21, etc até o infinito. A partir dela, os gregos criaram a Razão Áurea. Denota a relação perfeitamente simétrica existente entre duas proporções. É igual a 1:1.618 aprox. Isso geralmente é mostrado usando um Retângulo Dourado: um grande retângulo composto por um quadrado e um retângulo menor em tamanho. O quadrado tem lados iguais ao menor comprimento do retângulo. Se você descartar o quadrado contendo o retângulo, outro Retângulo Dourado menor será deixado. Isso continua infinitamente como os números de Fibonacci – que funcionam ao contrário!

Alguns exemplos notáveis ​​de proporção áurea na vida humana

Os gregos eram os mestres da Razão Áurea. Se você observar as ruínas dos edifícios e templos gregos, poderá encontrar uma agradável relação dimensional entre a altura e a largura do edifício. Isso se aplica ao tamanho das colunas, ao pórtico e a tudo nele. Este conceito foi amplamente utilizado no movimento de arquitetura neoclássica também.

• A Última Ceia – A pintura popular de Leonardo da Vinci, contém o selo da proporção áurea – muito parecido com suas outras esculturas e pinturas célebres. Nela, você pode ver as figuras colocadas nos dois terços inferiores. A posição de Jesus também está em sincronia.
• Objetos naturais e formas de vida – Mesmo na natureza, você pode encontrar muitas instâncias desse conceito. Você pode, por exemplo, verificar coisas como abacaxis, favos de mel, diferentes tipos de flores, conchas, etc.

Por que a proporção áurea é relevante para web e design gráfico?

Não é muito difícil entender por que web designers e artistas gráficos recorrem à proporção áurea em seus trabalhos. Os espectadores-alvo ou visitantes do site prestam atenção ao design ou patrono que parece atraente e reconfortante aos olhos. O velho ditado da primeira impressão, sendo a última tem um papel importante aqui. A menos que a página inicial de um site seja atraente aos olhos, os visitantes a deixarão em um instante. Sem um senso visual de simetria e proporção, a página da web ou a arte não fazem com que os espectadores se sintam à vontade e confortáveis.

Uma vez que o layout e o estilo de design de um site parecem proporcionais e esteticamente agradáveis ​​para os espectadores, eles se sentem interessados ​​em verificar o conteúdo e prosseguir para as outras seções do site. A Proporção Áurea também é usada em web design para equilibrar texto, conteúdo rico e fazer uma hierarquia. A mesma lógica é aplicável para arte gráfica como o logotipo de uma empresa.

O uso da proporção áurea tem uma influência positiva no design geral e em seus elementos individualmente. Quando os elementos de design são proporcionais, parece visualmente satisfatório. De um ícone a outros elementos visuais, tudo se encaixa e parece proporcional quando a proporção áurea é implantada.

No web design, também é importante colocar o conteúdo do texto no lugar certo e escolher o tipo e o tamanho corretos. É aqui que a ração Golden também pode ser utilizada. Você pode selecionar um tamanho de texto específico para o cabeçalho e depois dividir usando 1,618. O resultado será certo para os subtítulos. Se o corpo do texto tiver um tamanho de 10 px, você pode multiplicá-lo por 1,618. O tamanho do texto do título, portanto, pode ser definido em 16 px. Em uma página da Web, onde diferentes tipos de conteúdo devem ser usados, isso pode ser útil.

Em qualquer página da web, a quantidade de espaço em branco também desempenha um papel. O espaçamento excessivo não é visualmente atraente e a falta de espaçamento em branco em uma página pode torná-la confusa. Ao usar a proporção áurea, os designers são capazes de descobrir a quantidade adequada de espaçamento em branco nas páginas da web.

Mesmo no design do logotipo, o uso da proporção áurea é relevante. O logotipo é o que representa uma empresa para os usuários-alvo antes de visitarem sites ou lojas de marcas, etc. Portanto, o logotipo deve ser esteticamente agradável e com um senso de equilíbrio. É aqui que entra a proporção áurea. Os logotipos de muitas multinacionais e gigantes corporativos como Pepsi, Twitter e Apple foram criados usando a teoria.

Como implementar a ração de ouro em gráficos e web design?

Na verdade, implantar o conceito de proporção áurea em design e arte é mais simples do que você pensa. Existem 2 maneiras de implantá-lo em web ou design gráfico:

• A solução rápida: se você estiver envolvido em um projeto de web ou design gráfico com um prazo apertado e não há tempo para muita experimentação em design, você ainda pode implantar a proporção áurea. O conceito é dividir uma área em 3 seções iguais – horizontal e verticalmente. A interseção dessas linhas deve servir como um ponto focal natural para suas formas e figuras.

  Os fotógrafos geralmente são ensinados a colocar o assunto principal em uma dessas linhas que se cruzam para obter composições agradáveis. A mesma teoria pode ser usada em layouts de página e designs de pôsteres.

• Implementação completa: Para garantir que você siga o antigo conceito da proporção áurea sem usar atalhos, isso também não é tedioso. Para uma página da web, você deve garantir que a área de conteúdo e a proporção da barra lateral sigam essa proporção de 1:1.6.1. Portanto, em média, se a área de conteúdo for de 640 px, você deve garantir que a barra lateral tenha cerca de 400 px. A mesma lógica se aplica às áreas de cabeçalho, rodapé e navegação.

Existe um aplicativo para Proporção Áurea, sim, na verdade!

Se você acha tedioso entender e implantar o conceito em seu trabalho de design ou tem medo de se desviar das normas, relaxe. Como tudo na vida, você obtém um aplicativo para a Proporção Áurea. Na verdade, você obtém vários aplicativos para implantar o conceito em seu design.

Listados abaixo estão alguns desses aplicativos que você pode conferir:

• Golden Ratio – GoldenRATIO é um aplicativo que permite implantar o conceito antigo em seu design, sem complicações e perda de tempo. Ele está disponível por US$ 2,99 na Mac App Store. O aplicativo tem um recurso útil de favoritos e um modo ‘clique-através’ funcional. Ele pode ser usado no Photoshop, bem como uma sobreposição. Você obtém uma calculadora incorporada com feedback visual.
• Calculadora de Tipografia da Proporção Áurea – Isso permite que você faça tipografia perfeita para qualquer site em sincronia com a teoria da Proporção Áurea.
• Phicalculator – Phicalculator é um aplicativo útil e gratuito, que pode ser usado tanto no PC quanto no Mac. Se você inserir um número nele, obterá o número correspondente de acordo com a proporção áurea.
• Atrise Golden Section – Este é um software de grade funcional com uma régua na tela. Ao usar isso, você será salvo de enviar tempo em cálculos. Você pode ver e alterar os tamanhos e formas harmoniosas. O preço é alto, mas as versões de teste gratuitas podem ser usadas por 30 dias.
• PhiMatrix – Esta é outra ferramenta útil e amplamente utilizada para design e análise baseados na Proporção Áurea. Você obtém grades personalizáveis, bem como modelos que podem ser usados ​​como sobreposições nos projetos de design.

Existem aplicativos de câmera de terceiros que permitem tirar fotos incríveis, respeitando a proporção áurea e a sequência de Fibonacci. Alguns desses aplicativos são gratuitos e os pagos também estão lá. Disponíveis para plataformas iOS e Android, esses aplicativos são úteis para os designers que desejam capturar imagens para uso em projetos de design gráfico ou web que são filmados de acordo com a norma. Isso facilitará o trabalho com as imagens e reduzirá a necessidade de cortá-las e ajustá-las.

• Para iOS – Os usuários do dispositivo iOs podem ir para o aplicativo Golden Ratio calcular e fotografar. Custa apenas $ 1,99 e contém recursos úteis para os usuários, como uma calculadora de proporção áurea. Usando-o, você pode capturar imagens enquanto mantém os elementos aderindo ao princípio.
• Para Android – Os usuários do Android devem optar pelo aplicativo Camera Zoom FX que custa $3. Usando o aplicativo, você pode utilizar a espiral de Fibonacci e a grade Phi como sobreposições de imagem ao tirar fotos.

Dicas úteis para usar a proporção áurea

Existem algumas maneiras úteis de implantar a proporção áurea em um projeto de design:

• Você pode usar a proporção para criar uma grade básica do site, que cobrirá a barra lateral e a área de conteúdo principal. Para uma tela de 1366 por 768 pixels, você pode escolher uma largura de 846 pixels para a área de conteúdo. A barra lateral pode ter 520 pixels de largura. A altura não é importante neste contexto.
• Você pode usar esse conceito para criar guias de espaçamento. Você pode usar quadrados grandes como a unidade 13 e 8 para fazer layouts enquanto usa pequenos quadrados da unidade 1 a 3 para definir calhas.
• Você pode criar ícones e logotipos usando a fórmula.
• Pode ser implantado no estágio de wireframing. Isso ajuda você a planejar uma estrutura e dimensionar os vários componentes da interface do usuário. Isso também é útil para profissionais de web design cortarem imagens enquanto mantêm as proporções da maneira correta.

Coisas a ter em mente

Embora o uso da proporção áurea em uma página da Web ou design de arte possa ser benéfico para uma empresa ou profissional, exagerar não é aconselhável. Lembre-se de que, para usuários inexperientes ou iniciantes, a sensação de escala criada pela sequência pode sair do controle. A ideia é criar um senso de equilíbrio estético usando a norma sem ir aos extremos. Você deve usar o valor numérico no design de maneiras sutis e não em todos os lugares. Alguns sites podem precisar de pouca implantação da proporção áurea, enquanto outros podem precisar de implementação intensiva.

No final, tudo se resume a usar o elemento de tamanho certo em um design ou página da web. Você também precisa usar o espaço em branco da maneira certa para criar um equilíbrio visual no design. É aí que a ração Golden pode ser útil. Use-o da maneira certa para apimentar o design, mas não baseie todo o seu design nele. Existem outros aspectos como o uso de cores adequadas e contrastantes e o tipo certo de conteúdo.

Para onde tudo isso leva?

A proporção áurea é o segredo por trás de imagens, logotipos, sites e tudo o que você encontra na natureza visualmente agradáveis ​​e estéticos. No começo, pode parecer um conceito matemático difícil de usar no design. No entanto, com uma abordagem cuidadosa e análise de obras de arte criadas usando a teoria – você vai se acostumar com isso.

Claro, você pode usar aplicativos de terceiros e ferramentas da web que estão lá. No entanto, dominar a proporção áurea não é algo que você consiga da noite para o dia. Será preciso muita prática e análise dos exemplos para chegar ao ponto de perfeição. No entanto, deve ser usado da maneira certa para tornar seu design atraente para os espectadores.