Um guia para a Relação de Ouro para designers

Desenho bom tem estado em debate há tanto tempo como nós temos vindo a criar. Há infinitos fóruns, tópicos de social media, e conversas presenciais sobre o que faz um grande design, com cada um a contribuir com o seu próprio ponto de vista.

É essa a beleza do design, certo? Todos podem interpretá-lo de forma diferente.

Embora nunca haja uma abordagem única para o design, há uma abordagem concreta e matemática que nos pode ajudar a chegar sempre mais perto da criação de experiências de design surpreendentes: o Golden Ratio.

O Golden Ratio é uma relação matemática que se pode encontrar em quase qualquer lugar, como natureza, arquitectura, pintura, e música. Quando aplicada especificamente ao design, cria uma composição orgânica, equilibrada e esteticamente agradável.

Neste artigo, vamos mergulhar no que é o Golden Ratio, como calculá-lo, e como utilizá-lo no design – incluindo uma lista útil de ferramentas.

Qual é o Golden Ratio?

Também conhecido como a Secção Dourada, Média Dourada, Proporção Divina, ou a letra grega Phi, o Golden Ratio é um número especial que equivale aproximadamente a 1,618. A razão em si vem da sequência de Fibonacci, uma sequência natural de números que pode ser encontrada em todo o lado, desde o número de folhas numa árvore até à forma de uma concha.

A sequência de Fibonacci é a soma dos dois números que a precedem. Vai: 0, 1,1, 2, 3, 5, 8, 13, 21, e assim por diante, até ao infinito. A partir deste padrão, os gregos desenvolveram a Razão de Ouro para melhor expressar a diferença entre quaisquer dois números na sequência.

Como é que isto se relaciona com o desenho? Pode-se encontrar o Golden Ratio quando se divide uma linha em duas partes e a parte mais longa (a) dividida pela parte mais pequena (b) é igual à soma de (a) + (b) dividida por (a), que ambas são iguais a 1,618. Esta fórmula pode ajudá-lo na criação de formas, logótipos, layouts, e mais.

Também pode pegar nesta ideia e criar um rectângulo dourado. Pegue num quadrado e multiplique um lado por 1.618 para obter uma nova forma: um rectângulo com proporções harmoniosas.

Se colocar o quadrado sobre o rectângulo, a relação entre as duas formas dar-lhe-á a Razão de Ouro.

Se continuar a aplicar a fórmula Golden Ratio ao novo rectângulo na extrema direita, acabará com uma imagem composta por quadrados cada vez mais pequenos.

Se desenhar uma espiral sobre cada quadrado, começando num canto e terminando no quadrado oposto, criará a primeira curva da sequência de Fibonacci (também conhecida como Espiral Dourada).

Como utilizar a Razão de Ouro no desenho

Agora que a lição de matemática terminou, como pode aplicar este conhecimento ao trabalho que faz diariamente?

Aqui estão quatro formas de usar o Golden Ratio no design:

Tipografia e definição de hierarquia

O Golden Ratio pode ajudá-lo a descobrir que tamanho de fonte deve usar para cabeçalhos e cópia de corpo num website, página de destino, post de blog, ou mesmo campanha de impressão.

Vamos dizer que a sua cópia de corpo é 12px. Se multiplicar 12 por 1,618, obterá 19,416, o que significa que um tamanho de texto de cabeçalho de 19px ou 20px seguiria o Golden Ratio e equilibraria o tamanho da fonte de corpo de 12px.

Se quiser descobrir qual deve ser o tamanho de texto do seu corpo, pode fazer o contrário. Se o seu texto de cabeçalho tiver 25px, pode dividi-lo por 1,618 para encontrar o corpo do texto (15 ou 16 px).

Cortar e redimensionar imagens

Ao cortar imagens, é fácil identificar o espaço branco a recortar. Mas, como se garante que a imagem ainda está equilibrada depois de a redimensionar? Pode usar a Espiral Dourada como guia para a composição da imagem.

Por exemplo, se sobrepor a Espiral Dourada numa imagem, pode certificar-se de que o ponto focal está no meio da espiral.

Layout

Alavancar a Relação Dourada pode ajudá-lo a desenhar uma IU visualmente apelativa que chame a atenção do utilizador para o que mais importa. Por exemplo, uma página que destaca um bloco largo de conteúdo à esquerda com uma coluna mais estreita à direita pode seguir as proporções do Golden Ratio e ajudá-lo a decidir onde colocar o conteúdo mais importante.

Desenvolvimento de logótipo

Se estiver a desenhar um novo logótipo e a sentir-se preso, vire-se para o Golden Ratio para o ajudar a esboçar as proporções e formas. Muitos logótipos populares seguem a Golden Ratio, como Twitter, Apple, e Pepsi.

Designer Kazi Mohammed Erfan até se desafiou a criar 25 novos logótipos inteiramente baseados na Golden Ratio. O resultado? Simples, equilibrado, e belos ícones.