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...
Ratio dorado
 Pitagóricos: “todo en
la naturaleza tiene
una cierta
proporción que da
belleza”
 Ratio dorado:
1,6180339 =...
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
Composición en Web
Upcoming SlideShare
Loading in...5
×

Composición en Web

1,496

Published on

Published in: Education, Technology, Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,496
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
11
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Composición en Web

  1. 1. Composición web Diseño Web
  2. 2. Anatomía Página web Identidad Navegació n Contenido Pie de página Publicidad Blancos Fondo
  3. 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. 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. 5. Ejemplos
  6. 6. Ejemplo
  7. 7. Regla de los Tercios  Dividir una composición en tercios es una forma sencilla de utilizar la proporción áurea
  8. 8. Ejemplo
  9. 9. Ejemplos
  10. 10. Ejemplos
  11. 11. Cuadrícula, equilibrio simétrico
  12. 12. Barra navegación izq
  13. 13. Barra vertical con sub menu vert
  14. 14. Barra horizontal con sub menu horizontal
  15. 15. Barra horizontal, sub menu vert
  16. 16. 3 barras
  17. 17. No barra, proximidad
  18. 18. Proximidad
  19. 19. Aislamiento: énfasis
  20. 20. Equilibrio Simétrico
  21. 21. Equilibrio Simétrico
  22. 22. Equilibrio asimétrico, proporción
  23. 23. Equilibrio asimétrico, proporción
  24. 24. Herramientas: The Grid System http://www.gridsystemgenerator.com/ http://netprotozo.com/grid/
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×