El número en cuestión, 1.61803398874989484… , está en todos lados. Lo encontramos en la reproducción de los animales e insectos, en la forma de las plántas y los árboles, en el espiral de una galaxia o un caracol ( espiral logarítmica ), en las distancias entre diferentes partes de nuestro cuerpo, en figuras geométricas, hojas, etc. También lo podemos encontrar en el cuadro de Leonardo, La Gioconda, en sonatas de Mozart, en un atado de cigarrillos, en las tarjetas de crédito y en otros tantos diseños a través de la historia, ya que este número se usa desde hace miles de años en todos los campos del diseño.
En las proporciones de los diferentes elementos con los que construimos nuestro diseño. Por ejemplo dentro de un rectángulo áureo podemos contener un banner, un cuadro de imágen, un menú, etc.
Otro ejemplo puede ser el diseño de los elementos básicos un blog, la relación entre el contenido principal y una barra lateral. Si diseñamos un sitio para 800×600, el ancho máximo de nuestro diseño será 760px. Si dividimos 760 / 1.6180339887 nos dá 469, entonces el contenido principal va a ser de 469px de ancho y la barra lateral de 291px.
Un sitio web debe poder verse bien en diferentes tipos pantallas, con distintas resoluciones. Esto quiere decir que el espacio que tenemos para hacer todas las locuras que se nos ocurran, el lienzo, no es fijo, sino que su tamaño puede variar dependiendo de la pantalla del usuario.
Entonces si diseñamos para 800×600, en teoría nuestro diseño no se verá bien en resoluciones mayores, como 1024×768, 1280×900, 1440×900, etc.
La tecnología de CSS o Cascade Styles Sheet ( hoja de estilos en cascada ) se encarga de manejar la estética del contenido de nuestra web. Y lo mejor de todo es se puede cambiar el tamaño de las cosas dependiendo del ancho de la pantalla.
Podemos ajustar el diseño a la pantalla usando porcentajes. En el caso del diseño de los elementos básicos de un blog, contenido y barra lateral, los números que corresponden a las medidas 760px y 291px son 62% y 38% respectivamente. Así podemos mantener una proporción en un diseño “líquido”, donde el ancho de nuestro diseño se adapta la pantalla del navegador.
Ahora, si bien la proporción de los elementos básicos estaría bien, el trabajo dificil para el diseñador será adaptar los demás elementos del diseño, como menús, textos, imágenes, etc, a este “layout” flexible, manteniendo las proporciones que lo hacen “bello”, según la “filosofía áurea”.
El número áureo o divina proporción es: 1.61803398874989484...
Lo encontramos en la reproducción de los animales e insectos, en la forma de las plántas y los árboles, en el espiral de una galaxia o un caracol ( espiral logarítmica ), en las distancias entre diferentes partes de nuestro cuerpo, en figuras geométricas, hojas, etc.