Curso Diseo grfico aplicado a cursos en lnea > Diseo Grfico > Color

Diseo grfico

Color
El uso del color en los proyectos multimedia facilita la comunicacin, la relacin entre idea y niveles jerrquicos, as como el dirigir la atencin a cierta informacin. La percepcin del color es la parte ms emotiva del proceso visual, tiene una gran fuerza y puede emplearse para expresar y reforzar un mensaje; el buen uso del color es un apoyo al diseo, en nuestro caso, puede ser importante para establecer relaciones conceptuales y jerarqua entre los elementos, es decir, destacar y diferenciar elementos que tengan una particular importancia en las pginas de nuestro curso. Por esta razn es conveniente conocer ciertas reglas para utilizarlo.

Introduccin a la teora del color

Lo primero que veremos es que hay colores acromticos como son: el blanco, el negro y la gama de grises. Colores cromticos que son los que poseen matiz, como son todos los que relacionamos con el arcoiris. Para disear con color es importante conocer la relacin entre los colores pigmento: primarios y complementarios o secundarios. Los colores primarios pigmento son el rojo, el amarillo y el azul; se les llama primarios porque de la combinacin de ellos surgen los dems colores. Los colores complementarios pigmento son el verde, el naranja y el violeta; se les llama complementarios o secundarios porque surgen al combinar 2 primarios, por ejemplo, el amarillo con el rojo produce el secundario naranja, el cul al no contener azul se convierte en su complementario. La rueda de los colores, es muy til para identificar lo que se acaba de explicar, asi como tambin para identificar las combinaciones que armonizan y aquellas que deben evitarse debido al gran contraste que provocan en la vista del usuario.

Mara Antonieta Rodrguez Rivera 1

Curso Diseo grfico aplicado a cursos en lnea > Diseo Grfico > Color

En 1870 Edward Hering desarroll la teora del color oponente; es decir, los que se encuentran opuestos en la rueda de color como rojo/verde o azul/naranja; uno de los apoyos principales para sta teora es la presencia de imgenes persistentes negativas en la visin humana. Si miramos fijamente durante unos 20 segundos o ms un rea de color uniforme y despus apartamos la vista, veremos un fantasma de esa imagen pero del color opuesto (un cuadro rojo producir una imagen persistente verde, por ejemplo).

Esto es lo que se conoce como contraste complementario, es decir, la seleccin de dos colores opuestos en la rueda de color, estas combinaciones con colores complementarios no son recomendables para un monitor porque cansan la vista debido a que los colores parecen vibrar cuando estn juntos. Los colores complemetarios pueden definirse como aquellos que se encuentran a 120 (grados) uno del otro en la rueda de color. La seleccin de dos colores que se encuentran adyacentes o suplementarios crean armona. Los colores suplementarios pueden ser identificados como aquellos que se encuentran separados a 30 uno del otro. La seleccin de colores con tres colores de por medio en la rueda de color crea contraste. Para obtener combinaciones de colores que contrasten, es recomendable usar el alto contraste, esto es colores oscuros en el fondo y colores claros en primer plano o viceversa. Los seres humanos percibimos el color a travs del proceso aditivo en la luz directa (color luz) y del sustractivo en la luz reflejada (color pigmento), aunque al pensar en color se hace de manera ms subjetiva y bsicamente encontramos tres componentes en nuestra percepcin:

Mara Antonieta Rodrguez Rivera 2

Curso Diseo grfico aplicado a cursos en lnea > Diseo Grfico > Color

Matiz es el color o grado de color; a los colores se les conoce por su matiz (rojo, verde, amarillo, etc.). Brillantez es la claridad u oscuridad relativa de un color con respecto al negro. Saturacin (llamada croma) es la intensidad o cantidad de color; los colores saturados tienen una apariencia ms viva o profunda. Cuando es necesario selecionar colores en la realizacin grfica de un proyecto multimedia, en nuestro caso un curso en lnea, es importante no pensar de manera individual o arbitraria, sino que debemos enfocarnos sobre todo en el tipo de usuarios de nuestro programa, adems de tomar en cuenta los colores seguros en el web. En la bsqueda por obtener una explicacin para la armonizacin correcta de los colores, retomamos un poco la teora del color, utilizando la rueda de los colores pigmento para determinar una seleccin armnica de ellos.

Color en el monitor de computadora

Tambin es muy importante mencionar el funcionamiento del color en un monitor de computadora, as como la forma en que son creados, explicaremos las formas de sntesis de la luz. Siadi (sntesis aditiva) es el intento tecnolgico de imitar o simular la forma de trabajo del rgano de la vista. Para ello es preciso disponer de tres estmulos de color adecuados RGB, capaces de estimular el ojo para producir las correspondientes sensaciones de color. La aplicacin tecnolgica del principio de sntesis aditiva, la encontraremos en la televisin a color y en el monitor a color de una computadora. Los colores aditivos o luz primarios son: rojo, verde y azul (RGB); la combinacin de estos tres colores producen todos los colores perceptuales. Si mezclamos en cantidades iguales dos cualesquiera de los colores primarios obtendremos un color complementario, ejemplo: si mezclamos el rojo y el azul se produce magenta; rojo y verde producen amarillo y el verde con azul producen cian. Si los colores primarios se encuentran en toda su intensidad producen luz blanca y la ausencia de los mismos producen negro. La misin de un monitor consiste en reproducir las partes fsicas con que funciona el ojo humano, por ejemplo ste contiene minsculos fsforos en los colores azul, verde y rojo, que en el ojo humano son los conos, a los cuales se pone en luminicencia. La intensidad de radiacin de estos tres colores elementales son regulados de forma continua.

Color en Internet
Como ya se mencion, el funcionamiento del color en el monitor de computadora es a partir del modo de color RGB; ahora bien, para definir el color en monitor se le asigna un valor a cada color que va del 0 al 255 lo que produce la siguiente combinacin: 266x256x256= 16.777.216; aunque algunos monitores solamente reconocen 256 colores.

Mara Antonieta Rodrguez Rivera 3

Curso Diseo grfico aplicado a cursos en lnea > Diseo Grfico > Color

Para definir los colores en Internet es mediante los llamados colores hexadecimales, hoy en da los editores de HTML, as como la mayora de los programas para diseo contienen ya la paleta con los 216 colores seguros para Internet.

Psicologa del color

La utilizacin del color puede mostrar tendencias meramente personales, es decir, representaciones de tipo emocional, ya que es posible que un color produzca sensaciones diferentes en cada persona o grupo de personas, dependiendo de aspectos culturales o experiencias que estos tengan. Un artista que trabaja desarrollando su arte individual, su estilo personal puede permitirse manejar el color de manera puramente emocional; esto no sera vlido para un diseador grfico ya que su trabajo no consiste en expresar su sentir o modo de ver las cosas, sino encontrar soluciones para una comunicacin precisa segn criterios objetivos. La eleccin adecuada de los colores, puede marcar la diferencia entre un diseo ptimo que cumple con su funcin y otro que no. Existen colores que estimulan e incluso que exaltan, hay otros que enfrian, tranquilizan e incluso cansan. Los psiclogos del color hablan de colores que van de acuerdo a la personalidad, es decir, los que le van bien o prefiere una persona, porque la motivan a realizar algo. Estos estmulos de los colores tienen influencia en las personas por varios factores: sexo, edad, clima, tradicin o entorno. Este hecho ha atribudo al color efectos psicolgicos, debido a que dentro de la psicologa se estudian experiencias comnes que produce el color, como la influencia en el estado de nimo y en los sentimientos de los sujetos. Dentro de estos estudios se han establecido diferentes modalidades del color que a continuacin se mencionan. Colores que producen sensaciones trmicas Clidos: rojo, amarillo y naranja; los colores clidos son invitantes y se expanden, parecen avanzar hacia el espectador lo que implica que es mejor usarlos en primer plano. Fros: azul y verde; los colores fros se alejan y repliegan, ofrecen estabilidad lo que los hace efectivos para el fondo. Es importante aclarar que la calidez o la frialdad de un color depende de la proximidad que ste tenga al rojo o al azul respectivamente. Estados de nimo de acuerdo al color Colores tristes: neutros y obscuros (negro, azul obscuro, violeta) Colores alegres: brillantes y claros (amarillo, rojo, verde) Colores pesados: son los obscuros y saturados Colores ligeros: son los claros y diluidos

Mara Antonieta Rodrguez Rivera 4

Curso Diseo grfico aplicado a cursos en lnea > Diseo Grfico > Color

Significado de acuerdo a la experiencia Rojo: fuerza vital, sensualidad, peligro, prohibicin, excitacin, dinamismo, calor, amor. Azul: tranquilidad, reserva, limpieza, frialdad, lejana, suavidad, logro, verdad, confianza, dedicacin. Amarillo: alegra, luminosidad, actividad, estimulacin, juventud, dignidad, enfermedad, claridad, cercana, atraccin. Verde: estabilidad, vida, frescura, humedad, limpieza, equilibrio, esperanza, lealtad. Naranja: apetito, atraccin, brillantez, calor, seguridad, alegra. Violeta: frialdad, seriedad, tristeza, depresin, distincin, elegancia, pasividad, tranquilidad, verdad, penitencia, nostalgia, devocin, sublimacin. Negro: tristeza, depresin, rigidez, distincin, elegancia, desgracia, muerte, profundidad. La significacin social y cultural comn de los colores se debe tomar en cuenta por que un mensaje con color podra cambiar de significado o remitir a otra cosa dependiendo del contexto del usuario. Por otro lado segn Galvis (1992), estudios sobre la importancia del color en el aprendizaje demuestran que el color puede acelerar el proceso de aprendizaje ya que ayuda al usuario a organizar el trabajo atrayendo su atencin a lo ms importante. Adems motiva al usuario el cual prefiere aprender en color, siendo la motivacin un aspecto importante en el aprendizaje.

Uso del color

Para obtener nfasis e impacto se deben tomar en cuenta cuatro factores: Atencin: El color en algunos elementos nos ayudar a enfatizar los puntos en los que deseamos se preste ms atencin; de este modo el usuario puede visualizar rpidamente lo ms importante. Amenidad: El color puede auxiliarnos dando a las pantallas de nuestro programa vistosidad, variedad y atractivo. Claridad: El poner color en algunos elementos puede ayudar a su entendimiento. Es necesario tener cuidado al disear con color, ya que el exceso puede ser contraproducente. Retencin: El color en el aprendizaje puede ser una eficaz ayuda, sobre todo si es importante que el usuario retenga ciertos elementos que van a servir a lo largo del programa. La retencin puede ser lograda destacando algunos elementos de otros, o agregando cierto color caracterstico, distintivo del elemento. En general la utilizacin correcta del color en nuestras pantallas, aade variedad, continuidad y renueva el inters en el usuario. HP (1993).

Mara Antonieta Rodrguez Rivera 5

Curso Diseo grfico aplicado a cursos en lnea > Diseo Grfico > Color

El objetivo de una seleccin optima de colores, debe considerar sobre todo los requisitos individuales y funcionales, creando armonas equilibradas. La seleccin de los colores que son utilizados en un monitor de computadora deben, adems de lo antes mencionado, analizar los efectos que los colores tienen cuando son desplegados en el monitor, esto implica otros factores como pueden ser el efecto que produce en el ojo humano durante cierto periodo de tiempo, la distancia fsica en que ser visualizado, el tipo y calidad de monitor, as como el nmero de colores que puede desplegar.

Por qu usar patrones?

Aunque el color es una ventaja, puede no ser suficiente, por esta razn puede quedar en un segundo plano utilizando patrones. Existen tres razones por las cuales se recomienda usar patrones Por las impresoras en blanco y negro: Puede representar una variante por la que debe considerarse usar patrones antes que color. Cuando desarrollamos un programa de computadora y deseamos que el usuario pueda obtener alguna impresin de determinada pantalla o grfico, debemos considerar en el dispositivo de salida con el que se contar, sino tenemos una impresora a color , podemos recurrir a los patrones para que el usuario obtenga una clara impresin con relacin a lo que ve en la pantalla. Monitores monocromticos: El uso de patrones en el diseo de pantallas para monitores en blanco, negro y escala de grises, puede auxiliarnos para resolver sobre todo problemas de diferenciacin de los elementos de nuestras pantallas. Ceguera de los colores: Es importante considerar el uso de patrones en lugar de colores en el programa , por que existe el factor que aproximadamente el 8% de las personas pueden presentar ceguera hacia algunos colores.

Mara Antonieta Rodrguez Rivera 6

Curso Diseo grfico aplicado a cursos en lnea > Diseo Grfico > Color

Fuentes de luz
Las sombras ayudan a crear profundidad y realsmo en las imgenes. Se han popularizado las sombras proyectadas hacia abajo a lado derecho del elemento debido a que casi toda la luz que recibimos viene de arriba y el desplazamiento a la derecha atrae la vista hacia el mismo lado en que se mueven naturalmente los ojos. Las sombras pueden tener otras direcciones lo importante es establecer la direccin de la fuente de luz para no variar la sombra en los distintos elementos de la pantalla ya que esto produce una sensacin de inestabilidad y se pierde la continuidad.

Recomendaciones en el uso del color

Utilizar el color para: Visualizar rpidamente lo ms importante Atencin. Auxiliar en la variedad, vistosidad, atractivo y renovacin de inters Amenidad. Apoyar el entendimiento Claridad. Destacar elementos y hacerlos distintivos Retencin. Utilizar el color para explicar no como decoracin. Utilizar color slo para establecer normas y fijar expectativas. Colocar la informacin ms importante en los colores ms brillantes. Utilizar color para agrupar elementos o conceptos similares y establecer correlaciones. (En este caso es conveniente utilizar pocos colores). Utilizar color para diferenciar elementos. Usar preferentemente combinaciones armnicas y solamente hacer uso del contraste para: Destacar algn elemento o informacin. Favorecer la legibilidad entre los colores de las fuentes y el fondo. Apoyar el concepto visual. Utilizar colores Hexadecimales y no imgenes de color, si se trata de plastas de color para hacer ms rpido el despliegue de la pgina.

Mara Antonieta Rodrguez Rivera 7

Curso Diseo grfico aplicado a cursos en lnea > Diseo Grfico > Color

Evitar degradados de colores si no se sabe controlar fondos ni tablas; es mejor emplear colores slidos, y si se combinan no se debe exagerar en su nmero ni contrastarlos arbitrariamente. Utilizar blanco para el fondo cuando hay bloques de texto, o bien, colores claros o web por diversas razones: Favorecer la legibilidad. Limpieza y presentacin de la informacin. Ahorro de toner en caso de que el usuario quiera imprimir la pgina. En caso de utilizar fondos de color en las pginas, stos pueden provenir de la paleta web de los navegadores evitando as discrepancias tonales entre fondo e imagen. El empleo de imgenes con fondos transparentes gif agiliza la descarga de imgenes con colores slidos. Los colores de fondo que no aparezcan en la paleta web podramos sustituirlos generando un mosaico, incluso hasta de un pixel de profundidad. Los mosaicos deben generar repeticiones de un mdulo que mantenga una apariencia uniforme y discreta, no muy grandes y s coincidentes con niveles de transparencia, principalmente sin competir; ni con las imgenes en primer plano, ni con el contenido. El contraste complementario del color no mejora la legibilidad del documento, en cambio el alto contraste s, por ejemplo; texto en color oscuro sobre fondo claro. Considerar factores como el efecto que produce el color en el ojo humano durante cierto periodo de tiempo, la distancia fsica en que ser visualizado, el tipo y calidad de monitor, as como el nmero de colores que puede desplegar. Limitar el uso del color para maximizar su impacto.

Mara Antonieta Rodrguez Rivera 8