1 diseño gráfico de la iu – el color “el color no existe…” ¿qué es el color? el color es...

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