The Golden Ratio Diseño Web, las matemáticas y la Seashells

. Para este ejemplo, voy a decir que estoy diseñando para un monitor de 800x600 de resolución, por lo que mi página no será de más de 780 píxeles de ancho. Voy a hacer mi ancho de 760px. 2. Dividir por Phi. Una vez conocido el ancho, lo dividimos por Phi (1,62 redondeado está bien). 760 dividido por 1,62 es 469,14 o 469 (navegadores Web prefieren números enteros). Esa es la anchura de mi columna principal. 3. Reste el ancho de la columna principal de todo el ancho. Esto le dará la segunda ancho de columna. Desde 760 hasta 469 = 291.

A partir de este cálculo, que debería generar un sitio de 2 columnas que tiene una columna principal de 469 píxeles de ancho y una columna secundaria 291 píxeles de ancho. Si hago esto, voy a tener un sitio que es estéticamente agradable, sin tener que hacer nada más. Usted puede hacer esto mismo cálculo con porcentajes para un diseño de ancho flexibles: 100% /1,62 = 62% para la gran columna y 38% para la columna de ancho. Nota: Muchos sitios recomiendan el uso de la relación de 3: 5 para obtener su número áureo, pero esta proporción, mientras que cerca, no es exactamente la proporción áurea.

Si usted está diseñando algo rápidamente o usted tiene una rejilla que está trabajando desde, esto puede ser una gran regla de oro para acercarse a las proporciones perfectas, y es ideal si realmente odio las matemáticas o no tiene una calculadora . Utilice el cociente de oro por más que el Diseño de página Si usted piensa acerca de cómo se colocan los elementos dentro de la página, puede utilizar la proporción áurea en su interior para crear rectángulos mini-oro. Estos serán tan estéticamente agradable.

Úsalo para subtítulos en imágenes, texto que fluye al lado y alrededor de las imágenes, el espacio de publicidad, y su navegación. Si crea botones de navegación que tienen las mismas proporciones que el rectángulo de oro, cada uno se ven bien en la página.