Arte de los Colores
-
Upload
diplomado-en-comunicacion-efectiva -
Category
Education
-
view
2.577 -
download
4
description
Transcript of Arte de los Colores
![Page 1: Arte de los Colores](https://reader033.fdocuments.net/reader033/viewer/2022052601/5594fff11a28ab175d8b45aa/html5/thumbnails/1.jpg)
COLOR
EL
R E A T DEL
Consejos & tips Elisa giaccardi & José Alberto de la Cruz León
![Page 2: Arte de los Colores](https://reader033.fdocuments.net/reader033/viewer/2022052601/5594fff11a28ab175d8b45aa/html5/thumbnails/2.jpg)
“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
![Page 3: Arte de los Colores](https://reader033.fdocuments.net/reader033/viewer/2022052601/5594fff11a28ab175d8b45aa/html5/thumbnails/3.jpg)
¡ Vamos a calentar !
![Page 4: Arte de los Colores](https://reader033.fdocuments.net/reader033/viewer/2022052601/5594fff11a28ab175d8b45aa/html5/thumbnails/4.jpg)
Algunos conceptos básicos
![Page 5: Arte de los Colores](https://reader033.fdocuments.net/reader033/viewer/2022052601/5594fff11a28ab175d8b45aa/html5/thumbnails/5.jpg)
Veamos dos sistemas de color
![Page 6: Arte de los Colores](https://reader033.fdocuments.net/reader033/viewer/2022052601/5594fff11a28ab175d8b45aa/html5/thumbnails/6.jpg)
aditivos sustractivo
rojo + verde + azul = blanco magenta + amarillo + cyan = negro
![Page 7: Arte de los Colores](https://reader033.fdocuments.net/reader033/viewer/2022052601/5594fff11a28ab175d8b45aa/html5/thumbnails/7.jpg)
otro sistema de color
![Page 8: Arte de los Colores](https://reader033.fdocuments.net/reader033/viewer/2022052601/5594fff11a28ab175d8b45aa/html5/thumbnails/8.jpg)
pigmentales
rojo + azul + amarillo = negro
![Page 9: Arte de los Colores](https://reader033.fdocuments.net/reader033/viewer/2022052601/5594fff11a28ab175d8b45aa/html5/thumbnails/9.jpg)
Dw usan el sistema aditivo
![Page 10: Arte de los Colores](https://reader033.fdocuments.net/reader033/viewer/2022052601/5594fff11a28ab175d8b45aa/html5/thumbnails/10.jpg)
Dg usan el sistema sustractivo
![Page 11: Arte de los Colores](https://reader033.fdocuments.net/reader033/viewer/2022052601/5594fff11a28ab175d8b45aa/html5/thumbnails/11.jpg)
Los artistas usan el sistema pigmental
![Page 12: Arte de los Colores](https://reader033.fdocuments.net/reader033/viewer/2022052601/5594fff11a28ab175d8b45aa/html5/thumbnails/12.jpg)
¿ Qué es en la jerga ?
matiz brillantez
saturación
![Page 13: Arte de los Colores](https://reader033.fdocuments.net/reader033/viewer/2022052601/5594fff11a28ab175d8b45aa/html5/thumbnails/13.jpg)
Matiz Nombre y propiedad
de un color que permite
que se perciba
![Page 14: Arte de los Colores](https://reader033.fdocuments.net/reader033/viewer/2022052601/5594fff11a28ab175d8b45aa/html5/thumbnails/14.jpg)
Brillantez Tono de un color
![Page 15: Arte de los Colores](https://reader033.fdocuments.net/reader033/viewer/2022052601/5594fff11a28ab175d8b45aa/html5/thumbnails/15.jpg)
Mezcla de blanco, negro, gris o complementario incluido en el color
Saturación
![Page 16: Arte de los Colores](https://reader033.fdocuments.net/reader033/viewer/2022052601/5594fff11a28ab175d8b45aa/html5/thumbnails/16.jpg)
¿ Cuáles son estos ?
Colores primarios
secundarios terciarios
![Page 17: Arte de los Colores](https://reader033.fdocuments.net/reader033/viewer/2022052601/5594fff11a28ab175d8b45aa/html5/thumbnails/17.jpg)
Veamos el círculo cromático
![Page 18: Arte de los Colores](https://reader033.fdocuments.net/reader033/viewer/2022052601/5594fff11a28ab175d8b45aa/html5/thumbnails/18.jpg)
Otra manera de visualizarlo
![Page 19: Arte de los Colores](https://reader033.fdocuments.net/reader033/viewer/2022052601/5594fff11a28ab175d8b45aa/html5/thumbnails/19.jpg)
Otra manera de visualizarlo
![Page 20: Arte de los Colores](https://reader033.fdocuments.net/reader033/viewer/2022052601/5594fff11a28ab175d8b45aa/html5/thumbnails/20.jpg)
Colores primarios
![Page 21: Arte de los Colores](https://reader033.fdocuments.net/reader033/viewer/2022052601/5594fff11a28ab175d8b45aa/html5/thumbnails/21.jpg)
Colores secundarios
![Page 22: Arte de los Colores](https://reader033.fdocuments.net/reader033/viewer/2022052601/5594fff11a28ab175d8b45aa/html5/thumbnails/22.jpg)
Colores terciarios
![Page 23: Arte de los Colores](https://reader033.fdocuments.net/reader033/viewer/2022052601/5594fff11a28ab175d8b45aa/html5/thumbnails/23.jpg)
Colores análogos
![Page 24: Arte de los Colores](https://reader033.fdocuments.net/reader033/viewer/2022052601/5594fff11a28ab175d8b45aa/html5/thumbnails/24.jpg)
Colores opuestos son complementarios
![Page 25: Arte de los Colores](https://reader033.fdocuments.net/reader033/viewer/2022052601/5594fff11a28ab175d8b45aa/html5/thumbnails/25.jpg)
La combinación de colores opuestos o
análogos son armónicos
![Page 26: Arte de los Colores](https://reader033.fdocuments.net/reader033/viewer/2022052601/5594fff11a28ab175d8b45aa/html5/thumbnails/26.jpg)
¡ Ahora hablas con la misma jerga !
![Page 27: Arte de los Colores](https://reader033.fdocuments.net/reader033/viewer/2022052601/5594fff11a28ab175d8b45aa/html5/thumbnails/27.jpg)
¿ No era aditivo ?
![Page 28: Arte de los Colores](https://reader033.fdocuments.net/reader033/viewer/2022052601/5594fff11a28ab175d8b45aa/html5/thumbnails/28.jpg)
Circulo cromático para web
![Page 29: Arte de los Colores](https://reader033.fdocuments.net/reader033/viewer/2022052601/5594fff11a28ab175d8b45aa/html5/thumbnails/29.jpg)
¿ Los colores tienen personalidad ?
![Page 30: Arte de los Colores](https://reader033.fdocuments.net/reader033/viewer/2022052601/5594fff11a28ab175d8b45aa/html5/thumbnails/30.jpg)
Cálidos
frescos
![Page 31: Arte de los Colores](https://reader033.fdocuments.net/reader033/viewer/2022052601/5594fff11a28ab175d8b45aa/html5/thumbnails/31.jpg)
© Edward Burtynsky
¿ Qué pasa con el naranja ?
![Page 32: Arte de los Colores](https://reader033.fdocuments.net/reader033/viewer/2022052601/5594fff11a28ab175d8b45aa/html5/thumbnails/32.jpg)
© Philip-Lorca diCorcia
¿ Qué pasa con el amarillo ?
![Page 33: Arte de los Colores](https://reader033.fdocuments.net/reader033/viewer/2022052601/5594fff11a28ab175d8b45aa/html5/thumbnails/33.jpg)
© Cindy Sherman
¿ Qué pasa con el verde ?
![Page 34: Arte de los Colores](https://reader033.fdocuments.net/reader033/viewer/2022052601/5594fff11a28ab175d8b45aa/html5/thumbnails/34.jpg)
Se trata de relaciones
![Page 35: Arte de los Colores](https://reader033.fdocuments.net/reader033/viewer/2022052601/5594fff11a28ab175d8b45aa/html5/thumbnails/35.jpg)
Relaciones dinámicas
![Page 36: Arte de los Colores](https://reader033.fdocuments.net/reader033/viewer/2022052601/5594fff11a28ab175d8b45aa/html5/thumbnails/36.jpg)
Relaciones dinámicas-estáticas
![Page 37: Arte de los Colores](https://reader033.fdocuments.net/reader033/viewer/2022052601/5594fff11a28ab175d8b45aa/html5/thumbnails/37.jpg)
Relaciones estáticas
![Page 38: Arte de los Colores](https://reader033.fdocuments.net/reader033/viewer/2022052601/5594fff11a28ab175d8b45aa/html5/thumbnails/38.jpg)
Es un asunto de contrastes
![Page 39: Arte de los Colores](https://reader033.fdocuments.net/reader033/viewer/2022052601/5594fff11a28ab175d8b45aa/html5/thumbnails/39.jpg)
![Page 40: Arte de los Colores](https://reader033.fdocuments.net/reader033/viewer/2022052601/5594fff11a28ab175d8b45aa/html5/thumbnails/40.jpg)
![Page 41: Arte de los Colores](https://reader033.fdocuments.net/reader033/viewer/2022052601/5594fff11a28ab175d8b45aa/html5/thumbnails/41.jpg)
![Page 42: Arte de los Colores](https://reader033.fdocuments.net/reader033/viewer/2022052601/5594fff11a28ab175d8b45aa/html5/thumbnails/42.jpg)
![Page 43: Arte de los Colores](https://reader033.fdocuments.net/reader033/viewer/2022052601/5594fff11a28ab175d8b45aa/html5/thumbnails/43.jpg)
Es acerca de balance
![Page 44: Arte de los Colores](https://reader033.fdocuments.net/reader033/viewer/2022052601/5594fff11a28ab175d8b45aa/html5/thumbnails/44.jpg)
![Page 45: Arte de los Colores](https://reader033.fdocuments.net/reader033/viewer/2022052601/5594fff11a28ab175d8b45aa/html5/thumbnails/45.jpg)
![Page 46: Arte de los Colores](https://reader033.fdocuments.net/reader033/viewer/2022052601/5594fff11a28ab175d8b45aa/html5/thumbnails/46.jpg)
¡ Pensar con los ojos !
![Page 47: Arte de los Colores](https://reader033.fdocuments.net/reader033/viewer/2022052601/5594fff11a28ab175d8b45aa/html5/thumbnails/47.jpg)
Consejos & tips
![Page 48: Arte de los Colores](https://reader033.fdocuments.net/reader033/viewer/2022052601/5594fff11a28ab175d8b45aa/html5/thumbnails/48.jpg)
Encontrando la armonía
![Page 49: Arte de los Colores](https://reader033.fdocuments.net/reader033/viewer/2022052601/5594fff11a28ab175d8b45aa/html5/thumbnails/49.jpg)
Concientizando sobre el efecto del contraste
![Page 50: Arte de los Colores](https://reader033.fdocuments.net/reader033/viewer/2022052601/5594fff11a28ab175d8b45aa/html5/thumbnails/50.jpg)
Entendiendo el dominio del color
![Page 51: Arte de los Colores](https://reader033.fdocuments.net/reader033/viewer/2022052601/5594fff11a28ab175d8b45aa/html5/thumbnails/51.jpg)
![Page 52: Arte de los Colores](https://reader033.fdocuments.net/reader033/viewer/2022052601/5594fff11a28ab175d8b45aa/html5/thumbnails/52.jpg)
Reglas de oro para uso del color
![Page 53: Arte de los Colores](https://reader033.fdocuments.net/reader033/viewer/2022052601/5594fff11a28ab175d8b45aa/html5/thumbnails/53.jpg)
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
![Page 54: Arte de los Colores](https://reader033.fdocuments.net/reader033/viewer/2022052601/5594fff11a28ab175d8b45aa/html5/thumbnails/54.jpg)
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
![Page 55: Arte de los Colores](https://reader033.fdocuments.net/reader033/viewer/2022052601/5594fff11a28ab175d8b45aa/html5/thumbnails/55.jpg)
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
![Page 56: Arte de los Colores](https://reader033.fdocuments.net/reader033/viewer/2022052601/5594fff11a28ab175d8b45aa/html5/thumbnails/56.jpg)
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
![Page 57: Arte de los Colores](https://reader033.fdocuments.net/reader033/viewer/2022052601/5594fff11a28ab175d8b45aa/html5/thumbnails/57.jpg)
Señala la disponibilidad del color indicando jerarquía • Para los enlaces
• Para los controles
• Para los iconos
• Para las ventanas
![Page 58: Arte de los Colores](https://reader033.fdocuments.net/reader033/viewer/2022052601/5594fff11a28ab175d8b45aa/html5/thumbnails/58.jpg)
Algunas buenas lecturas
![Page 59: Arte de los Colores](https://reader033.fdocuments.net/reader033/viewer/2022052601/5594fff11a28ab175d8b45aa/html5/thumbnails/59.jpg)
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/
![Page 60: Arte de los Colores](https://reader033.fdocuments.net/reader033/viewer/2022052601/5594fff11a28ab175d8b45aa/html5/thumbnails/60.jpg)
Slides available at