Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Composición en Web

2,171 views

Published on

Published in: Education, Technology, Design
  • Be the first to comment

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/

×