COLOR

EL

R E A T DEL

Consejos & tips Elisa giaccardi & José Alberto de la Cruz León

“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

¡ Vamos a calentar !

Algunos conceptos básicos

Veamos dos sistemas de color

aditivos sustractivo

rojo + verde + azul = blanco magenta + amarillo + cyan = negro

otro sistema de color

pigmentales

rojo + azul + amarillo = negro

Dw usan el sistema aditivo

Dg usan el sistema sustractivo

Los artistas usan el sistema pigmental

¿ Qué es en la jerga ?

matiz brillantez

saturación

Matiz Nombre y propiedad

de un color que permite

que se perciba

Brillantez Tono de un color

Mezcla de blanco, negro, gris o complementario incluido en el color

Saturación

¿ Cuáles son estos ?

Colores primarios

secundarios terciarios

Veamos el círculo cromático

Otra manera de visualizarlo

Otra manera de visualizarlo

Colores primarios

Colores secundarios

Colores terciarios

Colores análogos

Colores opuestos son complementarios

La combinación de colores opuestos o

análogos son armónicos

¡ Ahora hablas con la misma jerga !

¿ No era aditivo ?

Circulo cromático para web

¿ Los colores tienen personalidad ?

Cálidos

frescos

© Edward Burtynsky

¿ Qué pasa con el naranja ?

© Philip-Lorca diCorcia

¿ Qué pasa con el amarillo ?

© Cindy Sherman

¿ Qué pasa con el verde ?

Se trata de relaciones

Relaciones dinámicas

Relaciones dinámicas-estáticas

Relaciones estáticas

Es un asunto de contrastes

Es acerca de balance

¡ Pensar con los ojos !

Consejos & tips

Encontrando la armonía

Concientizando sobre el efecto del contraste

Entendiendo el dominio del color

Reglas de oro para uso del color

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

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

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

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

Señala la disponibilidad del color indicando jerarquía •  Para los enlaces

•  Para los controles

•  Para los iconos

•  Para las ventanas

Algunas buenas lecturas

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/

Slides available at