Uso de los colores en diseo web

TAMARA

MAR TE S 1 8 D E AG OSTO D E 2 0 0 9 A LAS 1 8 :4 2

En Designreviver.com han publicado un excelente artculo sobre la teora del color para diseadores web, algo que quizs no muchos tengan en cuenta, pero ha quedado demostrado que es muy importante para una buena accesibilidad por parte del usuario, entre otras variantes. Lo que sigue a continuacin no es una traduccin exacta sino una mera gua para entender los puntos que se tratan, pero que igualmente considero sern de gran ayuda a la hora de pensar en nuestros colores y cmo utilizarlos. El anlisis del color que se realiz en este artculo parte desde el punto de vista cientfico, ms que nada para crear una nueva significacin que enriquezca el conocimiento y de esa forma intentar nuevas formas de abordar el tema e incluso generar en nosotros la habilidad de percibir estas caractersticas ms fcilmente.

Se abordan siete cuestiones que deberan tenerse en cuenta para la correcta percepcin y utilizacin del color en diseo web, a saber: Impacto emocional | Enfoque del usuario | Efectividad en comunicar informacin Efecto de las combinaciones | Impacto y lmites de la variedad | Sugestin subliminal Color como factor de accesibilidad

Impacto emocional
La psicologa cree que el color hace ms que solamente impactar nuestro sistema visual. Por ejemplo, los mismos mecanismos que reciben el color, son los que a travs del hipotlamo, permiten a los pulsos llegar a la pituitaria y la glndula pineal. Se cree que algunas reacciones temporarias que afectan el estado de nimo ocurren como resultado de la exposicin a ciertos colores (rojo para estimular, azul para calmar, entre otras).

Buscar la reaccin del usuario espontneamente puede ser algo muy til. Hay evidencia fehaciente sobre la teora de la percepcin del color y los efectos potenciales que podemos lograr utilizndolos.

Enfoque del usuario

Cuando hablamos de aplicaciones, podemos controlar o guiar al usuario sobre qu camino seguir. En los sitios web, necesitamos brindar el contenido necesario para promover estadas prolongadas. Si bien no podemos controlar el foco del usuario, podemos utilizar mtodos subliminales y el color es una de las formas de hacerlo.

El ms utilizado en estos casos es la aplicacin de colores neutros o pasteles en general y colores vivos en aquellas zonas en las que deseemos que nuestros visitantes se enfoquen.

Efectividad en comunicar la informacin

Estudios recientes han demostrado que las clsicas pginas blancas con letras negras no seran el ideal para la visualizacin humana. Es mejor si el contraste se atena, utilizando por ejemplo colores pastel de fondo con textos oscuros, el tema del contraste es una de las principales razones por las que dejo de leer artculos muchas veces, es eso, o definitivamente bajarle el brillo al monitor, pero no es algo que podra denominar placentero.

Como diseadores web deberamos considerar incluir un color suave en lugar del blanco, algo que podra hacer que nuestros lectores se queden por un tiempo. As se asegurara que lo que queremos decir a travs de nuestros sitios (en especial si somos de escribir mucho) llegue como queremos y no muera en el intento.

Efectos de las combinaciones

Si pensamos en las versiones impresas, sus costos siempre implican que utilicemos menos colores. En el caso web, hay completa libertad para usar la cantidad de tonos que necesitemos, por lo que se pueden explorar combinaciones que favorezcan nuestro diseo y de esa manera agregar valor.

Para ello, es necesario contar con armonas de color, que aseguran la correcta utilizacin de las paletas de colores. As como existe una relacin entre los colores y la reaccin humana a ellos. Tambin existe una reaccin hacia las combinaciones de colores que se encuentran en armona.

Impacto y lmites de la variedad

Al elegir entre tanta variedad de colores y sus combinaciones cmo decidimos cuntos y cules son necesarios (o suficientes). En el uso del color hay un rango de colores que se podra denominar justo para aplicar en diseo, y sera, siempre utilizar entre 3 y 5 colores.

Menos de 3 har que nuestro sitio se vea monocromtico, ms de 5 lograr un nivel interesante de distraccin (que estamos intentando evitar).

Sugestin subliminal
Quizs no existan pruebas fehacientes, pero los mensajes subliminales y sus efectos continan siendo estudiados por la psicologa, y son denominados estmulos y estmulos negativos. En los estmulos generalmente se prepara al usuario a recibir determinado objeto para obtener una ventaja de la comunicacin entre uno y otro. En el caso de los estmulos negativos, se puede provocar en la persona, un retraso en identificar lo que se quiere transmitir, an cuando es obvio.

El perfecto ejemplo de esto sera ese prrafo con palabras en diferentes colores dnde encontraremos la palabra verde en color rojo, para quienes lo han intentado saben como podemos confundir nuestro cerebro a partir de esta prctica. Si bien habra que investigar sobre las implicancias ticas o legales de esta prctica, lo que se quiere explicar con esto es que es necesario dar un mensaje claro an desde los colores. Lo

ideal siempre es reducir al mnimo posible los efectos subliminales del color, si tenemos un sitio de ecologa por ejemplo lo ideal ser utilizar tonos verdes, ya que los grises o neutros podrn asociarse inconscientemente a la polucin.

Color como factor de accesibilidad

Crease o no, los colores tambin tienen una teora de accesibilidad. Si bien la web nos permite alcanzar lmites impensables hace algunas dcadas, existen millones de personas que no pueden percibir los colores en su totalidad, incluso, miles que, con problemas oftalmolgicos solo ven las cosas borrosas. Se puede alcanzar ese lmite tambin. El W3C contiene una lista de herramientas que los diseadores web pueden utilizar para optimizar la accesibilidad. Una de ellas es Access Color, que ayuda al diseador a garantizar que la eleccin de colores no afectar a aquellos con problemas en la vista, incluso la forma en la que podemos decidir sobre la separacin (en el esquema cromtico) de colores.

Para esto el W3C nos informa sobre el valor de brillo de los tres colores en esquema RGB: Rojo x 299 + Verde x 587 + Azul x 114 /1000. Con esto en mente nos indica que la visualizacin correcta de dos colores ser correcta si la diferencia entre sus brillos es mayor a 125 y la diferencia de color mayor a 500. Es un poco complejo, pero a lo que se quiere apuntar con esto es que al realizar un esquema cromtico son cosas que deberamos tener en cuenta si nuestro objetivo es llegar a todos. Si utilizan la herramienta en su sitio, se sorprendern. Siempre que encuentro este estilo de artculos en Ingls, pienso en todas aquellas personas que nos leen a las que la informacin no les llega por estar en otro idioma. Gracias a mi educacin puedo tomarme el atrevimiento de traducirlos y brindarlos tambin al pblico en Espaol (obviamente siempre citando la fuente, no?). Aparentemente hay lectores a los que les molesta que haga esto, pero son los menos. S que muchos aprecian el trabajo que lleva traducir un post, adaptarlo y generar ejemplos propios, y no solamente enviar el link para que se arreglen aquellos que no pueden leer este idioma.