Contenido
- Pensando en el color
- Conoce a tu audiencia
- Iluminando
- Estudio de caso: Twitter
- Deuteranopía
- Protanopia
- Tritanopia
Cuando tenía unos 10 años, realicé una gira por los estudios Disney MGM. Vi una enorme pared de pintura en frascos de todos los colores y en todos los tonos. Los artistas usaron esos frascos para darle vida a la animación. Debería haberme dado cuenta en ese momento de que mi destino estaba sellado: yo era un fanático del color del diseño.
Me encanta rodearme de color porque estimula mi cerebro. Es fascinante que el color pueda influir en usted para sentir una emoción; la felicidad que se ve en los rostros de las personas cuando ven un cielo azul, o el cariño que envuelve a alguien cuando recibe un sobre rojo el día de San Valentín. Ya sea por asociación o por influencias culturales, el color tiene significado.
Pensando en el color
Cuando diseño, me tomo el tiempo para pensar por qué estoy usando un color determinado. Pienso en las influencias culturales asociadas con él y si tiene implicaciones más allá de nuestra propia sociedad. Pienso en estas cosas porque diseño para la web y sé que miles o millones de personas pueden ver mis elecciones. Muchos sitios web se están tomando el tiempo para internacionalizar el idioma de sus páginas, pero ¿realmente han pensado en el color? El color comunica un significado y nuestras propias suposiciones a menudo pueden estar equivocadas.
Tome un sitio web de bodas, por ejemplo. En las culturas occidentales, es común tener a la novia con un vestido blanco e incorporar esa brillante pureza en el diseño del sitio web. En China, sin embargo, es más apropiado elegir el rojo porque el blanco es el color del luto. Para las culturas chinas, el rojo significa buena fortuna, suerte y amor. Espolvorea un poco de amarillo y estás sugiriendo realeza y riqueza.
Con todas las diferencias culturales en el significado de los colores, es posible que se pregunte cuál es la piedra de Rosetta de las opciones de color. En términos generales, el azul y el morado son los colores más seguros para usar al diseñar. El azul se usa generalmente para transmitir un mensaje positivo: optimismo, felicidad y confianza. Pero si bien esto es cierto para la mayoría de las culturas, países como India y Japón aplican un significado muy diferente. En India, el azul es el color del duelo, mientras que en Japón significa villanía.
Otro color que se considera seguro es el violeta. Por lo general, el púrpura se asocia con la realeza y la riqueza, una herencia del pasado, donde se usó como símbolo de estatus en la sociedad. La historia nos dice que esto se debió a que el tinte púrpura cosechado del caracol de mar no se desvaneció debido a la luz solar, sino que se volvió más brillante e intenso por la intemperie. Tailandia, sin embargo, cree de manera diferente y, en cambio, usa el púrpura como color de luto.
Me sorprende que tantos países usen diferentes colores para representar la tristeza de un ser querido que pasa. En EE. UU. Y el Reino Unido es tradicionalmente negro, pero hemos visto aquí cuántas variaciones hay en todo el mundo. He preparado una tabla que proporciona un desglose útil de estas diferencias (arriba).
Conoce a tu audiencia
Con toda esta ambigüedad, es posible que piense que es más seguro simplemente evitar el color, pero ese no es el caso. Acepte las diferencias y utilícelas para promover su mensaje. Conozca a su público objetivo y adapte el sitio a él. Si tiene varias audiencias, intente localizar su sitio, ya sea a través de un portal personalizado o algún CSS específico.
El uso de colores mezclados también tiene sus propias consideraciones. Tomemos el mercado de valores como ejemplo. En EE. UU., Reino Unido y Japón, un indicador positivo es de color verde o azul y un indicador negativo es rojo. En Taiwán y Corea, sin embargo, ocurre lo contrario. No se trata de una elección de diseño, sino de una comprensión cultural. En estos dos países, el rojo representa prosperidad y suerte, ambas cosas positivas. Es importante conocer estos detalles sutiles, pero muy importantes, para evitar confundir a los visitantes y posiblemente enviar un mensaje incorrecto.
También es aconsejable recordar que una de cada 12 personas tiene daltonismo. Por lo tanto, al igual que las fotos y las ilustraciones, el color debe usarse para respaldar el mensaje, no para ser el mensaje en sí. Una buena prueba es ver si la misma información está disponible cuando se quita el color.
La caja de herramientas de un diseñador contiene muchas herramientas, que deben usarse con cuidado y pensamiento. He visto sitios web con fondos de color rojo brillante que se podían ver al otro lado de la habitación, del tipo que haría sangrar los ojos de una persona. Ese tipo de antecedentes sería una mala elección para un sitio web de salud. Su color altamente saturado tiende a estresar a las personas y lo último que desea cuando está en el hospital es que lo empujen al límite. Es un ejemplo extremo, pero ilustra el punto.
La próxima vez que se encuentre con el personal del hospital, mire lo que están usando. Verás que sus uniformes tienden a ser de colores pastel más tenues, como malva, verde o azul. Esto no es por accidente: su intención es parecer calmantes, tranquilizadores y limpios. Los colores pastel más suaves contribuyen a ese objetivo. Al diseñar un sitio web de salud, use colores que calmen a la audiencia, no colores que la emocionen.
Los cambios de color simples pueden influir en la sensación de un sitio. Consulte el sitio web del University College London Hospital. Tomé el diseño original y creé cuatro nuevos con diferentes acentos de color (abajo).
Cada diseño tiene una sensación diferente. El negro implica profesional / legal, pero también sugiere muerte. El rojo no se ve tan mal, pero está demasiado cerca de la sangre y sugiere lesiones personales, no rehabilitación. Los dos últimos ejemplos son verde y azul. Creo que ambos podrían funcionar, pero de los dos elegiría el azul. La razón es que el verde es bastante brillante y distrae del verdadero propósito del sitio: calmarte y tranquilizarte.
Iluminando
Compare el ejemplo del hospital con sitios destinados a niños pequeños. Los niños se benefician de los colores brillantes y saturados. Estos estimulan sus mentes y captan su atención. Al usar mucho color, los mantiene interesados y los anima a explorar el diseño. En particular, una gran dosis de colores cálidos como rojos y amarillos, junto con algunos tonos más fríos de azul y verde, tiende a funcionar bien. Si elige una paleta de colores para el diseño de un niño, inspírese en sus juguetes y observe la vitalidad que elige el fabricante de juguetes: están pintados deliberadamente con colores sólidos, brillantes y simples.
El último ejemplo que daré son los sitios web de comida. Al diseñar para esta industria, debe utilizar colores que fomenten el hambre. Dado que los alimentos vienen en una variedad de colores, a menudo puede ser difícil elegir una buena paleta. En términos generales, los colores como el rojo, naranja, amarillo y verde en realidad provocan el hambre, además de proporcionar una sensación cálida y hogareña. No es casualidad que Burger King, La Tasca, Sainsbury's y Waitrose usen esos colores en sus marcas o sitios web. Sus paletas de colores están ahí para atraerte y hacerte sentir lo más hambriento posible. El azul, por otro lado, sirve para suprimir el apetito.
Con un poco de suerte, esto le ayudará a elegir sus futuras paletas de colores y habrá aprendido un poco de historia sobre la teoría del color y las asociaciones que la acompañan. Recuerde usar su poder como diseñador de manera inteligente y cuidadosa.
Estudio de caso: Twitter
Cuando se encuentre por primera vez con el sitio web de Twitter, notará que su diseño es principalmente azul. Sabemos que el azul es un color seguro para usar en la Web, por lo que no sorprende que Twitter lo use en su sitio, especialmente porque admite idiomas como inglés, francés, alemán, italiano, japonés, coreano y español. Apoyar muchos idiomas significa que su audiencia se compone de muchas culturas diferentes.
Sabemos que una de cada 12 personas es daltónica, entonces, ¿qué le sucede al sitio si lo miramos a través de sus ojos?
Si las combinaciones de contraste y color son demasiado similares, una parte de su audiencia no podrá ver el contenido. Hay muchas formas de emular los efectos del daltonismo. Un programa que me gusta usar es Color Oracle, un simulador gratuito de daltonismo para Windows, Mac y Linux creado por Bernhard Jenny y Nathaniel Vaughn Kelso.
Como diseñadores web, hemos oído hablar de la mejora progresiva, pero ¿qué pasa con la degradación elegante? La degradación elegante se produce cuando un sitio se diseña y desarrolla utilizando las últimas y mejores características disponibles, pero luego se compara con los navegadores antiguos para garantizar que cuando las nuevas características no estén presentes, el sitio siga funcionando. Esta idea se puede aplicar al uso del color. Diseñe el sitio con todo el color que necesite y luego verifique la compatibilidad con el daltonismo utilizando herramientas como Color Oracle o Photoshop.
El color no es la única herramienta en su caja de herramientas. Elija colores que enfaticen pero que permitan a los usuarios leer su contenido. Pruebe la combinación de colores con herramientas como Color Oracle y realice cambios si es necesario. Recuerde, desea que su sitio sea visible para la audiencia más amplia posible para que todos puedan disfrutar de su diseño.
Deuteranopía
Este es un tipo de daltonismo que afecta al cinco por ciento de los hombres y al 0,35 por ciento de las mujeres. Impide que los afectados vean rojo y verde.
Protanopia
Esta deficiencia en la visión del color hace que los rojos parezcan muy oscuros. Es menos común, está relacionado con el género, afecta al uno por ciento de los hombres y es hereditario.
Tritanopia
El tipo más raro de daltonismo, afecta a menos del 0,3 por ciento de hombres y mujeres. Limita su capacidad para ver un espectro de colores azul-amarillo.
Palabras: Cindy Li Imagen: Mike Chipperfield
Cindy Li es empleada de tiempo completo en Yahoo Applications. Este artículo apareció originalmente en net magazine, la revista más vendida del mundo para diseñadores y desarrolladores web.
