UI/UX I: Jerarquía, Contraste y Proximidad

Empezamos la primera charla de UI/UX Dominicana explorando los conceptos básicos

Transcript

1. UI/UX Dominicana I Jerarquía, Contraste, y Proximidad
2. Jerarquía Es la organización de los elementos de una interfaz basada en su importancia con respecto a los demás.
3. Una buena jerarquía visual guía al usuario a través de una interfaz y provee un sentido de orden.
5. Podemos inducir un sentido de jerarquía manipulando el peso visual de los elementos del diseño mediante cambios en el tamaño, color, y valor.
6. Tamaño
9. Color
12. Valor
24. Contraste Son diferencias en las propiedades visuales que distinguen un elemento de los demás y del fondo.
25. Usamos el contraste para diferenciar un elemento de los demás y del fondo.
26. El contraste visual afecta el interés sobre un elemento. Mayor contraste = Mayor interés
27. • Tamaño • Color • Forma • Posición • Textura • Orientación
28. Tamaño
30. Forma
32. Color
34. Posición
36. Textura
38. Orientación
44. Proximidad La distancia entre los elementos denota la relación entre los mismos.
45. Haciendo uso correcto de la proximidad, buscamos crear grupos de elementos relacionados.