El Color en la Web

 Para poder comunicar emociones en un sitio web, el color es uno de los elementos más poderosos que disponemos. La mayoría de estas emociones son percibidas de un modo sutil e inconsciente.

El color es una arma de comunicación, hay periódicos, películas, fotografías y hasta páginas web en blanco y negro que cumplen solamente su objetivo y que pueden ser extremadamente impactantes. 

El color es subjetivo: cada persona, dependiendo de sus rasgos culturales o sociales, su estado de ánimo o circunstancias personales es importante porque incluso lo va hacer interpretar de manera distinta.

El color tiene 3 dimensiones básicas:

TONO: Definimos tono como la propia cualidad que tiene un color. Tonos son todos los colores del círculo cromático, primarios, secundarios e intermedios sin mezclar con blanco o negro. Podemos decir que cuando se va a la izquierda o a la derecha en el círculo cromático se produce un cambio de tono.

Es el estímulo que nos permite distinguir un color de otro. Se define como la variación cualitativa del color, en relación con la longitud de onda de su radiación.

Cuando hablamos de Tono, (también llamado hue, tinte, matiz o croma) nos estamos refiriendo a los colores del espectro de la luz visible, desde el rojo al púrpura. Así que, hablamos de tono rojo, tono amarillo, tono verde etc. Dentro de cada tono encontramos una enorme diversidad de matices o de colores subjetivos, por ejemplo el rosa, el burdeos, etc. son matices del rojo. El Tono es una cualidad del color que nos permite diferenciar, nombrar y designar los colores. Cuando hablamos, por ejemplo, del color azul, en realidad sólo estamos definiendo una de sus cualidades: el tono.

SATURACIÓN: Es la intensidad cromática o pureza de un color. Cuando un color pertenece al círculo cromático se dice que está saturado, que tiene el máximo poder de pigmentación, de coloración. Pero no siempre nos encontramos los colores puros, sino que se suelen ver compuestos por mezclas complejas, con cantidades desiguales de colores primarios. Para cambiar la saturación de un color hay que mezclarlo con su complementario y, así, se obtiene la escala de saturación o de grises.

La máxima saturación de un color es aquella que se corresponde a la propia longitud de onda del espectro electromagnético y carece absolutamente de blanco y negro. La pérdida de saturación de un color puede producirse añadiéndole blanco o mezclándolo con su complementario, lo que daría un color neutro.

LUMINOSIDAD: Luminosidad es el grado de claridad u obscuridad de un color. Cuando un color lo mezclamos con blanco da como resultado ese mismo color, pero más claro. La luminosidad de un color genera una escala cromática de valor que termina en el blanco. Por otro lado, cada color tiene una luminosidad propia, por ejemplo el azul tiene una luminosidad más baja que el amarillo, el rojo tiene más luminosidad que el violeta, etc. En el siguiente ejemplo vemos como partiendo de verde RGB (0,255,0) mantenemos el número 255 (mantenemos el tono) y vamos aclarando añadiendo valor de luminosidad hasta llegar a blanco RGB (255,255,255).

LA PSICOLOGÍA DEL COLOR 

NEGRO: negro c/ rojo: da a uno poder físico.

Negro c/ rosa: da poder social.

Negro c/ amarillo: da poder intelectual.

Se le relaciona con el misterio y lo desconocido. .

Se asocia con depresión, mal humor, desesperación, muerte

Puede estar esperando revelarse una hermosa naturaleza llena de amor y belleza.

La mujer que le gusta vestir de negro es amiga del poder y desea permanecer en el misterio.
Los colores nos ayudan a mostrar el verdadero yo porque igual que sucede en la naturaleza, revelamos quienes somos verdaderamente por los colores que llevamos.
MARRÓN: Lo asociamos con las cosas sólidas, seguras y permanentes. Nos ayuda a ser prácticos y no tan derrochadores, nos mantiene aferrados a los viejos modelos, pero debemos estar abiertos a nuevas ideas.
GRIS: Es el color de la renunciación, pero también se le asocia con el miedo e impide a muchas personas manifestar su verdadero yo. En un día gris nos sentimos abatidos.
AMARILLO: Favorece la claridad mental y los procesos lógicos. Mejora la facultad del razonamiento y abrirá nuestra conciencia a nuevas ideas, nuevos intereses, convierte la vida en algo emocionante y divertido.
AMARILLO PÁLIDO: Mente clara, asimila bien los hechos.
AMARILLO BRILLANTE: Revela todo un intelecto.
NARANJA: Utilidad, movimiento, actividad, alegría, bienestar, compañerismo, los placeres compartidos, creatividad, nos libera de pasados condicionamientos. Es un buen color para la debilidad mental y puede sacarnos de la depresión, liberar frustraciones y miedos.
ROJO: Nos da valor, da fuerza en todas sus formas, cuando esté preocupado piense en rojo y le ayudará a superar sus pensamientos negativos. Activa nuestras emociones y deseos sexuales. Es el color de la vida, energizante, es el rayo de la voluntad, la determinación de salir adelante y hacerlo bien.
El amor mueve el mundo, no el del ansia sexual de poseer a otra persona, sino del amor que nutre, alimenta el amor incondicional, el amar a los demás sin pensar en uno mismo.
VIOLETA: Eleva todo aquello que es espiritual y hermoso, purifica y limpia, es tan potente que puede impulsar a uno a sacrificarse por un gran ideal, proporciona mucho poder.
INDIGO: Se le conoce como espíritu del poder, gran purificador. Es un rayo muy científico, del conocimiento puro.
AZUL: Lealtad, confianza. Es el rayo del alma, de la paz y la serenidad, y aquellos a quienes les encanta el azul, aman la belleza en todos los aspectos y formas.
Es refrescante, tranquilizador y puede sedar. El aspecto negativo de este rayo es la tristeza.
VERDE: Es el rayo del equilibrio, beneficia al sistema nervioso, nos ayuda a relajarnos y desprendernos de los problemas; es el rayo del dar y recibir

TÉCNICAS Y HERRAMIENTAS PARA USAR COLOR EN DISEÑO CON UNA COMPUTADORA

El color tiene un impacto principal sobre la interacción humano-computadora: si no positivo, entonces negativo. De acuerdo a Murch, un investigador en factores humanos bien conocido, "El color puede ser una herramienta poderosa para mejorar la utilidad de un despliegue de información en una amplia variedad de áreas si el color es usado adecuadamente. Inversamente, el uso inapropiado del color puede seriamente reducir la funcionalidad de un sistema de despliegue”. El color es un componente principal en las GUIs. Debido a la proliferación de aplicaciones GUI en PCs, Macs, y Estaciones de trabajo Unix, el examen del color es pertinente a la interacción humano-computadora (human computer interaction, HCI). 

El uso de color apropiado puede ayudar a la memoria del usuario y facilitar la formación de modelos mentales efectivos. Como Murch expresó, el uso efectivo del color puede ser una herramienta poderosa. Sin embargo, el uso inefectivo del color puede degradar el desempeño de una aplicación y disminuir la satisfacción del usuario. Debido a estos factores, sentimos que el uso efectivo del color en interfaces de computadora es un importante tópico en HCI que requiere ser examinado cuando consideramos el diseño de una interfaz.

COMBINACIONES DE COLORES  PARA INTERFACES CON EL USUARIO CON DESPLIEGUE GRÁFICO

Para crear buenas interfaces:

• Utiliza el color azul para el fondo 
• Utiliza la secuencia de color espectral (rojo, anaranjado, amarillo, verde, azul, índigo y violeta) 
• Manteen pequeño el número de colores 
• Evita usar colores adyacentes que difieren solamente en la cantidad de azules puros 
• Utiliza colores brillantes para indicar peligro o para llamar la atención del usuario 

Uno de los elementos más importantes de usar el color efectivamente es conocer al usuario, el ambiente del usuario, y la tarea que el usuario está realizando. En la pantalla del editor se utilizan seis colores básicos además del color azul de fondo. Estos colores son asignados a palabras (o cadenas) en el texto para categorizar el contenido textual:

palabras reservadas - blanco

identificadores - amarillo

macros - verde

letras - azul

comentarios - gris

errores de sintaxis - rojo

Este plan de color cuidadosamente escogido ayuda al usuario a reconocer los errores fácilmente (por ejemplo, palabras reservadas mal escritas), y lo alienta a desarrollar un buen modelo mental para el uso de la interfaz.