1. Composición web
Diseño Web

2. Anatomía Página web
Identidad
Navegació
n
Contenido
Pie de página
Publicidad
Blancos
Fondo

3. 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

4. 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

5. Ejemplos

6. Ejemplo

7. Regla de los Tercios
 Dividir una
composición en
tercios es una forma
sencilla de utilizar la
proporción áurea

10. Ejemplo

11. Ejemplos

12. Ejemplos

13. Cuadrícula, equilibrio simétrico

14. Barra navegación izq

15. Barra vertical con sub menu
vert

16. Barra horizontal con sub menu
horizontal

17. Barra horizontal, sub menu vert

18. 3 barras

19. No barra, proximidad

20. Proximidad

21. Aislamiento: énfasis

22. Equilibrio Simétrico

23. Equilibrio Simétrico

24. Equilibrio asimétrico, proporción

25. Equilibrio asimétrico, proporción

26. Herramientas: The Grid System
http://www.gridsystemgenerator.com/ http://netprotozo.com/grid/