EL USO DE LOS COLORES EN LA WEB
Introducción:
Esta es una faceta primordial al definir las líneas maestras de
diseñodeun seb site: va a tener una influencia realmente grande en como lo
perciban los usuarios y la sensación que les quede después de la visita.Por descontado que es un tema subjetivo, ya que cada uno puede
aceptar mejor o peor determinadas combinaciones de colores. Sin embargo existen
criterios objetivos si se quiere obtener un diseño equilibrado y agradable y,
sobre todo, que ni estrese ni canse.
Según su posición relativa en el Círculo Estándar de Color, los
colores pueden ser:
Colores Análogos: Para un color dado,
sus colores análogos son aquellos que se encuentran a ambos lados del mismo en
el círculo de color.Por ejemplo los análogos del naranja serían el rojo y el
amarillo. En un sentido más específico, los análogos del rojo
"red", serían rojo violáceo "crimson" y rojo anaranjado "orangered".
Colores
Complementarios: Son aquellos que se encuentran opuestos en el círculo de
color (por ejemplo el amarillo y el violeta). Usados juntos producen un gran contraste destacando mucho uno sobre el otro. Su efecto
puede ser llamativo y hasta agresivo.
Dos colores complementarios serían por ejemplo el rojo violáceo "crimson" y el turquesa
"turquoise".
Suele funcionar muy bien usar el color
complementario del primario de una página como color
destacado. También suele ser una buena alternativa utilizar el color complementario del secundar
Colores Monocromáticos: Son aquellos que
se encuentran aislados, sin presencia de otros colores. Usados producen sensación de unidad, homogeneidad y robustez. Se puede evitar
la monotonía utilizándolos con diferente luminosidad
(más claros y más oscuros).
Colores Complementarios Adyacentes: Dado
un color, sus complementarios adyacentes son los colores
análogos de su color complementario.
Dos colores complementarios adyacentes del rojo
"red" serían por ejemplo el verde primavera
"springgreen" y el azul cielo "skyblue".
El uso de de un color y sus complementarios adyacentes aporta un
alto nivel de contraste, sin llegar al extremo cuando se usa directamente su
complementario. También suele ser mayor la sensación de armonía que usando el
complementario directo.
Colores Triada: Tres olores constituyen
una Triada cuando sus tonos son
equidistantes en el Círculo Estándar de Color.
Un ejemplo de triada lo constituirían el amarillo "yellow" junto al turquesa
"turquoise" y al violeta "violet".Utilizar un esquema de color en triada suele ser una buena
solución cuando se desea un diseño colorido, ya que la mezcla estará bien
balanceada. Si el conjunto resulta demasiado colorido para nuestras necesidades,
siempre se pueden apagar un poco los colores disminuyendo su luminosidad o su
saturación (o ambas).
Esquema Cromático Monotono: Un esquema de color monotono lo constituyen un
único tono de color junto a sus posibles variaciones en términos de tintes,
luminosidad y saturación.Suele ser una buena solución si se desea un diseño robusto y
homogéneo pero con las diferenciaciones y resaltes necesarios. En el caso
probable se sensación de monotonía, siempre es una
buena solución introducir negro y blanco.
Esquema Acromático Monotono: Un esquema de color acromático monotono es un caso particular
del esquema de color monotono constituído sólo por colores
neutros dentro de la gama del negro al
blanco.Suele ser un esquema eficaz con el que diseñar los distintos
componentes de la página web, pero con seguridad resultará aburrido. Una buena solución es introducir un color resaltado.
El Contraste entre colores:Buscandlo una definición intuitiva, podemos simplificar y decir
que el contraste entre dos colores, es la diferencia
que hay entre ambos. El contraste será mayor cuanto mayores sean las diferencias
entre ambos en términos de:
Tono
luminacia
crominacia
|
Cuando se diseña una página web el elegir el contraste entre los
colores que vamos a usar es muy importante porque va a influir directamente en
la sensación que vamos a transmitir a los visitantes.
En primer lugar será importante que exita un gran contraste entre
el testo ordinario y el "background". Sin embargo habrá que tener sumo cuidado
en no caer en estridencias que generalmente son tomadas como inmadurez o falta
de profesionalidad.
Esta misma recomendación es aplicable cuando elegimos colores
para resaltar o separar áreas de contenidos: aquí es menos necdesario y abusar
de él puede ser aún más perjudicial.En el segundo caso la gran luninosidad de ambos colores, y en
especial la del verde, hace que el contraste sea demasido grande y la
combinación resulte agresiva.
La Teoría del Color define muchos tipos de contraste y, aunque
algunos no son especialmente aplicables a páginas web, es muy interesante
conocerlos para profundizar en el conocimiento del efecto de los colores.
Contraste de Tono: Está relacionado directamente con las
distancias entre dos colores dentro del Círculo Estándar de Color descritas en
el apartado así, cuanta mayor es la distancia entre dos colores dentro del círculo, mayor es
el contraste entre ambos.
Entonces, una pareja de colores
complementarios produce el máximo contraste,
mientras que para cualquier color el que menor
contraste produce con este es su adyacente.
Es interesante el contraste ce tono entre colores fríos y
cálidos. Los colores cálidos siempre aparecen al
espectador más próximos, mientras que los colores fríos aparecen al espectador más
distantes.
En una página web será más conveniente utilizar colores fríos
para marcos, tapices o elementos secundarios y colores calientes para menús,
iconos o barras de herramientas que queramos que el usuario siempre tenga
presente.
Para la relación texto y background
normalmente no será suficiente cfontraste de tono ya
que no garantizará legibilidad suficiente. Será necesario aplicar algún tipo de
contraste adicional.
Contraste de Luminancia (o de Valor): Permite crear
grandes contrastes con el mismo tono de color sólo mediante el brillo de
luz
En general este tipo de contraste, aún siendo grande, es
agradable al ojo humano, con lo que usarlo en diseños web suele ser trabajar
sobre seguro. Como contrapartida, no arriesgar en la combinación de tonos, puede
significar apostar por un diseño convencional, poco impactante
Contraste de Saturación: El contraste de saturación con
frecuencia es el más adecuado para resaltar aspectos de la página web de una
forma moderada, poco estridente.
Un efecto interesante se obtiene utilizando áreas con diferentes
saturaciones con un fondo gris: se produce una sensación de transparencia que
puede ser muy apropiada en ciertas circunstancias
Contraste Simultáneo: Es un efecto creado por nuestro
sistema visual que, dado un color predominante, tiende a requerir su color
complementario.
Este efecto puede obtenerse combinando dos colores brillantes
pero que no sean complementarios, o, simplemente, utilizando un color brillante
sobre un background neutro (un color de la gama de los grises).
Este tipo de contraste tiene la ventaja de resaltar diferencias
entre áreas de forma impactante, pero sin la agresividad que producen los
complementarios. Sin embargo puede provocar tensión e inestabilidad y debe
utilizarse con prudencia.
Combinación de contrastes: Es lo más frecuente, sobre todo
cuando se trata de resaltar textos.
