Como calcular a proporção áurea entre dois números?▼
Para calcular a proporção áurea entre dois segmentos, divida o número maior (A) pelo número menor (B); o quociente deve ser igual a 1,618034, e o comprimento total (A + B) dividido pelo número maior (A) também deve ser igual a 1,618034. Matematicamente: (A + B) / A = A / B = φ = (1 + √5) / 2 ≈ 1,6180339887. Por exemplo, se o segmento maior medir 100px, o segmento menor medirá 100 / 1,618034 = 61,8px, totalizando uma extensão de 161,8px.
Como dividir uma largura ou altura usando a proporção áurea?▼
Para dividir qualquer dimensão total (como a largura de um contêiner) pela proporção áurea, multiplique o valor total por 0,618034 para obter a seção maior primária (A = Total × 0,618034), e multiplique o total por 0,381966 para obter a seção menor secundária (B = Total × 0,381966). Por exemplo, dividir um contêiner web de 1200px resulta em uma área principal de conteúdo com 741,64px e uma barra lateral com 458,36px (741,64 + 458,36 = 1200px).
Qual é a diferença entre a Proporção Áurea e a Regra dos Terços?▼
A Proporção Áurea (Grade Phi) reparte o espaço na proporção 1 : 0,618 : 1 (38,2% / 23,6% / 38,2%), enquanto a Regra dos Terços divide a área em três seções idênticas 1 : 1 : 1 (33,33% / 33,33% / 33,33%). A Regra dos Terços é uma aproximação prática criada para enquadramentos rápidos em visores de câmeras, ao passo que a Proporção Áurea posiciona as interseções focais 5% mais perto do centro, gerando composições mais equilibradas e com menor espaço ocioso.
Quais são as dimensões na proporção áurea para telas de 1920x1080 e 1440px?▼
Para uma largura total de 1920px, a divisão horizontal áurea resulta em 1186,62px para a área principal e 733,38px para a barra lateral. Para uma tela desktop de 1440px, a divisão horizontal é de 889,97px (61,8%) e 550,03px (38,2%). Em uma altura de 1080px, a divisão vertical áurea cria um banner hero de 667,48px e uma faixa inferior de 412,52px. Já um retângulo áureo completo com altura de 1080px exige 1747,48px de largura (1080 × 1,618034), o que é 9% mais estreito que o padrão widescreen 16:9 convencional (1920px).
Como calcular uma escala tipográfica com a proporção áurea?▼
Para montar uma escala tipográfica modular áurea, comece com o tamanho base da fonte (ex.: 16px) e multiplique por φ (1,618) para subir os níveis de títulos, ou divida por φ para reduzir legendas: Texto Base = 16px, H3 = 16 × 1,618 ≈ 26px, H2 = 26 × 1,618 ≈ 42px e H1 = 42 × 1,618 ≈ 68px. Para interfaces mobile compactas, onde o fator 1,618 expande os títulos excessivamente, utiliza-se a raiz quadrada de phi (√φ ≈ 1,272), resultando em Texto Base = 16px, H3 = 20px, H2 = 26px e H1 = 33px.
