Conceptos básicos de diseño.

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/

6. Un diseño exitoso no siempre
depende de atractivos visuales.

7. Herramientas de diseño
Agrupación
Proximidad
Contraste
Alineación
Equilibrio
Ritmo
Tipografía
Color
http://www.flickr.com/photos/aidanmorgan/3261494607/

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

11. 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/

12. 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

13. Proximidad

14. http://www.flickr.com/photos/jupox/2783071053/sizes/o/

15. 15

16. Alineación
Esta es una forma útil de mostrar
jerarquía visual, particularmente cuando
hay demasiados elementos para
arreglar dentro de una estructura.

18. Tipografía
San serif
Serif

19. Tipografía
Utilizar muchas
tipografías en un el
diseño no hace mejor; por
contrario, lo hace ver
más .

20. Colores

21. Existen colores
cálidos.
“A Book About Design Complicated Doesn’t Make it Good” - Mark Gonyea

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

23. 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.

24. saturada
http://stri.org

25. menos saturada
http://stri.org

26. menos, menos saturada
http://stri.org

27. desaturada
http://stri.org

28. Darle al sitio web una buena
combinación de colores.

29. uso de suficiente color

30. buen uso del blanco

31. Complicado no
lo hace mejor.

32. gracias.
harold maduro
harold@epiphycorp.com
tel. (507) 6674.1605