Colores Primarios. Lic. Mauricio Jaques Soto

Transcripción

1 Color en el diseño Esta información se distribuye bajo licencia Creative Commons. Usted es libre de: Copiar, distribuir y comunicar públicamente Hacer obras derivadas No Comerciales Bajo las condiciones siguientes: Reconocimiento: debe reconocer y dar crédito al autor original ()

2 Colores Primarios Los colores primarios son aquellos que no se pueden obtener de la mezcla de ningún otro Estos son el rojo, amarillo y azul. Sin embargo, si estamos hablando de colores de pantalla, tanto en dispositivos móviles como en monitores de sobremesa, los colores primarios son el rojo, verde y azul (RGB).

3 Colores Secundarios Si mezclamos a partes iguales los colores primarios, es decir, el rojo con el amarillo, el amarillo con el azul, y el azul con el rojo, se crean los colores secundarios, que son el naranja, verde y magenta.

4 Colores terciarios Los colores terciarios se consiguen si mezclamos a partes iguales un color primario junto con uno secundario, es decir, rojo con magenta, azul con verde, amarillo con verde, rojo con naranja y amarillo con naranja.

5 Colores Complementarios Los colores complementarios son colores que están situados uno frente al otro en la rueda de color. Ejemplos de ello serían el el rojo y el verde, azul y el naranja, el amarillo y el púrpura. Crean contraste

6

7 Colores Análogos Los colores análogos son colores que están uno justo al lado del otro en la rueda de color. Ejemplos de estos serían el azul con el verde, el azul con el azul-violeta o amarillo-verde, el amarillo con el amarillo-naranja. Tomado de:

8 Colores Análogos

9 Triadas Una tríada de colores es un conjunto de tres colores que están dispuestos uniformemente alrededor de la rueda de color. Una tríada contiene una buena variedad de colores bien equilibrados.

10 Aclarados y Oscurecidos El aclarado un color es cuando tomas un color, como el azul en el ejemplo anterior, y agregas blanco al mismo. Un oscurecido es un color al que se le ha añadido negro. Puedes crear un gran esquema de colores monocromáticos con aclarados y oscurecidos del mismo tono de color.

11 Colores Cálidos Los colores cálidos crean una sensación de calidez y alegría o vivacidad en una imagen o un diseño. Cuando vemos colores cálidos, pensamos en el sol, el calor, el fuego. El rojo es el color de la sangre, que es caliente, y naranja y amarillo están más relacionados con el verano.

12 Colores Fríos Los colores fríos llevan connotaciones de climas fríos, invierno, la muerte, la tristeza, el hielo, la noche y el agua. Los colores fríos se pueden asociar con la calma, la tranquilidad, la confianza, la limpieza.

13

14 Ventajas en el uso del color enfatizar la información importante. reducir los errores de interpretación. añadir dimensiones a la codificación. incrementar la comprensibilidad. incrementar la credibilidad y atractivo. La memoria para la información en color parece ser mucho más capaz que para la información presentada en blanco y negro.

15 Desventajas en el uso del color la mayoría no se acomoda a la visión de los daltónicos. algunos colores pueden potencialmente causar molestias visuales. puede contribuir a asociaciones erróneas a causa de diferencias multidisciplinarias o multiculturales.

16 Modelo RGB (Aditivos) El modo RGB asigna un valor de intensidad a cada píxel que oscile entre 0 (negro) y 255 (blanco) Por ejemplo, un color rojo brillante podría tener un valor R de 246, un valor G de 20 y un valor B de 50.

17 Modelo RGB (Aditivos) El rojo más brillante que se puede conseguir es el R: 255, G: 0, B: 0. Cuando los valores de los tres componentes son idénticos, se obtiene un matiz de gris. Si el valor de todos los componentes es de 255, el resultado será blanco puro y será negro puro si todos los componentes tienen un valor 0

18 Color Converter

19 Modelo HSV El modelo HSV (del inglés Hue, Saturation, Value Matiz, Saturación, Valor), también llamado HSB (Hue, Saturation, Brightness Matiz, Saturación, Brillo o Luminosidad) HSV fue creado en 1978 por Alvy Ray Smith

20 Modelo HSV Matiz (Hue) es la composición espectral de longitud de onda que produce percepciones de ser azul, naranja, verde, etc. por ejemplo. Saturación (Saturation) es la pureza del color en una escala desde el gris a la variante mas viva del color percibido. Valor (Value) es la cantidad relativa de claridad u oscuridad del color en un rango desde el negro al blanco (también llamado intensidad). Brillo (Brightness) es la cantidad de energía luminosa al crear el color.

21 Modelo HSV

22 Recomendaciones 1.- Usar un máximo de cinco, más menos dos colores: Cuatro colores distintos son apropiados. Permite mayor sitio adicional en la memoria a corto plazo (memoria de trabajo).

23 Recomendaciones 2.- Usar colores centrales y periféricos de forma apropiada: Usar el color azul para áreas grandes, no para detalles o texto. El azul es apropiado para fondos de transparencias y pantallas.

24 Recomendaciones 3.- Usar el mismo color para agrupar elementos relacionados: La ciencia cognitiva ha avanzado en la noción de preparar y el proceso preatento. En este contexto, puedes preparar al usuario para eventos relacionados usando un código de color común.

25 Recomendaciones 4.- Evitar el rojo y el verde en la periferia de pantallas de gran escala: Debido a la insensibilidad de la periferia retinal al rojo y al verde, estos colores deben ser evitados en la periferia en su forma saturada. El amarillo y el azul son buenos colores periféricos.