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




                                   http://www.flickr.com/photos/sherca/3628378414/sizes/o/
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




                 http://www.flickr.com/photos/aidanmorgan/3261494607/
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 elemento visual.
                                        http://www.flickr.com/photos/katz_/1796348168/sizes/l/
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
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
arreglar dentro de una estructura.
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 considera
     intenso o completamente
                     saturado.

    Por el contrario, un gris se
 considera desaturado ya que
         no tiene ningun matiz
                   reconocible.
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