Composición web

Diseño Web

Anatomía Página web

Identidad

Navegación

Contenido

Pie de página

Publicidad

Blancos

Fondo

Cuadrícula

El sistema de cuadrícula se utiliza en diseño gráfico y web

Utilizando un sistema de cuadrícula se diagrama Ordenamiento Alineación Equilibrio

Ratio dorado

Pitagóricos: “todo en la naturaleza tiene una cierta proporción que da belleza”

Ratio dorado: 1,6180339 = 1,62

10

10 / 1,62 = 6,17

Ejemplos

Ejemplo

Regla de los Tercios

Dividir una composición en tercios es una forma sencilla de utilizar la proporción áurea

Ejemplo

Ejemplos

Ejemplos

Cuadrícula, equilibrio simétrico

Barra navegación izq

Barra vertical con sub menu vert

Barra horizontal con sub menu horizontal

Barra horizontal, sub menu vert

3 barras

No barra, proximidad

Proximidad

Aislamiento: énfasis

Equilibrio Simétrico

Equilibrio Simétrico

Equilibrio asimétrico, proporción

Equilibrio asimétrico, proporción

Herramientas: The Grid System

http://www.gridsystemgenerator.com/ http://netprotozo.com/grid/