Arte de los Colores por José de La Cruz

1. EL
A
R
T
DEL
E
COLOR
Consejos & tips
Elisa giaccardi &
José Alberto de la Cruz León

2. “El arte sirve para evitar que
nuestros globos oculares se
derritan por culpa de toda la
basura que vemos alegremente el
resto del tiempo.
¿Y si resulta que lo que me pasa es
que tengo cataratas?”
Ana Ma. Matute

3. ¡ Vamos a calentar !

4. Algunos
conceptos
básicos

5. Veamos dos
sistemas de color

6. aditivos sustractivo
rojo + verde + azul = blanco magenta + amarillo + cyan = negro

7. otro
sistema de color

8. pigmentales
rojo + azul + amarillo = negro

9. Dw usan el
sistema aditivo

10. Dg usan el
sistema
sustractivo

11. Los artistas usan el
sistema pigmental

12. ¿ Qué es en matiz
brillantez
la jerga ? saturación

13. Matiz
Nombre y
propiedad
de un color
que permite
que se perciba

14. Brillantez
Tono de un color

15. Saturación
Mezcla de
blanco, negro,
gris o
complementario
incluido en el
color

16. ¿ Cuáles son Colores
estos ? primarios
secundarios
terciarios

17. Veamos el
círculo cromático

18. Otra manera
de visualizarlo

19. Otra manera
de visualizarlo

20. Colores primarios

21. Colores secundarios

22. Colores terciarios

23. Colores análogos

24. Colores opuestos
son complementarios

25. La combinación de
colores opuestos o
análogos son armónicos

26. ¡ Ahora
hablas con la
misma jerga !

27. ¿ No era aditivo ?

28. Circulo cromático para web

29. ¿ Los colores
tienen
personalidad ?

30. Cálidos
frescos

31. ¿ Qué pasa
con el naranja ?
© Edward Burtynsky

32. ¿ Qué pasa
con el amarillo ?
© Philip-Lorca diCorcia

33. ¿ Qué pasa
con el verde ?
© Cindy Sherman

34. Se trata de
relaciones

35. Relaciones
dinámicas

36. Relaciones
dinámicas-estáticas

37. Relaciones
estáticas

38. Es un asunto
de contrastes

43. Es acerca de balance

46. ¡ Pensar con los ojos !

47. Consejos
& tips

48. Encontrando la
armonía

49. Concientizando sobre
el efecto del contraste

50. Entendiendo el
dominio del color

52. Reglas de oro
para uso del color

53. Garantiza la legibilidad del
texto a través del contraste
• Evita el uso de texturas y patrones, en los
fondos, detrás de los textos
• Evita contrastes que causan fatiga ocular
• Evita las combinaciones de colores que
causan ilusiones cuando se encuentra
junto

54. Mejora la experiencia
del usuario
• Establece un sistema de color a utilizar
siempre
• Utiliza el color tanto para apoyar las
tareas de los usuarios como para la
marca
• Utiliza el color para mejorar la estética
y la satisfacción de los usuarios

55. Utiliza el color para
identificación, agrupación
y dar énfasis
• Relaciona elementos visuales
• Delimita las diferentes zonas
• Resalta la información importante
relacionada con la tarea

56. Utilice las asociaciones de
color dependiendo de la
información del ambiente
• Sé consistente con las asociaciones de
colores relacionados con el trabajo
• Aprende acerca de las asociaciones
culturales de color

57. Señala la disponibilidad del
color indicando jerarquía
• Para los enlaces
• Para los controles
• Para los iconos
• Para las ventanas

58. Alguna
s buen
a s le c t
uras

59. Itten, Johannes
The Art of Color
New York: John Wiley & Sons, 1974
Pabini, Gabriel-Petit
Color Theory for Digital Displays
http://www.uxmatters.com/
Pabini, Gabriel-Petit
Applying Color Theory to Digital Displays
http://www.uxmatters.com/

60. Slides available at