The Golden Ratio-Web Design, Matemática e Conchas

Eu vou fazer a minha largura de 760px. 2. Divida por Phi. Depois de saber a largura, dividi-lo por Phi (1,62 arredondado é bom). 760 dividido por 1,62 é 469,14 ou 469 (navegadores da Web preferem números inteiros). Essa é a largura da minha coluna principal. 3. Subtrair a largura da coluna principal de toda a largura. Isto lhe dará a segunda largura da coluna. 760-469 = 291. A partir deste cálculo, que deve gerar um site 2-coluna que tem uma coluna principal 469 pixels de largura e uma coluna secundária 291 pixels de largura.

Se eu fizer isso, eu vou ter um site que é esteticamente agradável, sem ter que fazer qualquer outra coisa. Você pode fazer isso mesmo cálculo com percentagens para um layout de largura flexível: 100% /1,62 = 62% para a coluna de largura e 38% para a coluna de largura. Nota: Muitos sites recomendo usar a relação de 3: 5 para obter a sua razão de ouro, mas essa proporção, enquanto perto, não é exatamente a proporção áurea.

Se você está projetando algo rapidamente ou você tem uma grade que você está trabalhando a partir de, esta pode ser uma grande regra de ouro para chegar perto das proporções perfeitas, e é ótimo se você realmente odeia matemática ou não têm uma calculadora . Use o Golden Ratio para mais do que o Layout da Página Se você pensar sobre como os elementos dentro de sua página são colocados, você pode usar a relação dourada dentro deles para criar retângulos mini-douradas. Estes irão ser tão esteticamente agradável.

Use-o para legendas nas imagens, texto que flui ao lado e em torno das imagens, espaço publicitário, e sua navegação. Se você criar botões de navegação que têm as mesmas proporções que o retângulo de ouro, cada um vai olhar agradável na página.