diseño
Nelly Valdivieso, Lara Fuica, Johann González, Harold Maduro
                http://www.flickr.com/photos/robq/35294...
¿por qué diseñamos?
Diseñamos...
Para facilitar la comunicación entre el usuario y el contenido.




                                   http:/...
Diseñamos...
   Buscando siempre la simplicidad




http://www.flickr.com/photos/sxt4black/4468233942/sizes/o/
Un diseño exitoso no siempre
depende de atractivos visuales.
Herramientas de diseño
Agrupación
Proximidad
Contraste
Alineación
Equilibrio
Ritmo
Tipografía
Color




                 h...
Agrupación
La manera más sencilla de crear una
asociación de elementos es agrupándolos.
Proximidad




Agrupar elementos relacionados.
Cuando varios elementos están cerca unos de otro; se
convierten en un sólo ...
Proximidad
  Lista sin formato            Lista ordenada en grupos visuales.
  Todos los elementos juntos



   Productos ...
Proximidad
http://www.flickr.com/photos/jupox/2783071053/sizes/o/
15
Alineación
Esta es una forma útil de mostrar
jerarquía visual, particularmente cuando
hay demasiados elementos para
arregl...
Tipografía

  San serif


  Serif
Tipografía

  Utilizar muchas
  tipografías en un el
  diseño no   hace mejor; por
  contrario, lo hace ver
  más         ...
Colores
Existen colores
                      cálidos.




“A Book About Design Complicated Doesn’t Make it Good” - Mark Gonyea
Existen colores
                       fríos.




“A Book About Design Complicated Doesn’t Make it Good” - Mark Gonyea
color
              Intensidad
                     (saturation)

Indica la intensidad del color.
Un Rojo al 100% se consi...
saturada


http://stri.org
menos saturada


     http://stri.org
menos, menos saturada


            http://stri.org
desaturada


 http://stri.org
Darle al sitio web una buena
combinación de colores.
uso de suficiente color
buen uso del blanco
Complicado no
 lo hace mejor.
gracias.
harold maduro
harold@epiphycorp.com
tel. (507) 6674.1605
Diseño Visual
Diseño Visual
Diseño Visual
Diseño Visual
Upcoming SlideShare
Loading in …5
×

Diseño Visual

1,655 views
1,517 views

Published on

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,655
On SlideShare
0
From Embeds
0
Number of Embeds
11
Actions
Shares
0
Downloads
58
Comments
1
Likes
0
Embeds 0
No embeds

No notes for slide

Diseño Visual

  1. 1. diseño Nelly Valdivieso, Lara Fuica, Johann González, Harold Maduro http://www.flickr.com/photos/robq/352941096/
  2. 2. ¿por qué diseñamos?
  3. 3. Diseñamos... Para facilitar la comunicación entre el usuario y el contenido. http://www.flickr.com/photos/sherca/3628378414/sizes/o/
  4. 4. Diseñamos... Buscando siempre la simplicidad http://www.flickr.com/photos/sxt4black/4468233942/sizes/o/
  5. 5. Un diseño exitoso no siempre depende de atractivos visuales.
  6. 6. Herramientas de diseño Agrupación Proximidad Contraste Alineación Equilibrio Ritmo Tipografía Color http://www.flickr.com/photos/aidanmorgan/3261494607/
  7. 7. Agrupación La manera más sencilla de crear una asociación de elementos es agrupándolos.
  8. 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. 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. 10. Proximidad
  11. 11. http://www.flickr.com/photos/jupox/2783071053/sizes/o/
  12. 12. 15
  13. 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. 14. Tipografía San serif Serif
  15. 15. Tipografía Utilizar muchas tipografías en un el diseño no hace mejor; por contrario, lo hace ver más .
  16. 16. Colores
  17. 17. Existen colores cálidos. “A Book About Design Complicated Doesn’t Make it Good” - Mark Gonyea
  18. 18. Existen colores fríos. “A Book About Design Complicated Doesn’t Make it Good” - Mark Gonyea
  19. 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. 20. saturada http://stri.org
  21. 21. menos saturada http://stri.org
  22. 22. menos, menos saturada http://stri.org
  23. 23. desaturada http://stri.org
  24. 24. Darle al sitio web una buena combinación de colores.
  25. 25. uso de suficiente color
  26. 26. buen uso del blanco
  27. 27. Complicado no lo hace mejor.
  28. 28. gracias. harold maduro harold@epiphycorp.com tel. (507) 6674.1605

×