2. EL DISEO Y EL ARTE
Comunican Ideas
3. El Arte
Fotografa de Alfred T. Palmer.
4. El Diseo
Poster de J. Howard Miller. ComiteCoordinado de Produccin de
Westinghouse para la Guerra.
5. El Diseo
Asegura que los mensajes:
Tengan significados altamente eficaces
Sean perfectamente inteligibles
Poster de J. Howard Miller. ComiteCoordinado de Produccin de
Westinghouse para la Guerra.
6. Arte Diseo
Diseo
Arte
Esttica
EstticaFuncional
7. PRINCIPIOS DEL DISEO
8. La Gestalt
9. Sus inicios
Gestaltproviene del Alemn = Forma
Aos 30
Teoras acerca de la percepcin humana
Psicologa de la Forma
Max Wertheimer
10. 11. No percibimos como elementos aislados sino como
globalidad
12. 13. PIXELES
14. Principios de la Gestalt aplicados al diseo de interfaces
15. Figura y Fondo
Nuestra percepcin tiende a separar un objeto de su fondo con base
en atributos visuales como contraste, color, tamao, etc
Determinar lo que es importante (figura) y lo que no lo es tanto
(fondo)
16. Figura y Fondo
Determinar lo que es importante (figura) y lo que no lo es tanto
(fondo)
17. Figura y Fondo
Caso especial:
18. FIGURA
FONDO
19. La figura se hace ms evidente en el rectngulo de
FirefoxStart
La figura se hace menos evidente en la caja que rodea a
Google
20. Similitud
Los elementos similares son percibidos para ser ms relacionados que
aquellos que no lo son. Es decir agrupamos por semejanza(s).
En el ejemplo percibimos principalmente filas, no las
columnas.
21. Qu elementos pueden generar similitud?
22. Forma
Color
Tamao
Orientacin
Textura
23. Hay similitud?
24. Hay similitud?
25. Hay similitud?
26. Hay similitud?
27. Similitud de FORMA y COLOR en las O
28. Similitud en LA FORMA
29. Proximidad
Lo ms cercano que estn los objetos, uno de otro, mayor la
posibilidad de que sean percibidos como un grupo.
30. Proximidad
Es un principio ms determinante que otros
31. Proximidad
Los crculos pueden formar cuadrados, filas y columnas de acuerdo a
su proximidad:
32. Proximidad en las pestaas
Proximidad abrir enlace en nueva pestaa (v3.6)
33. Men flotante para texto en Microsoft Power P.
34. Cierre
En la percepcin existe la tendencia de completar objetos no
terminadoso parcialmente oscuros.
35. Herramientasde seleccin
36. Buena Continuidad
Los elementos ordenados en lnea recta ocurva suave son percibidos
como un grupo y se relacionan ms fcilmente.
37. Continuidad Vertical Windows Sidebar
38. Continuidad horizontal en men de 20minutos.es
39. Debemos garantizar que el todo de los elementos en
pantalla:
40. Entregue rpida y correctamente la informacin que el usuario
necesita.
41. CONSIDERESE UN SISTEMA DE NMINA QUE GENERA UN REPORTE DE PAGOS
Y NOS PRESENTA UNA ESTRUCTURA SIN PROXIMIDAD
42. TOTAL1.000,00Bs.F
2.000,00Bs.F
43. CONSIDERESE UN SISTEMA CUALQUIERA QUE NO PRESENTA
CONTINUIDAD
44. Eliminar
modificar
xxxxxxxxxxxxxxxxxxxxxx
X
xxxxxxxxxxxxxxxxxxxxxx
X
xxxxxxxxxxxxxxxxxxxxxx
X
xxxxxxxxxxxxxxxxxxxxxx
X
Agregar
45. CONSIDERESE UN SISTEMA CUALQUIERA QUE NO PRESENTA
SIMILITUD
46. Agregar
Eliminar
modificar
xxxxxxxxxxxxxxxxxxxxxx
X
xxxxxxxxxxxxxxxxxxxxxx
X
xxxxxxxxxxxxxxxxxxxxxx
X
xxxxxxxxxxxxxxxxxxxxxx
X
47. Debemos usar los principios de la Gestalt para:
48. Ayudar al USUARIO