1. Cómo Usar los Colores
Algunos consejos
Por: César Lewis Yengle

2. Vamos a calentar !

3. Vamos a
empezar
con algunos
conceptos
básicos

4. Existen
dos sistemas de color

5. Aditivo Subtractivo
rojo + verde + azul = blanco magenta + yellow + cyan = negro

6. Los diseñadores de
aplicaciones usan
el sistema aditivo

7. Qué es
esto ?
hue
brillo
saturación

8. Hue
Nombre y
propiedades
de un color

9. Brillo
Cómo es la
Intencidad de
la luz y
la sombra

10. El nivel y mescla
de blanco, negro,
gris o colores
complementarios
Saturación

11. Qué son
estos ?
Colores
primario
secundarios
terciarios

12. Conociendo el
circulo cromático

13. Otra forma
de verlo

14. Y otra

15. colores primarios

16. colores secundarios

17. colores terciarios

18. colores análogos

19. Colores que se
Oponen son
complementarios

20. La combinación de
colores opuestos o
analogos son armónicos

21. ¿Pero qué es aditivo ?

22. Web color wheel

23. ¿Los colores tienen
personalidad ?

24. Amarillo
Brillo, sol,
felicidad.
Verde
Refrescante,
natural
Azul
Armonía,
calma.
Lila
Inspiración ,
magia,
elegancia
Naranja
Entusiasmo,
fuerza.
Rojo
Energía,
pasión

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

26. © Philip-Lorca diCorcia
¿ y con
el amarillo ?

27. © Cindy Sherman
¿ y con el verde
que hay?

28. Se trata de
relacionarlos

29. Relación
dinámica

30. Relación
dinámica-estática

31. Relación
estática

32. La clave es
el contraste

37. Es balance

40. Piensa con tus ojos !

41. Patela de colores
tips & herramientas

42. Busca la
armonía

43. Se conciente de los
efectos del contraste

44. Entiendiendo al
color dominante

46. Reglas que usan
los diseñadores

47. Garantizar la legibilidad del
texto a través del contraste
• Evitar texturas y lineas para los fondos
detrás de los textos.
• Evitar los contrastes que provocan fatiga
visual.
• Evite las combinaciones de colores que
causan ilusiones cuando se encuentra
juntos.

48. La experiencia dice que…
• Un mismo color dominante.
• Utilice este color como apoyo.
• Utilice el color para mejorar el atractivo
estético.

49. Use color para identificar,
agrupar y dar enfasis
• Relacionar los elementos visuales
• Delimitar las diferentes áreas
• Resaltar lo importante de la información

50. El color indica disponibilidad
o valor
• Para los enlaces.
• Para las fórmulas.
• Para las ventanas

52. 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/

53. César Lewis Yengle
Gracias
cesar.lewis.y@upch.pe
cesar.lewis@gmail.com