Your SlideShare is downloading. ×
0
Composición en Web
Composición en Web
Composición en Web
Composición en Web
Composición en Web
Composición en Web
Composición en Web
Composición en Web
Composición en Web
Composición en Web
Composición en Web
Composición en Web
Composición en Web
Composición en Web
Composición en Web
Composición en Web
Composición en Web
Composición en Web
Composición en Web
Composición en Web
Composición en Web
Composición en Web
Composición en Web
Composición en Web
Composición en Web
Composición en Web
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Composición en Web

1,458

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,458
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
10
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 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
  • 8. Ejemplo
  • 9. Ejemplos
  • 10. Ejemplos
  • 11. Cuadrícula, equilibrio simétrico
  • 12. Barra navegación izq
  • 13. Barra vertical con sub menu vert
  • 14. Barra horizontal con sub menu horizontal
  • 15. Barra horizontal, sub menu vert
  • 16. 3 barras
  • 17. No barra, proximidad
  • 18. Proximidad
  • 19. Aislamiento: énfasis
  • 20. Equilibrio Simétrico
  • 21. Equilibrio Simétrico
  • 22. Equilibrio asimétrico, proporción
  • 23. Equilibrio asimétrico, proporción
  • 24. Herramientas: The Grid System http://www.gridsystemgenerator.com/ http://netprotozo.com/grid/

×