Your SlideShare is downloading. ×
Diseño Visual
Diseño Visual
Diseño Visual
Diseño Visual
Diseño Visual
Diseño Visual
Diseño Visual
Diseño Visual
Diseño Visual
Diseño Visual
Diseño Visual
Diseño Visual
Diseño Visual
Diseño Visual
Diseño Visual
Diseño Visual
Diseño Visual
Diseño Visual
Diseño Visual
Diseño Visual
Diseño Visual
Diseño Visual
Diseño Visual
Diseño Visual
Diseño Visual
Diseño Visual
Diseño Visual
Diseño Visual
Diseño Visual
Diseño Visual
Diseño Visual
Diseño Visual
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

Diseño Visual

1,403

Published on

Conceptos básicos de diseño.

Conceptos básicos de diseño.

Published in: Education
1 Comment
0 Likes
Statistics
Notes
  • Be the first to like this

No Downloads
Views
Total Views
1,403
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
57
Comments
1
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. diseño Nelly Valdivieso, Lara Fuica, Johann González, Harold Maduro http://www.flickr.com/photos/robq/352941096/
  • 2. ¿por qué diseñamos?
  • 3. Diseñamos... Para facilitar la comunicación entre el usuario y el contenido. http://www.flickr.com/photos/sherca/3628378414/sizes/o/
  • 4. Diseñamos... Buscando siempre la simplicidad http://www.flickr.com/photos/sxt4black/4468233942/sizes/o/
  • 5. Un diseño exitoso no siempre depende de atractivos visuales.
  • 6. Herramientas de diseño Agrupación Proximidad Contraste Alineación Equilibrio Ritmo Tipografía Color http://www.flickr.com/photos/aidanmorgan/3261494607/
  • 7. Agrupación La manera más sencilla de crear una asociación de elementos es agrupándolos.
  • 8. Proximidad Agrupar elementos relacionados. Cuando varios elementos están cerca unos de otro; se convierten en un sólo elemento visual. http://www.flickr.com/photos/katz_/1796348168/sizes/l/
  • 9. Proximidad Lista sin formato Lista ordenada en grupos visuales. Todos los elementos juntos Productos Productos Vestir Vestir Zapatos Zapatos Zapatillas Zapatillas Sandalias Sandalias Electrónicos Televisiones Electrónicos DVDs Televisiones Radios DVDs Comida Radios Galletas Helados Comida Dulces Galletas Helados Dulces
  • 10. Proximidad
  • 11. http://www.flickr.com/photos/jupox/2783071053/sizes/o/
  • 12. 15
  • 13. Alineación Esta es una forma útil de mostrar jerarquía visual, particularmente cuando hay demasiados elementos para arreglar dentro de una estructura.
  • 14. Tipografía San serif Serif
  • 15. Tipografía Utilizar muchas tipografías en un el diseño no hace mejor; por contrario, lo hace ver más .
  • 16. Colores
  • 17. Existen colores cálidos. “A Book About Design Complicated Doesn’t Make it Good” - Mark Gonyea
  • 18. Existen colores fríos. “A Book About Design Complicated Doesn’t Make it Good” - Mark Gonyea
  • 19. color Intensidad (saturation) Indica la intensidad del color. Un Rojo al 100% se considera intenso o completamente saturado. Por el contrario, un gris se considera desaturado ya que no tiene ningun matiz reconocible.
  • 20. saturada http://stri.org
  • 21. menos saturada http://stri.org
  • 22. menos, menos saturada http://stri.org
  • 23. desaturada http://stri.org
  • 24. Darle al sitio web una buena combinación de colores.
  • 25. uso de suficiente color
  • 26. buen uso del blanco
  • 27. Complicado no lo hace mejor.
  • 28. gracias. harold maduro harold@epiphycorp.com tel. (507) 6674.1605

×