Colores en la Web
Aunque la aceptación y el agrado por determinado tipo de colores es subjetivo, existen algunos criterios que pueden de manera objetiva guiarnos hacia un diseño equilibrado. es importante tener en cuenta tambien que algunas personas pueden tener disapacidades visuales, lo cual amaerita un analisis de color tambien.
>>> Cantidad de colores <<<
Hay que cuidarse de utilizar muchos colores sobretodo si estos son muy contrastantes entre si. La cantidad de colores puede variar mientras se utilice la combinación adecuada. Entre menos colores se usen, el riesgo de congestionar al usuario visualmente es menor.
se sugiere utilizar un minimo de tres colores, para evitar el cansancio pero tambien para no volver aburrida la pagina. Estos tres colores funcionarian de la sguiente manera:
Color principal: Es como el backgroud. es el tono que define la pagina y ocupa gran parte de ella
Color secundario: Es el tono predominante, utilizado para enmarcar las diferentes areas. Este color debe ser proximo al tono principal
Color Destacado: Este tono se utiliza para resaltar puntos concretos e importantes de la pagina. Este color debe contrastar con los otros dos tonos. Hay que ser cuidadosos con la escogencia de este color, pueden utilizarse el complementario o el complemenario del color principal.
>>Relacion de colores <<
-
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".
Usados juntos producen sensación de armonía. Suele ser una buena idea usar colores complementarios como primario y secundario de una página web.
-
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 comocolor destacado. También suele ser una buena alternativa utilizar el color complementario del secundario.
-
Colores Monocromáticos: Son aquellos que se encuentran aislados, sin presencia de otros colores. Usados producensensació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 elazul 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.
>>>Contraste entre Colores<<<
es la diferencia que hay dos colores. El contraste será mayor cuanto mayores sean las diferencias entre ambos en términos de:
-
Tono
-
Luminancia
-
Crominancia
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.
Si en nuestras páginas utilizamos por ejemplo un marco del área de trabajo gris y queremos utilizar un verde para áreas resaltadas, no es lo mismo elegir la combinación:
Que elegir esta otra:
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.
![[WWW]](http://wikispot.org/wiki/eggheadbeta/img/sycamore-www.png){kind=small}
Ver mas acerca de esto
