El color es el medio esencial para tocar las emociones de los visitantes de tu sitio web pues crea una reacción física y emocional en los espectadores. Los colores son capaces de establecer el tono adecuado para llevar el mensaje a los visitantes: pueden calmar, excitar, estimular a las acciones…
El color es extremadamente poderoso. Cuando se establece un esquema de color para el diseño web es importante hacerlo correctamente, guiándose por los principios de la teoría del color y sobre todo, siguiendo los consejos profesionales.
En este artículo veremos los principios generales para combinar el color y algunos ejemplos de webs bien diseñadas que usan el color de una manera eficaz.
Teoría de color: principios generales. Aprendiendo a combinar colores
Los propietarios de las web que no conocen los principios generales del diseño eligen el color para sus webs de acuerdo a sus gustos personales, pero no todos llegan a una correcta solución. Así que si no te sientes seguro sobre que combinación de color utilizar, te recomiendo que leas estos principios básicos:
El círculo cromático
El círculo cromático es una herramienta indispensable para diseñadores y artistas. Permite seleccionar colores de forma armoniosa. Consiste en 6 colores básicos (rojo, naranja, amarillo, verde, azul y violeta) y las mezclas entre los que se sitúan más próximos dentro del círculo.
Para elegir una gama o mezcla armoniosa, hay que elegir dos colores opuestos entre sí (por ejemplo 1 y 2); y tres igualmente espaciados entre sí (p.e. 2, 3 y 4), formando un triángulo (o un cuadrado si se escogen dos pares de colores opuestos). El esquema de color armonizará cualquiera que sea el ángulo en el que establezcamos la relación.
Colores primarios
Son el rojo, el amarillo y el azul. El resto de los colores se obtienen combinando estos tres. Mezclando dos colores primarios se obtiene un color secundario.
Colores secundarios
Naranja, verde y violeta
Colores terciarios
Se obtienen mezclando un color primario con otro secundario
Colores complementarios
Son los opuestos en el círculo cromático:
- Rojo y verde
- Azul y naranja
- Violeta y amarillo
Estas combinaciones dan el contraste más fuerte. Por ejemplo, si tenemos un fondo rojo y le ponemos un texto verde, el resultado es casi cegador.
Colores análogos
Colores adyacentes en el círculo cromático. Combinan perfectamente, comunican tranquilidad. Use estos colores cuando quiera que sus usuarios se sientan cómodos viendo su página web.
El color en diferentes culturas
Cuando escojas un esquema de color para una web de ámbito internacional, tienes que tener en cuenta de que el mismo color tiene distinto significado en diferentes culturas. Esto te evitará cometer graves errores.
Por ejemplo el color rojo:
- En china es el color de las novias, significa buena suerte, celebración
- Entre los indios Cherokee , significa triunfo, éxito
- En india: pureza
- En Sudáfrica: color de luto
- En oriente alegría, lo llevan las novias combinado con blanco
- En occidente: excitación, amor, pasión, amor, bloqueo (stop)
- En EEUU: Navidad (con verde), Día de san Valentín (con blanco)
- En Japón: vida
- Entre los judíos: sacrificio, pecado
- Entre los cristianos: sacrificio, pasión, amor
- En Feng Shui: Yang, fuego, buena suerte, respeto, protección, vitalidad, dinero, reconocimiento.
El significado de los colores, un escaparate multicolor
La opinión inmediata de un visitante en una web se forma antes de ver sus estupendos productos, y se debe a que el color con el que se ha trabajado en la web actúa en el subconsciente. Si el esquema de color está bien elegido, una buena parte del trabajo está hecha.
Veamos con ejemplos los sentimientos que evoca cada color en nuestra cultura.
Rojo
Se asocia con audacia, entusiasmo y deseo. Es el color del amor, la fuerza, la potencia, la energía, el liderazgo y la emoción. Pero también tiene connotaciones negativas de peligro (alarmas, semáforos, errores etc.)
Azul
Significa paciencia, paz, tranquilidad, integridad, amor, estabilidad. Es uno de los colores más queridos, sobre todo por los hombres. Se asocia con estabilidad y profundidad,
profesionalidad, confianza y honor.
Amarillo
El color amarillo es asociado con la vivacidad. Es energético y transmite el sentimiento de felicidad. También se asocia con curiosidad, diversión, alegría, inteligencia, brillo, precaución.
Naranja
Significa alegría y creatividad. Puede ir asociado con amistad, confianza, alegría, valor, constancia.
Violeta
Tradicionalmente asociado con poder, nobleza, y riqueza. Significa sabiduría, realeza, independencia, nobleza, lujo, ambición, dignidad, magia y el misterio.
Verde
Es el color de la armonía, la naturaleza, la vida y frecuentemente se asocia con dinero.
Marrón
Es el color de la relajación y la confianza. El marrón está asociado con lo terrenal, la naturaleza, la durabilidad, lo tribal, la comodidad, la fiabilidad, etc. Puede ser percibido como sofisticado, sólido y convencional.
Gris
Transmite sensación de gravedad, conservadurismo y tradicionalismo. En sus tonalidades más claras transmite las sensaciones de pureza e inocencia. Puede estar asociado con la seguridad, la fiabilidad, la inteligencia, la modestia, la dignidad, la madurez, lo sólido y lo práctico, la vejez, la tristeza, la calidad, lo aburrido, el sentido práctico,la profesional, la durabilidad. Combina bien con colores vivos.
Rosa
Expresa ternura, romance, feminidad, verdad, pasividad, buena voluntad, salud emocional, cuidado, afecto, madurez emocional, nutrición, sabor y olor dulce, delicadeza.
Negro
Es un color elegante asociado con poder, sofisticación, formalidad… Es un excelente color para añadir algo de misterio a tu web, pero ¡cuidado!, que puede relacionarse con sensación de depresión cuando se aplica a grandes áreas. Por otra parte, un fondo negro mejora la perspectiva y la profundidad.
Blanco
El blanco está asociado con la pureza, la sencillez, la frescura, la bondad, la inocencia, la limpieza, lo fácil. Este color es ideal para usar como fondo, facilita la lectura y destaca otros colores.
Algunos consejos útiles
Como conclusión, te damos unos consejos que te ayudarán a elegir un buen esquema de color para tu web y que usan en la práctica los diseñadores.
- Buena legibilidad. Es necesario que haya contraste entre el color del texto y el de fondo
- Usa pocos colores o te arriesgas a que tu web parezca un circo
- Utiliza suficientes colores. Tu página web no debe parecer aburrida. Utiliza el color para destacar cierto tipo de información
- Emplea colores intensos para atraer la vista de los visitantes. Pero, ten cuidado: si todos los colores son intensos, el ojo será atraído en tantas direcciones que esta técnica perderá su efectividad
- Inspírate en la naturaleza, donde puedes encontrar estupendos esquemas de color
¿Nos lanzas un reto? Tus clientes esperan mucho de ti…
