Diseño Visual
32
http://www.flickr.com/photos/robq/352941096/ Nelly Valdivieso, Lara Fuica, Johann González, Harold Maduro diseño
-
Upload
harold-maduro -
Category
Education
-
view
1.365 -
download
0
description
Conceptos básicos de diseño.
Transcript of 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.
Darle al sitio web una buena combinación de colores.
uso de suficiente color
buen uso del blanco
Complicado no lo hace mejor.
