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/

Composición en Web