Secundaria

PAGINA WEB

1.-ZONAS AUREAS
2.-ZONAS DIRECCION
3.-ZONAS DE SENTIDO
4.-ZONAS DE EQUILIBRIO
5.-ZONAS DE UNA PAGINAS WEB TERMINADO.pptx

ZONAS AUREAS
La proporción Áurea en el diseño web
La proporción Áurea esta considerada como la proporción perfecta, ha sido utilizada, por ejemplo, en la arquitectura de la antigua Grecia, en las pirámides de Egipto e incluso en la Torre Eiffel, pero nosolo es aplicada en arquitectura.
En el Renacimiento su uso se extendió al arte, Leonardo Da Vinci fue uno de los artistas que más recurrió a esta técnica, también conocida como la divina proporción.
Por ejemplo en su famosa obra la Gioconda el rostro encaja perfectamente en un rectángulo áureo y la cara a su vez se divide en proporciones áureas.

¿Qué es la proporción áurea?
El número áureorepresenta la proporción que existe entre dos segmentos, tales que el segmento menor es al mayor lo que el mayor es a la totalidad.
Es un número irracional φ = (1+√5)/2 ≈ 1.61803 representado por la letra griega φ (fi) (en minúscula) o Φ (fi) (en mayúscula), en honor al escultor griego Fidias
Pero más sencillo de entender es con un esquema dibujado:

Buscamos el punto medio de uno de los ladosdel cuadrado, desde ese punto trazamos una diagonal hasta una de sus esquinas, y por ultimo a partir del punto medio que marcamos llevamos la línea hasta el lado. Así obtenemos un rectángulo áureo.
Esto es igual que multiplicar la recta AB por el numero Phi, que da como resultado la recta AC. Esta proporción son dos segmentos de 62% y 38% aproximadamente, de una recta por tamaño 100%.
El serhumano y la proporción Áurea
El ser humano ha demostrado una preferencia elemental y subconsciente por la estética de la proporción áurea. Normalmente elegimos como bellas las formas que respetan esta proporción, por encima de las que no lo hacen.
Algunos lingüistas piensan que las personas compartimos una estructura básica del lenguaje.  Lo que hacemos al aprender una lengua es “recordar” laestructura universal del lenguaje.
Podría considerarse que la sintaxis de nuestros diseños son las medidas áureas.
Quizás los seres humanos compartimos cierta sensibilidad para la sintaxis del lenguaje y de la belleza y por eso cuando diseñamos respetando criterios comunes te sientes más cómodo.
Mark Boulton aconseja en uno de sus artículos;
“Usa la proporción áurea para crear un lenguaje naturalque sea entendido por tu cerebro.”
Aplicar la proporción aurea en la web
Manteniendo estas proporciones para la distribución de los elementos en nuestra página, podremos conseguir una mayor armonía y hacerla más atractiva para nuestros usuarios.
Estudios sobre el comportamiento de los usuarios navegando, nos indican que las webs se leen desde arriba a la izquierda, en diagonal, hacia abajo a laderecha, perdiendo importancia según se va bajando. Los elementos más importantes tienen que ir siguiendo esta tendencia.
Si esto lo llevamos a la práctica tendríamos por ejemplo que para una interfaz 1024 x 768 con un ancho de 1010 pixeles visibles (le restamos 14 pixeles, que es lo que usan las barras de deslizamiento laterales) quedaría dividida en dos columnas una de 624 y otra de 386,resultado de dividir 1010 por Phi que da como resultado 624.

Podemos ir repitiendo esta operación hasta obtener una cuadricula con las divisiones que queremos para plantear nuestra página web. Este es un ejemplo muy sencillo de cómo podría quedar una página con una cabecera, pie de pagina, y dividida en dos columnas.

El problema es que normalmente no podemos saber la altura de la página, ya quevaria dependiendo del contenido de esta. Pero podemos crear una retícula proporcionada para colocar los diferentes elementos con proporciones áureas.
Golden Ratio Calculator

Versión on-line para calcular el ancho de los DIVs, sean para diseños basados en 2 ó 3 columnas. De manera tal, que los mismos estén en línea con proporciones armónicas.
Sólo es necesario, en la aplicación informar de el...