Teoria Del Color y Su Aplicacion en Diseno Web
Teoria Del Color y Su Aplicacion en Diseno Web
Teoria Del Color y Su Aplicacion en Diseno Web
diseño web
Dicen que la primera impresión lo es todo. Cómo te ves y cómo te muestras
determinará cómo te perciben los demás. Lo mismo es aplicable al diseño
web de nuestro sitio. La impresión que generemos en nuestros usuarios
dependerá de muchos factores, y uno de los más importantes es el color.
Averiguar qué colores funcionan bien con los demás no es sólo una cuestión de
suerte. En realidad, existen muchos estudios sobre los efectos que provocan
los colores en las personas.
Colores primarios
Los colores primarios son aquellos que no se pueden obtener de la mezcla de
ningún otro. Son los colores básicos que mezclados darán lugar al resto de
colores de la gama cromática. 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).
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. La combinación de estos
colores en diseño web generan una gran variedad de contrastes.
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.
Asi que, ahora que ya conoces cómo se crean los colores, podrás entender
mejor cómo trabajan las combinaciones de colores en el modelo de rueda de
colores.
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, etc. Las combinaciones de colores
complementarios crean un gran contraste entre sí al usarlos a la vez.
Colores análogos
Los colores análogos son colores que están uno justo al lado del otro en la
rueda de color. Es buena idea elegir un conjunto de colores análogos para
crear una sensación de variedad en el diseño de tu página web. 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.
Tríadas de colores
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. En el ejemplo de arriba, el cian, el
naranja y el morado crean un bonito contraste balanceado entre ellos.
Complementarios divididos
Cuadrado de colores
Aclarados y oscurecidos
Colores cálidos
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. El morado está asociada con la
realeza, ya que socialmente se supone que está reservado a ellos.
Rojo
El rojo es el color del amor y la pasión. Las cajas de bombones son de color
rojo en el día de San Valentín. Algunas son de color rosa, que es un aclarado
del color rojo. El rojo es también el color de la ira y de la sangre. Los colores
rojo, naranja y amarillo se encuentran todos ellos en el fuego. Rojo también
puede significar peligro. Las señales de detención son de color rojo, y reciben
toda nuestra atención pues nos dicen que debemos tener cuidado y mirar antes
de continuar. El rojo es dominante, y cuando se combina con colores como el
negro, puede crear un look muy masculino. Botones y enlaces en rojo pueden
ayudarte a generar un mensaje de seriedad en el diseño de un sitio web.
Aunque su uso excesivo puede resultar agresivo.
Naranja
El naranja representa el calor, pero no es tan agresivo como el rojo. El naranja
puede retratar un ambiente divertido porque es enérgico y crea una sensación
de calor sin connotaciones de peligro y de sangre, como ocurre con el color
rojo. El naranja puede estar asociada con la salud, como por ejemplo la
vitamina C, que se encuentra comúnmente en las naranjas.
Amarillo
Verde
Blanco
Es el color universal utilizado en artes gráficas. Está dentro de la gama de
los grises y representa la paz, la pureza, la felicidad, etc. Su principal fortaleza
es que potencia los colores que lo acompañan. El blanco puede también estar
asociado con higiene y esterilidad, debido a que los médicos visten de blanco y
la mayoría de los hospitales utilizan el blanco en sus ropas y camas. La
mayoría de las representaciones artísticas de figuras religiosas son muy claras
y blancas, representando la “bondad” y la santidad. También el blanco puede
representar limpieza, como en el caso de la ropa limpia. Y puede representar
suavidad por su analogíca con el algodón y las nubes.
Negro
El negro se encuentra en el extremo opuesto de la tonalidad de grises.
Simboliza el silencio, y el misterio. Es un color que sirve para otorgar elegancia
y distinción. También se asocia con la muerte, especialmente en los paises
occidentales. Mucha cantidad de negro en una imagen puede sugerir depresión
y desesperación, así como soledad. Sin embargo, a pesar de todas las
connotaciones negativas, cuando se combina con otros colores, como el oro,
puede representar lujo. Combinado con plata o gris, puede representar
sofisticación, como por ejemplo el sitio web de relojes que te mostramos a
continuación.
Conclusiones
Es esencial entender la influencia del color en el diseño de una página
web. Hay que tener muy encuenta lo que nos transmiten los colores y poner
mucha atención a la hora de seleccionarlos. Las opciones de color que elijas
pueden generar diversas sensaciones y estados de ánimo entre tus visitantes.
Una combinación adecuada puede llamar la atención del usuario y transmitir
visualmente el mensaje correcto. Tener en cuenta la influencia emocional de
los colores en tu sitio web, puede ser muy beneficioso para ti, asi que si no lo
estás teniendo en cuenta, deberías comenzar ahora mismo. Obtendrás mejores
resultados con tus usuarios, y tu mensaje se transmitirá con mayor claridad y
fuerza. El color consigue tanta conexión con las personals como lo hacen las
propias imágenes.