Color en el diseño

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 (Lic. Mauricio Jaques Soto)
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).
Lic. Mauricio Jaques Soto
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.
Lic. Mauricio Jaques Soto
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.
Lic. Mauricio Jaques Soto
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
Lic. Mauricio Jaques Soto
Lic. Mauricio Jaques Soto
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: http://www.ipixelestudio.com/teoria-color-diseno-web.html
Lic. Mauricio Jaques Soto
Colores Análogos
Lic. Mauricio Jaques Soto
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.
Lic. Mauricio Jaques Soto
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.
Lic. Mauricio Jaques Soto
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.
Lic. Mauricio Jaques Soto
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.
Lic. Mauricio Jaques Soto
Lic. Mauricio Jaques Soto
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.
Lic. Mauricio Jaques Soto
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.
Lic. Mauricio Jaques Soto
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.
Lic. Mauricio Jaques Soto
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
Lic. Mauricio Jaques Soto
Color Converter
 http://www.yellowpipe.com/yis/tools/hex-to-
rgb/color-converter.php
Lic. Mauricio Jaques Soto
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
Lic. Mauricio Jaques Soto
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.
Lic. Mauricio Jaques Soto
Modelo HSV
Lic. Mauricio Jaques Soto
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).
Lic. Mauricio Jaques Soto
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.
Lic. Mauricio Jaques Soto
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.
Lic. Mauricio Jaques Soto
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.
Lic. Mauricio Jaques Soto