Recurso 4 Estilo Gráfico

Recurso 4. Estilo Gráfico
CONCEPTOS CLAVE
Diseño y composición


Anatomía de una página web
 Contenedor
 Logotipo
 Navegación
 Contenido
 Pie
 Espacios en blanco

Sistemas de retículas


PROPORCIÓN ÁUREA / SECCIÓN ÁUREA: Si tomamos una recta y la dividimos en dos partes
A y B, de tal forma que se cumpla que la proporción entre B y A sea igual a la proporción
entre el total y B, nosencontraremos con un número mágico: 1,618.. Este número se llama
número de oro y se representa por el símbolo Ø . Desde la antigüedad era bien conocido y
se ha empleado mucho en arquitectura y pintura, pues la proporción resultante es muy
armoniosa. Pero no sólo eso: también se encuentra de forma espontánea en muchas
formaciones de la naturaleza.



REGLA DE LOS TERCIOS: La denominada regla de lostercios divide la escena en tres partes,
tanto horizontal como verticalmente. Las líneas que determinan estos tercios se cortan en
puntos estéticamente adecuados para situar el centro de interés, con lo que evitamos que
éste, al estar situado en el centro de la imagen resulte estático.



960 Grid System: Es un framework CSS, que no es más que una declaración de estilos que
dispone las clasesnecesarias para implementar columnas en una página web, de diversos
tamaños, con las que maquetar nuestros contenidos fácil y ordenadamente.

Construcción de la Proporción Áurea - Ilustrator
En pocos pasos veremos como trazar en Illustrator la sección aurea y no tener pretexto así para no
utilizarla en cualquiera de tus próximos proyectos.
Traza un cuadrado con la herramienta Rectangle Tool, depreferencia y para mayor facilidad es
aconsejable que tengas activada la opción de Snap to Grid (y obviamente la retícula visible), ambas
localizables en el menu View.

Traza un círculo que tenga como centro la parte central inferior de tu cuadrado. El circulo debe
coincidir con las dos puntas superiores de tu cuadrado como se muestra en la imagen.

Una vez que hecho esto deberás trazar un rectángulo quecomience por la esquina superior
derecha de tu cuadrado, que tenga la misma altura que tu cuadrado y que interceda a lo ancho con
el círculo.

Borra el círculo que creaste anteriormente y tendrás definida tu sección aurea, formada por el
cuadrado y rectángulo que trazamos. Continúa formando cuadrados en cada uno de los
rectángulos como lo muestra la imagen.

Después solo crea las líneas curvascon la herramienta Arc Tool de manera que atravieses los
cuadrados de esquina a esquina y vayas formando una espiral como se muestra en la imagen.

Consultar:
http://www.neopixel.com.mx/articulos-neopixel/articulos-diseno-grafico/335-seccion-aureacomposicion.html
http://arquimedes.matem.unam.mx/PUEMAC/PUEMAC_2008/aurea/html/rectangulo.html
REGLA DE LOS TERCIOS
La regla de los tercios consiste endividir en tres tercios imaginarios horizontales y verticales. Los
cuatro puntos de intersección de estas líneas fijan los puntos adecuados para situar el punto o
puntos de interés, alejando éste del centro.
Cada uno de estos cuatro puntos de intersección se denominan puntos fuertes. Es preferible situar
el punto de interés en uno de los cuatro puntos de intersección mencionados en lugar de hacerlodirectamente en el centro.

Esto suele generar mayor atracción en el espectador que cuando el centro de interés esta en el
mismo centro.

Consultar: http://www.dzoom.org.es/noticia-1404.html

960 Grid System
960 Grid System lleva este nombre porque es un sistema de retículas para hacer páginas con 960
píxeles de ancho. Las columnas que podremos colocar en la retícula tendrán distintas anchuras,pero siempre el ancho total de la página será de 960 píxeles. Se ha elegido este valor porque 960
es divisible por una buena cantidad de números, lo que lo hace más versátil para poder alcanzar
páginas resultantes de la más variada gama.
En la propia página de inicio de 960 Grid System se puede acceder a la descarga del Framework y
a algunas explicaciones sobre su uso, así como a ejemplos de...