diseño visual

http://www.flickr.com/photos/robq/352941096/Nelly Valdivieso, Lara Fuica, Johann González, Harold Maduro

diseño

¿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/

Buscando siempre la simplicidad

Diseñamos...

http://www.flickr.com/photos/sxt4black/4468233942/sizes/o/

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

Herramientas de diseño AgrupaciónProximidadContrasteAlineaciónEquilibrioRitmoTipografíaColor

http://www.flickr.com/photos/aidanmorgan/3261494607/

AgrupaciónLa 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/

ProximidadLista ordenada en grupos visuales.

Productos

VestirZapatosZapatillasSandaliasElectrónicosTelevisionesDVDsRadiosComidaGalletasHeladosDulces

Productos

Vestir Zapatos Zapatillas Sandalias

Electrónicos Televisiones DVDs Radios

Comida Galletas Helados Dulces

Lista sin formatoTodos los elementos juntos

Proximidad

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

15

AlineaciónEsta 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

contrario, lo hace ver

más desordenado.

diseño no lo hace mejor; por

Colores

Existen colorescálidos.

“A Book About Design Complicated Doesn’t Make it Good” - Mark Gonyea

Existen coloresfríos.

“A Book About Design Complicated Doesn’t Make it Good” - Mark Gonyea

colorIntensidad

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

harold maduro

harold@epiphycorp.com

tel. (507) 6674.1605

gracias.