Unidad 2
ELEMENTOS DEL DISEÑO GRÁFICO COLOR
El color Modelos de color Círculo cromático Armonía del color Colores primarios, secundarios e intermedios p , Combinaciones Propiedades Psicología del color Colores en la web
El color Es una percepción visual que se genera en el cerebro al interpretar las señales nerviosas que le envían los f fotorreceptores d l de la retina del ojo. Estos interpretan d l y distinguen las distintas longitudes de onda del espectro electromagnético. 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 en el cerebro como colores según las l longitudes de ondas correspondientes. it d d d di t Tres factores hacen posible la percepción de colores: » El sentido de la vista. » La luz. » Las propiedades químicas de los objetos. Pág:
UNSL | Introducción al Diseño Gráfico| unsldg@gmail.com | http://cor.to/unsldg
1
Modelos de color Modelo CMYK
Modelo RGB
• CMYK (Cyan, Magenta, Yellow, Black). • Mezcla sustractiva (sustrae luz), creada por la mezcla de tinta por la mezcla de tinta. • El negro es creado por mezcla de todos los colores, y el blanco es la ausencia de cualquier color. • Utilizado en gráfica impresa, arte pictórico y toda pieza que sea “pintada” con pigmentos. Pág:
• RGB (Red, Green, Blue). • Mezcla aditiva (adiciona luz), creada por la mezcla de colores luz por la mezcla de colores luz. • Cuando ningún color luz está presente, se percibe el negro. • Utilizado monitores de computadoras, televisores, proyectores de video. •
UNSL | Introducción al Diseño Gráfico| unsldg@gmail.com | http://cor.to/unsldg
Círculo cromático RYB (Red, Yellow, Blue)
Pág:
UNSL | Introducción al Diseño Gráfico| unsldg@gmail.com | http://cor.to/unsldg
2
El color
Armonía del color Armonizar, significa combinar los diferentes valores que el color adquiere en una composición. Es cuando en una composición todos los colores tienen una parte común al resto de los colores.
Pág:
UNSL | Introducción al Diseño Gráfico| unsldg@gmail.com | http://cor.to/unsldg
Colores primarios, secundarios e intermedios
Pág:
UNSL | Introducción al Diseño Gráfico| unsldg@gmail.com | http://cor.to/unsldg
3
Combinaciones
Pág:
UNSL | Introducción al Diseño Gráfico| unsldg@gmail.com | http://cor.to/unsldg
Propiedades Tono, tinte, croma o matiz: Es el color, nos permite diferenciar uno de otro color. Saturación: Es el grado de pureza de un matiz y su relación con el gris. Intensidad: Es el brillo u opacidad del matiz. Valor: Es el grado de claridad/oscuridad. Temperatura: Proyectan sensación de calor/frialdad. Pág:
CÁLIDOS
FRÍOS
UNSL | Introducción al Diseño Gráfico| unsldg@gmail.com | http://cor.to/unsldg
4
Contraste Se define como la diferencia relativa en intensidad entre un punto de una imagen y sus alrededores. Existen diferentes tipos de contraste: » De valor: es el mismo color de base pero en distinto nivel de luminosidad. » De saturación: mismo color con diferente grado de pureza grado de pureza. » De tono: cuando utilizamos diversos tonos.
UNSL | Introducción al Diseño Gráfico| unsldg@gmail.com | http://cor.to/unsldg
Pág:
Psicología del color » » » » » » » » »
Pág: 10
El amarillo j El rojo El azul El naranja El violeta El verde El blanco El negro El gris
UNSL | Introducción al Diseño Gráfico| unsldg@gmail.com | http://cor.to/unsldg
5
Psicología del color Se define como el efecto que produce sobre los individuos. El color puede ser la traducción de nuestros sentidos. Pueden despertar sensaciones de frío, apetecible, rugoso, limpio y miles más.
Pág:
UNSL | Introducción al Diseño Gráfico| unsldg@gmail.com | http://cor.to/unsldg
Psicología del color
El amarillo Luminoso, ardiente, expansivo. , y Es el sol, la luz y el oro. Puede significar: egoísmo, celos, envidia, odio, adolescencia, risa, placer.
Pág:
UNSL | Introducción al Diseño Gráfico| unsldg@gmail.com | http://cor.to/unsldg
6
Psicología del color
El rojo Vitalidad, sangre, pasión, fuego, amor. Es sensual, enérgico, erótico, exultante, apetitoso. , g , , , p Puede significar: pasión, emoción, acción, agresividad, peligro, tecnología de punta.
Pág:
UNSL | Introducción al Diseño Gráfico| unsldg@gmail.com | http://cor.to/unsldg
Psicología del color
El azul Es tranquilo, profundo, solemne, frío, inmaterial. g , , , Puede significar: confianza, reserva, armonía, amistad, fidelidad, serenidad, seguridad, protector, ejecutivo.
Pág:
UNSL | Introducción al Diseño Gráfico| unsldg@gmail.com | http://cor.to/unsldg
7
Psicología del color
El naranja Es hipnótico, activo, radiante, expansivo. Puede significar: calor, fuego, fiesta, placer, g , g , ,p , presencia del sol.
Pág:
UNSL | Introducción al Diseño Gráfico| unsldg@gmail.com | http://cor.to/unsldg
Psicología del color
El violeta Es misterio, majestuoso, lucidez, reflexión. g , , g , Puede significar: calma, aristocracia, engaño, mundo mágico, fantasía, sofisticación.
Pág:
UNSL | Introducción al Diseño Gráfico| unsldg@gmail.com | http://cor.to/unsldg
8
Psicología del color
El verde Es tranquilo, sedante, fresco, natural, sobrio. Puede significar: esperanza, deseo, juventud, g p , ,j , naturaleza, equilibrio, estabilidad.
Pág:
UNSL | Introducción al Diseño Gráfico| unsldg@gmail.com | http://cor.to/unsldg
Psicología del color
El blanco Es activo, puro, vacío positivo, infinito. g , ,p , Puede significar: inocencia, divinidad, paz, calma, armonía.
Pág:
UNSL | Introducción al Diseño Gráfico| unsldg@gmail.com | http://cor.to/unsldg
9
Psicología del color
El negro Es silencio, misterio, a veces impuro y maligno. Puede significar: nobleza y elegancia cuando g y g es brillante, noche, muerte, luto, tragedia.
Pág:
UNSL | Introducción al Diseño Gráfico| unsldg@gmail.com | http://cor.to/unsldg
Psicología del color
El gris Es indecisión, ausencia de energía. g , ,p j y Puede significar: duda, melancolía, pero lujo y elegancia cuando es brillante, tecnología por su asociación a los metales.
Pág:
UNSL | Introducción al Diseño Gráfico| unsldg@gmail.com | http://cor.to/unsldg
10
Los colores en la web » » » »
Sistemas de medición: HSB, RGB, Hexadecimal Los colores en las marcas de la web Los colores afectan a las compras Algunas herramientas web
Pág: 21
UNSL | Introducción al Diseño Gráfico| unsldg@gmail.com | http://cor.to/unsldg
Sistemas de medición
HSB, RGB, Hexadecimal
HSB Hue / Saturation / Brightness
HSB, se mide el color (H) de 0‐359°, la saturación y el brillo de 0‐100%. RGB, a cada color se le asigna un valor de 0 a 255. Rojo: 255,0,0 / Verde: 0,255,0 / Azul: 0,0,255. Hexadecimal, es el sistema de numeración en base a 16. Los colores se conforman con la combinación de los números 0 a 9 y las letras de “A” a la “F”. Rojo: #ff0000 / Verde: #00ff00 / Azul: #0000ff. Pág:
RGB Red / Green / Blue Red / Green / Blue Hexadecimal
UNSL | Introducción al Diseño Gráfico| unsldg@gmail.com | http://cor.to/unsldg
11
Los colores en las marcas de la web
Pág:
UNSL | Introducción al Diseño Gráfico| unsldg@gmail.com | http://cor.to/unsldg
Los colores en las marcas de la web
Pág:
UNSL | Introducción al Diseño Gráfico| unsldg@gmail.com | http://cor.to/unsldg
12
Los colores afectan a las compras
Pág:
UNSL | Introducción al Diseño Gráfico| unsldg@gmail.com | http://cor.to/unsldg
Los colores afectan a las compras
Pág:
UNSL | Introducción al Diseño Gráfico| unsldg@gmail.com | http://cor.to/unsldg
13
Algunas herramientas web
Aplicación de Adobe integrado a sus softwares » http://kuler.adobe.com o en el menú “Ventana > Extensiones > Kuler”
Red social que comparten paletas de colores y diseños » http://www.colourlovers.com/
UNSL | Introducción al Diseño Gráfico| unsldg@gmail.com | http://cor.to/unsldg
Pág:
Referencias: libros y links
» Presentaciones • http://www.slideshare.net/MaestroBarreras/teoria‐del‐color‐6727029 • http://www.slideshare.net/diseniouno/terica‐de‐ color?src=related_normal&rel=2579288
» Infografías • http://www http://www.jeffreyjdavis.com/2010/09/how‐do‐colors‐affect‐purchases/ jeffreyjdavis com/2010/09/how‐do‐colors‐affect‐purchases/ • http://www.paper‐leaf.com/blog/2010/01/color‐theory‐quick‐reference‐poster/ • http://www.colourlovers.com/business/blog/2010/09/15/the‐most‐powerful‐colors‐in‐the‐ world
» Wikipedia • http://es.wikipedia.org/wiki/Color • http://es.wikipedia.org/wiki/Colores_HTML
» Teoría completa del color (inglés) p ( g ) • http://www.smashingmagazine.com/2010/01/28/color‐theory‐for‐designers‐part‐1‐the‐ meaning‐of‐color/ • http://www.smashingmagazine.com/2010/02/02/color‐theory‐for‐designers‐part‐2‐ understanding‐concepts‐and‐terminology/ • http://www.smashingmagazine.com/2010/02/08/color‐theory‐for‐designer‐part‐3‐creating‐ your‐own‐color‐palettes/ • Imágenes: http://www.istockphoto.com/ Pág:
UNSL | Introducción al Diseño Gráfico| unsldg@gmail.com | http://cor.to/unsldg
14