1 diseño gráfico de la iu – el color “el color no existe…” ¿qué es el color? el color es...
TRANSCRIPT
1
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.
2
• Modelos PerceptivosEstá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 de color
•Modelos ReproductivosEstá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
Diseño Gráfico de la IU – EL COLOR
3
• Modelo HLS (Hue, Light, Saturation)
Modelos de Color Perceptivos
Diseño Gráfico de la IU – EL COLOR
4
Modelos de Color Reproductivos
Modelo RGB(Red, Green, Blue):
Modelo CMYK(Cian, Magenta, Amarillo, Negro):
Diseño Gráfico de la IU – EL COLOR
5
Los Colores Web son una paleta de 216 colores que se ven perfectamente en todas las definiciones de colores.
Colores Web
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
Diseño Gráfico de la IU – EL COLOR
6
Colores Web
Diseño Gráfico de la IU – EL COLOR
7
Según estudios psicológicos, cada color por si solo y las diferentes combinaciones producen un conjunto de emociones y sensaciones.
El Color y las Emociones
Estas sensaciones dependen de:• factores culturales, • factores ambientales,• y sobre todo, de las experiencias vividas por el
usuario.
Diseño Gráfico de la IU – EL COLOR
8
El Color y las Emociones
Diseño Gráfico de la IU – EL COLOR
9
El Color y las Emociones
Cálidos
Fríos
Frescura
Calor, atardecer
Tierra, otoñoGlamour, erotismo, peligro
Atención, taxi Ternura, suavidad, bebé
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
13
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)
Diseño Gráfico de la IU – EL COLOR
14
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
Aplicación del color
Diseño Gráfico de la IU – EL COLOR
15
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%
Diseño Gráfico de la IU – EL COLOR
Aplicación del color
16
Software para el manejo de colores
CorelDraw
Photoshop
Diseño Gráfico de la IU – EL COLOR
17
Software para el manejo de colores
Color Schemer
Studio 1.5
Diseño Gráfico de la IU – EL COLOR
18
Software para el manejo de colores
Diseño Gráfico de la IU – EL COLOR
Analizador de contraste de colores Web (W3C)
http://www.snook.ca/technical/colour_contrast/colour.html