Diseño Gráfico de la IU – EL COLOR
“El color no existe…”
¿Qué es el color?
El color es la sensación producida por los rayos luminosos al impresionar
la retina en función de la longitud de onda.
Todo cuerpo iluminado absorbe una parte de las ondas electromagnéticas
y refleja las restantes. Las ondas reflejadas son captadas por el ojo e
interpretadas cómo colores según las longitudes de ondas
correspondientes.
1
Diseño Gráfico de la IU – EL COLOR
Modelos de color
• Modelos Perceptivos
Están basados en la percepción humana.
Son más adecuados para la selección de colores en procesos creativos.
• HLS (Hue, Light, Saturation)
• HSB (Hue, Saturation, Bright)
•Modelos Reproductivos
Están basados en los sistemas de reproducción de colores.
• RGB (Red, Green, Blue): colores luz, para pantallas, monitores,
TV, scanners
• CMYK (Cian, Magenta, Amarillo, Negro): colores pigmentos, para
pinturas, tintas de imprentas, tonners
• Lab: algunas cámaras fotográficas y scanners
2
Diseño Gráfico de la IU – EL COLOR
Modelos de Color Perceptivos
• Modelo HLS (Hue, Light, Saturation)
3
Diseño Gráfico de la IU – EL COLOR
Modelos de Color Reproductivos
Modelo RGB
(Red, Green, Blue):
Modelo CMYK
(Cian, Magenta, Amarillo, Negro):
4
Diseño Gráfico de la IU – EL COLOR
Colores Web
Los Colores Web son una paleta de 216 colores que se ven
perfectamente en todas las definiciones de colores.
Formato Colores Web:
#RRGGBB
Donde RR, GG y BB puede tomar los valores hexadecimales:
00, 33, 66, 99, CC, FF
(0)
(51) (102) (153) (204) (255)
Ejemplos: #3366FF #FF9900 #666666
5
Diseño Gráfico de la IU – EL COLOR
Colores Web
6
Diseño Gráfico de la IU – EL COLOR
El Color y las Emociones
Según estudios psicológicos, cada color por si solo y las
diferentes combinaciones producen un conjunto de
emociones y sensaciones.
Estas sensaciones dependen de:
• factores culturales,
• factores ambientales,
• y sobre todo, de las experiencias vividas por el usuario.
7
Diseño Gráfico de la IU – EL COLOR
El Color y las Emociones
8
Diseño Gráfico de la IU – EL COLOR
El Color y las Emociones
Frescura
Cálidos
Fríos
Calor, atardecer
Glamour, erotismo, peligro
Tierra, otoño
Atención, taxi
Ternura, suavidad, bebé
9
Diseño Gráfico de la IU – EL COLOR
10
Diseño Gráfico de la IU – EL COLOR
11
Diseño Gráfico de la IU – EL COLOR
12
Diseño Gráfico de la IU – EL COLOR
Método para la selección de colores
1.- Seleccionar 1, 2 o 3 tonos armónicos basándose en las
connotaciones psicológicas.
(Armónico = igual luminosidad + igual saturación)
Complementarios
Adyacentes al
Complementario
2.- Hallar 3 o 4 variaciones de luminosidad. Tener en
cuenta el blanco, negro y algún gris.
(Las variaciones de saturación no se notan tanto como las de luminosidad)
13
Diseño Gráfico de la IU – EL COLOR
Aplicación del color
1.- Monocromía:
Se usa un solo tono y sus variaciones en saturación y/o luminosidad teniendo
en cuenta el blanco, el negro y algún gris
14
Diseño Gráfico de la IU – EL COLOR
Aplicación del color
2.- Método de los 3 colores:
Dominante: Es el principal, suele ocupar el 70% del espacio
Subordinado: Es el que acompaña al principal, ocupa 25%
Acento: Destaca aspectos puntuales, es un 5%
15
Diseño Gráfico de la IU – EL COLOR
Software para el manejo de colores
Photoshop
CorelDraw
16
Diseño Gráfico de la IU – EL COLOR
Software para el manejo de colores
Color Schemer
Studio 1.5
17
Diseño Gráfico de la IU – EL COLOR
Software para el manejo de colores
Analizador de contraste de colores Web (W3C)
http://www.snook.ca/technical/colour_contrast/colour.html
18
Descargar

El Lenguaje Visual en la interfaz