Teora del Color Aplicada al Diseo Web

Universidad Tcnica del Norte Aplicaciones Informticas 1

Alumno:

Lenin Chvez.

Asignatura: Aplicaciones Informticas 1 Docente: Ing. Irving Reascos.

Martes, 08 de noviembre de 2011

1

Teora del Color Aplicada al Diseo Web

Universidad Tcnica del Norte Aplicaciones Informticas 1

Contenidos:
Resumen con respecto a colores, tonos y matices (Parte Terica).

1.1. Combinaciones de colores monocromticas. 1.2. Combinaciones de colores complementarios. 1.3. Colores clidos y colores fros. 1.4. Combinaciones de colores tradicas. 1.5. Combinaciones de colores tetrdicas.

2. Consejos de usabilidad, No me hagan pensar. 3. Colores dependiendo de las partes de una pgina. (Parte Prctica). 4. Significado de los colores aplicado al diseo web. (en qu casos aplicarlos) 4.1 Tabla de propiedades de los colores o Significado o Su uso aporta o Significado 4.2 Tabla de sensaciones:

Teora del Color Aplicada al Diseo Web

Universidad Tcnica del Norte Aplicaciones Informticas 1

1. Colores, tonos y matices

Los colores, o tonos, se han dividido tradicionalmente en colores primarios, secundarios y terciarios. Los colores primarios son el rojo, el amarillo y el azul, y se denominan primarios porque no hay que mezclar colores para conseguirlos. Si queris traducir estos colores en colores web, podis reproducirlos utilizando sus equivalentes hex (hexadecimales) #ff0000, #ffff00 y #0033cc como se muestra a continuacin:

Los colores secundarios se mezclan a partir de los colores primarios, y son los siguientes:

Rojo + amarillo = naranja (#ff9900) Amarillo + azul = verde (#00cc00) Azul + rojo = violeta (#660099)

Los colores terciarios se mezclan a partir de los colores secundarios y se encuentran entre los colores primarios y secundarios mostrados en la rueda anterior. Aunque los colores web son diferentes de los colores normales "de los pintores", puede ser til tener una rueda de colores (como la que se ve en la figura 2) y tenerla a mano mientras aprendis las diferentes combinaciones de colores. Adems, una rueda de colores os mostrar todos los colores, tonos y matices para empezar a ver las

Teora del Color Aplicada al Diseo Web

Universidad Tcnica del Norte Aplicaciones Informticas 1

posibilidades de colores de las que disponis. A continuacin, se enumeran algunos trminos importantes que hay que aprender:

Tono (tint): el color resultante cuando se aade blanco. Tonalidad (tone): el color resultante cuando se aade gris. Matiz (shade): el color resultante cuando se aade negro.

Las flechas de la figura anterior indican cosas diferentes, a saber:

Lado ms exterior: color terciario de amarillo naranja (amarillo + naranja). Segundo lado: tono de este color terciario (blanco aadido). Tercer lado: tonalidad del color (gris aadido). Lado ms interior: matiz sobre la rueda imprimida (negro aadido).

Como se puede ver en la rueda de colores anterior, la cantidad de blanco, gris y negro aadido a un color es mnima, pero suficiente para alterar el color original y crear lo que se conoce como combinacin de colores monocromtica.

Teora del Color Aplicada al Diseo Web

Universidad Tcnica del Norte Aplicaciones Informticas 1

Combinaciones de colores monocromticas

Las combinaciones de colores existen desde hace siglos, de manera que no hay que reinventar la rueda de colores. Aunque el color de la web sea diferente del color imprimido, los conceptos son los mismos. Slo es necesario cambiar los nmeros hexadecimales por nombres de colores y hacer que coincidan lo mximo posible. Una herramienta de la Red que recomendamos para esta tarea es Color Scheme Generator II, como se observa en la figura siguiente, que permite determinar las combinaciones de colores de manera rpida y sencilla, e incluso determinar si los colores que habis elegido ofrecen suficiente contraste para los usuarios con poca visin o daltnicos.

Esta es la direccin de esta aplicacin: http://colorschemedesigner.com/previous/colorscheme2/index-en.html

El trmino web-safe colours

El trmino web-safe colours ("colores seguros para la web") proviene de un tiempo en el que los monitores podan mostrar 256 colores, de los que slo 216 eran los mismos en las diferentes plataformas Windows/Mac/Unix, de aqu la expresin seguro para la web. Mientras que algunos puristas todava se cien a la "paleta de colores seguros para la web", los navegadores modernos son capaces de tratar lo que se conoce como color de "24 bits". El color de 24 bits real a entre diez y once bits por canal genera un total de 16.777.216 colores diferentes. En otras palabras, es seguro decir que la paleta de colores "seguros para la web" ya raramente es necesaria.

Teora del Color Aplicada al Diseo Web

Universidad Tcnica del Norte Aplicaciones Informticas 1

Una combinacin de colores monocromtica equivale a un color y todos sus tonos, tonalidades y matices. Aunque esta combinacin es la ms sencilla de utilizar, para muchos diseadores no aporta mucho inters al diseo de una web. En vez de eso, quiz os atraiga explorar otras combinaciones para aadir variedad a vuestros enlaces, imgenes y banners.
1.2. Combinaciones de colores complementarios

La siguiente familia de combinaciones de colores que cabe descubrir es la combinacin de complementarios, donde se emparejan los colores que se encuentran directamente opuestos entre ellos en la rueda de colores, como se puede ver en la siguiente figura.

Cuando se elige un color y su color opuesto, tambin se incluyen todos los tonos, las tonalidades y los matices de ambos colores. Ello da una gama ms amplia de opciones y se traduce bien con la herramienta de colores en lnea; podis consultar la siguiente figura.

En la figura anterior, hemos elegido un color naranja con el color complementario opuesto: el azul. La configuracin que hemos elegido para conseguir esta combinacin incluye el ajuste del Contraste en la parte inferior izquierda, el valor predeterminado en el men situado bajo el generador y visin normal. Observad que el color principal seleccionado est marcado con un punto negro en el disco interior de la rueda de colores (tanto por encima como en lnea en la web del generador) y que el color complementario opuesto que se ha elegido

Teora del Color Aplicada al Diseo Web

Universidad Tcnica del Norte Aplicaciones Informticas 1 automticamente est marcado con un crculo vaco en la anilla interior. Estas marcas facilitan que podis analizar vuestra combinacin de colores.

1.3. Colores clidos y colores fros

Las combinaciones de colores complementarios son geniales para utilizarlas en las webs porque contienen colores clidos y fros al mismo tiempo. El uso de estos colores proporciona contraste y es muy fcil recordar qu colores son clidos y qu colores son fros, como se puede ver en la figura 8 (y en la web del generador de colores):

Figura 8. Colores clidos (warm) y colores fros (cold). Los colores clidos son los colores que recuerdan el verano, el sol o el fuego. Van desde los violetas hasta los amarillos. Los colores fros pueden recordar la primavera, el hielo o el agua. Estos colores van desde el amarillo verde hasta el violeta. Si observis cmo funcionan los colores en la rueda, no tardaris en descubrir que no podis elegir un color sin elegir su opuesto en "temperatura". De manera que si elegs un rojo caliente, el opuesto es un verde fro. O, si elegs un azul verde fro, acabaris con un rojo naranja picante en el otro lado.

Teora del Color Aplicada al Diseo Web

Universidad Tcnica del Norte Aplicaciones Informticas 1

1.4. Combinaciones de colores tridicas

Una combinacin de colores tridica (podis ver la figura 10) se crea eligiendo un color y despus eligiendo dos colores ms equidistantes entre ellos en torno al crculo, as:

Figura 10. Una combinacin de colores tridica Hemos elegido los colores primarios para esta combinacin porque queramos que se viera cmo las combinaciones de colores parecen dar un orden al caos. No es casualidad que los colores primarios estn donde estn en la rueda de colores, ya que cada color contiene una cantidad igual de colores secundarios y terciarios entre cada primario. Pero una combinacin de colores tridica puede parecer muy vista porque ya se ha utilizado en exceso. En vez de esto, podis elegir algunas otras opciones de colores en el generador de colores en lnea; algo parecido a la figura 11:

Teora del Color Aplicada al Diseo Web

Universidad Tcnica del Norte Aplicaciones Informticas 1

Figura 11. Una combinacin de colores tridica alternativa

1.5 Combinaciones de colores tetrdicas

Cuantos ms colores elijis, ms complicada ser la combinacin de colores. No obstante, un truco es encontrar un tono, tonalidad o matiz y limitarse a estas zonas del tablero en vez de mezclar colores puros y sus tonos, tonalidades y matices. Este mtodo funciona bien con una combinacin de colores como la combinacin tetrdica de cuatro colores. Esta combinacin (podis ver la figura 13) es casi igual que la combinacin complementaria, con la diferencia de que se utilizan dos complementarios equidistantes.

Figura 13. Combinaciones de colores tetrdicas. En la figura 14 se muestra cmo funciona una combinacin tetrdica en lnea:

Figura 14. Una combinacin de colores tetrdica en el generador en lnea Fijaos en el punto negro bajo el rojo en la rueda de colores, a la izquierda. ste es el primer color que hemos seleccionado; despus, hemos pinchado en el botn Tetrad debajo de la rueda. Los cuatro colores que han aparecido esta vez tambin eran un poco diferentes de la rueda de colores que tenamos en la mano, pero cuando hemos colocado la herramienta Angle/Distance debajo de la rueda de colores hasta "max", ha

Teora del Color Aplicada al Diseo Web

Universidad Tcnica del Norte Aplicaciones Informticas 1

coincidido mucho con la rueda de colores que tenamos en la mano. Los resultados mostrados anteriormente son los que ms se acercaban a la rueda de colores. Esta combinacin de colores puede complicarse bastante, de manera que lo que podrais hacer, llegados a este punto, es elegir los cuatro tonos, tonalidades o matices de los colores de la columna de la derecha. Podis elegir vuestras opciones pinchando en las flechas del extremo derecho. Por ejemplo, la figura 15 muestra un ejemplo de bloque rellenado con los tonos de esta combinacin de colores:

Figura 15. Tonos tetrdicas.

10

Teora del Color Aplicada al Diseo Web

Universidad Tcnica del Norte Aplicaciones Informticas 1

2. Resumen Consejos de Usabilidad, No me hagan pensar.

1-HCERLO TODO MS SIMPLE. El poder de un buen diseo esta en su simplicidad. Defina la esencia. 2-HAGALO TODO MAS SIMPLE: PARTE 2! Cuando su diseo final parece ser demasiado simple para la cantidad de tiempo que le dedic, su trabajo ya est listo. 2-SALGA DE SU MUNDO INTERIOR: COMUNIQUESE Aprenda a comunicarse y colaborar con todos los miembros de las profesiones web claves: programacin, marketing, comerciales. 3-MENOS GLAMOUR Y MAS ORDEN No se vea seducido por la forma en detrimento del contenido. Un diseo web comprometido con el contenido contribuye en mayor medida que uno que hace prevalecer las formas. 4-DISEE PARA CONEXIONES VIA MODEM! La consideracin esttica ms importante a tener en cuenta es LA VELOCIDAD DE TRANSMISION. Si su trabajo tarda demasiado en bajar, deje todo de lado y vuelva al papel y al lpiz 5-TEXTOS. ABURRIDOS? Cuando le toque diagramar textos, PRIMERO LEALOS. Piense en cmo alguien, con menos inters que el suyo, podra echarles un vistazo. Otra cosa que es de gran ayuda es el ancho de los textos. A menudo se ven por ah webs con sus textos corriendo de punta a punta de la pgina. Cmo se puede leer eso? Mejor trate de que sus textos se mantengan en un ancho de 400 pixeles, o, al menos, un tercio de su pantalla.

6-MAS COLOR Y GRAFICOS, MENOS IMAGENES Y EFECTOS El arte lineal, las formas vectoriales y el color plano se lleva de maravillas con la web. Para ser ms claros, si sus diseos usan mas Freehand que Photoshop, es seguro de que su pgina cargara mucho ms rpido. 7-GRAFICOS Y TEXTOS: NO! Nunca, jams, inserte texto en un grafico. El texto es texto. Los grficos son grficos. No los confunda. 8-ATRAIGA

11

Teora del Color Aplicada al Diseo Web

Universidad Tcnica del Norte Aplicaciones Informticas 1
Con las fluctuaciones en las conexiones a la web, su carcter de "lenta" y dems afectaciones, usted tiene 3 SEGUNDOS para convencer a un usuario de no usar el botn ATRAS del navegador. TRES SEGUNDOS. Entonces, ponga todos sus esfuerzos para que aquello que desea mostrar en una pgina web aparezca inmediatamente, y de forma interesante. 9-ATRAIGA-SIMPLIFIQUE-VAYA A LO QUE IMPORTA Tiene 30 segundos para cargar TODA una pgina en el navegador del usuario. Quizs menos, 15 segs. SEA RAPIDO 10-ENFOQUESE EN LO QUE INTERESA A los usuarios no les interesa en absoluto como funciona y se navega dentro de su sitio web, solo llegaron all por el contenido. DESELOS en forma rpida y simple.

11-INFORMESE-APRENDA Mantngase al tanto de las nuevas tecnologas. La web jams se queda quieta, as que dedique su tiempo libre a aquello que es nuevo. Ya ha pasado el tiempo en que el pez ms grande se coma al ms pequeo, ahora es el mas RAPIDO el que se come al MAS LENTO. 12-DEFINA SU PROBLEMA El diseo trata sobre la resolucin de problemas, sobre enfrentar una cuestin de comunicacin con un objetivo. Defina cual es el suyo y ya tendr la mitad del problema resuelto. 13-APRENDASE LOS PRINCIPIOS DE NAVEGACION a-La gente odia esperar b-La gente odia hacer scroll c-La gente odia leer d-La gente prefiere hacer scroll antes que esperar e-La gente prefiere esperar a leer. f-La gente no es necesariamente racional o coherente, pero a veces si. 14-BUSQUE INSPIRACION Hable con gente que est fuera de su campo de accin. Los arquitectos, por ejemplo, pueden darle una perspectiva completamente nueva del diseo web, quiz pueden cambiar su forma de imaginar cmo se conceptualiza un sitio, transformando las pginas web en "espacios web" 15-ESCUCHE MUSICA Si, cuando la msica acompaa a su trabajo este se hace ms placentero y llevadero. Incluso llega a generar ms inspiracin.

12

Teora del Color Aplicada al Diseo Web

Universidad Tcnica del Norte Aplicaciones Informticas 1

3. Colores dependiendo de las partes de una pgina. (Parte Prctica).

Los colores dominantes en ella deben permitir una lectura de contenidos clara y amena, as como una perfecta visualizacin de sus elementos grficos. Para ello, deberemos usar un color para el texto que contraste adecuadamente sobre el del fondo de la pgina. Buenos contrastes se obtienen: - Con fondos claros y textos oscuros, o al revs.

Con fondos fros y textos clidos, o al revs, siempre que no sean anlogos.

Los enlaces que figuren en esta seccin deben ser claramente diferenciados por el usuario, sobre todo si la pgina va dirigida a un pblico muy general. Si no usamos los colores de enlace estndares (azules vivos con texto subrayado), s que deberemos usar un color que destaque claramente del texto informativo y del fondo.

13

Teora del Color Aplicada al Diseo Web

Universidad Tcnica del Norte Aplicaciones Informticas 1

El dintel se localiza por costumbre en la parte superior de la pgina, y en l suele (y casi debe) figurar el logotipo de nuestra pgina, asociacin o empresa. Es importante la presencia de un logotipo, ya que crea un signo de continuidad y de identidad en nuestras pginas, mostrando a los visitantes rpidamente dnde se encuentran. El color de este debe ser tal que destaque claramente sobre el fondo.

El men de navegacin es tal vez el elemento ms interactivo de una pgina, facilitando al visitante una rpida navegacin por todo el contenido del sitio web. Sus enlaces deben aunar el ser

14

Teora del Color Aplicada al Diseo Web

Universidad Tcnica del Norte Aplicaciones Informticas 1

fcilmente visibles con el no ser demasiado impactantes, ya que no deben quitarle importancia ni al cabecero ni al texto del cuerpo.

Una buena solucin es el uso de textos o imgenes que inicialmente no destacan demasiado sobre el fondo, pero que al situar el cursor sobre ellas se iluminan o cambian de color, producindose un efecto positivo con ello.

Por ltimo, el pie de pgina es el elemento menos importante de la pgina, de tal forma que muchos autores ni siquiera lo consideran. Caso de usarse, no conviene que su color cambie respecto al del fondo del cuerpo, y si lo hace debe ser muy ligeramente, ya que si no podemos distraer la atencin del usuario y crear un cuerpo de pgina encajonado.

En el pie de pgina se suelen colocar enlaces de tipo terciario, enlaces de correo o accesos a servicios secundarios que proporcione nuestro sitio web.

15

Teora del Color Aplicada al Diseo Web

Universidad Tcnica del Norte Aplicaciones Informticas 1

4. Significado de los colores aplicado al diseo web.

Blanco:

El blanco se asocia a la luz, la bondad, la inocencia, la pureza y la virginidad. Se le considera el color de la perfeccin. El blanco significa seguridad, pureza y limpieza. A diferencia del negro, el blanco por lo general tiene una connotacin positiva. Puede representar un inicio afortunado. En herldica, el blanco representa fe y pureza. En publicidad, al blanco se le asocia con la frescura y la limpieza porque es el color de nieve. En la promocin de productos de alta tecnologa, el blanco puede utilizarse para comunicar simplicidad. Es un color apropiado para organizaciones caritativas. Por asociacin indirecta, a los ngeles se les suele representar como imagenes vestidas con ropas blancas. El blanco se le asocia con hospitales, mdicos y esterilidad. Puede usarse por tanto para sugerir para anunciar productos mdicos o que estn directamente relacionados con la salud. Es un color apropiado para organizaciones caritativas. Por asociacin indirecta, a los ngeles se les suele representar como imagenes vestidas con ropas blancas. A menudo se asocia a con la prdida de peso, productos bajos en caloras y los productos lcteos.

Amarillo:

El amarillo simboliza la luz del sol. Representa la alegra, la felicidad, la inteligencia y la energa. El amarillo sugiere el efecto de entrar en calor, provoca alegra, estimula la actividad mental y genera energa muscular. Con frecuencia se le asocia a la comida. El amarillo puro y brillante es un reclamo de atencin, por lo que es frecuente que los taxis sean de este color en algunas ciudades. En exceso, puede tener un efecto perturbador, inquietante. Es conocido que los bebs lloran ms en habitaciones amarillas.

16

Teora del Color Aplicada al Diseo Web

Universidad Tcnica del Norte Aplicaciones Informticas 1

En exceso, puede tener un efecto perturbador, inquietante. Es conocido que los bebs lloran ms en habitaciones amarillas. Cuando se sitan varios colores en contraposicin al negro, el amarillo es en el que primero se fija la atencin. Por eso, la combinacin amarillo y negro es usada para resaltar avisos o reclamos de atencin. En herldica el amarillo representa honor y lealtad. En los ltimos tiempos al amarillo tambin se le asocia con la cobarda. Es recomendable utilizar amarillo para provocar sensaciones agradables, alegres. Es muy adeecuado para promocionar productos para los nios y para el ocio. Por su eficacia para atraer la atencin, es muy tili para destacar los aspectos ms importantes de una pgina web. Los hombres normalmente encuentran el amarillo como muy desenfadado, por lo que no es muy recomendable para promocionar productos caros, prestigiosos o especficos para hombres. Ningn hombre de negocios comprara un reloj caro con correa amarilla. El amarillo es un color espontneo, variable, por lo que no es adecuado para sugerir seguridad o estabilidad.

Naranja:

El naranja combina la energa del rojo con la felicidad del amarillo. Se le asocia a la alrgra, el sol brillante y el trpico. Representa el entusiasmo, la felicidad, la atraccin, la creatividad, la determinacin, el xito, el nimo y el estmulo. Es un color muy caliente, por lo que produce sensacin de calor. Sin embargo, el naranja no es un color agresivo como el rojo. La visin del color naranja produce la sensacin de mayor aporte de oxgeno al cerebro, produciendo un efecto vigorizante y de estimulacin de la actividad mental. Es un color que encaja muy bien con la gente joven, por lo que es muy recomendable para comunicar con ellos. Color ctrico, se asocia a la alimentacin sana y al estmulo del apetito. Es muy decuado para promocionar productos alimenticios y juguetes Es el color de la cada de la hoja y de la cosecha. En herldica el naranja representa la fortaleza y la resistencia. El color naranja tiene una visibilidad muy alta, por lo que es muy til para captar atencin y subrayar los aspectos ms destacables de una pgina web. El naranja combina la energa del rojo con la felicidad del amarillo. Se le asocia a la alrgra, el sol brillante y el trpico. o El naranja oscuro puede sugerir engao y desconfianza. o El naranja rojizo evoca deseo, pasin sexual , placer, dominio, deseo de accin y agresividad o El dorado produce sensacin de prestigio. El dorado significa sabidura, claridad de ideas, y riqueza. Con frecuencia el dorado representa alta calidad.

17

Teora del Color Aplicada al Diseo Web

Universidad Tcnica del Norte Aplicaciones Informticas 1

Rojo:

El color rojo es el del fuego y el de la sangre, por lo que se le asocia al peligro, la guerra, la energa, la fortaleza, la determinacin, as como a la pasin, al deseo y al amor. Es un color muy intenso a nivel emocional. Mejora el metabolismo humano, aumenta el ritmo respiratorio y eleva la presin sangunea. Tiene una visibilidad muy alta, por lo que se suele utilizar en avisos importantes, prohibiciones y llamadas de precaucin. Trae el texto o las imagenes con este color a primer plano resaltndolas sobre el resto de colores. Es muy recomendable para connminar a las personas a tomar decisiones rpidas durante su estancia en un sitio web. En publicidad se utiliza el rojo para provocar sentimientos erticos. Smbolos como labios o uas rojos, zapatos, vestidos, etc., son arquetipos en la comunicacin visual sugerente. El rojo es el color para indicar peligro por antonomasia. Como est muy relacionado con la energa, es muy adecuado para anunciar coches motos, bebidas energticas, juegos, deportes y actividades de riesgo. En herldica el rojo simboliza valor y coraje. Es un color muy utilizado en las banderas de muchos pases El color naranja tiene una visibilidad muy alta, por lo que es muy til para captar atencin y subrayar los aspectos ms destacables de una pgina web. El naranja combina la energa del rojo con la felicidad del amarillo. Se le asocia a la alrgra, el sol brillante y el trpico. o El rojo claro simboliza alegra, sensualidad, pasin, amor y sensibilidad. o El rosa evoca romance, amor y amistad. Representa cualidades femeninas y pasividad. o El rojo oscuro evoca energa, vigor, furia, fuerza de voluntad, clera, ira, malicia, valor, capacidad de liderazgo. En otro sentido, tambin representa aoranza. o El marrn evoca estabilidad y representa cualidades masculinas. o El marrn rojizo se asocia a la cada de la hoja y a la cosecha.

Prpura:

El prpura aporta la estabilidad del azul y la energa del rojo. Se asocia a la realeza y simboliza poder, nobleza, lujo y ambicin. Sugiere riqueza y extravagancia. El color prpura tambin est asociado con la sabidura, la creatividad, la independencia, la dignidad.

18

Teora del Color Aplicada al Diseo Web

Universidad Tcnica del Norte Aplicaciones Informticas 1

Hay encuestas que indican que es el color preferido del 75% de los nios antes de la adolescencia. El prpura representa la magia y el misterio. Debido a que es un color muy poco frecuente en la naturaleza, hay quien opina que es un color artificial. El prpura brillante es un color ideal para diseos drigidos a la mujer. Tambin es muy adecuado para promocionar artculos dirigidos a los nios. o El prpura claro produce sentimientos nostlgicos y romnticos. o El prpura oscuro evoca melancola y tristeza. Puede producir sensacin de frustracin.
o

Azul:

El azul es el color del cielo y del mar, por lo que se suele asociar con la estabilidad y la profundidad. Representa la lealtad, la confianza, la sabidura, la inteligencia, la fe, la verdad y el cielo eterno. Se le considera un color beneficioso tanto para el cuerpo como para la mente. Retarda el metabolismo y produce un efecto relajante. Es un color fuertemente ligado a la tranquilidad y la calma. En herldica el azul simboliza la sinceridad y la piedad. Es muy adecuado para presentar productos relacionados con la limpieza (personal, hogar o industrial), y todo aquello relacionado directamente con: o El cielo (lneas areas, aeropuertos) o El aire (acondicionadores paracaidismo) o El mar (cruceros, vacaciones y deportes martimos) o El agua (agua mineral, parques acuticos, balnearios) Es adecuado para promocionar productos de alta tecnologa o de alta precisin. Al contrario de los colores emocionalmente calientes como rojo, naranja y amarillo, el azul es un color fro ligado a la inteligencia y la consciencia. El azul es un color tpicamente masculino, muy bien aceptado por los hombres, por lo que en general ser un buen color para asociar a productos para estos. Sin embargo se debe evitar para productos alimenticios y relacionados con la cocina en general, porque es un supresor del apetito. Cuando se usa junto a colores clidos (amarillo, naranja), la mezcla suele ser llamativa. Puede ser recomendable para producir impacto, alteracin. o El azul claro se asocia a la salud, la curacin, el entendimiento, la suavidad y la tranquilidad. o El azul oscuro representa el conocimeinto, l integridad, la seriedad y el poder.

19

Teora del Color Aplicada al Diseo Web

Universidad Tcnica del Norte Aplicaciones Informticas 1

Verde:

El verde es el color de la naturaleza por excelencia. Representa armona, crecimiento, exuberancia, fertilidad y frescura. Tiene una fuerte relacin a nivel emocional con la seguridad. Por eso en contraposicin al rojo (connotacin de peligro), se utiliza en el sentido de "va libre" en sealizacin. El verde oscuro tiene tambin una correspondencia social con el dinero. El color verde tiene un gran poder de curacin. Es el color ms relajante para el ojo humano y puede ayudar a mejorar la vista. El verde sugiere estabilidad y resistencia. En ocasiones se asiocia tambin a la falta de experiencia: "est muy verde" para describir a un novato, se utiliza en varios idiomas, no slo en espaol. En herldica el verde representa el crecimiento y la esperanza. Es recomendable utilizar el verde asociado a productos mdicos o medicinas. Por su asociacin a la naturaleza es ideal para promocionar productos de jardinera, turismo rural, actividades al aire libre o productos ecolgicos. El verde apagado y oscuro, por su asociacin al dinero, es ideal para promocionar productos financieros, banca y economa.: o El verde "Agua" se asocia con la proteccin y la curacin emocional. o El verde amarillento se asocia con la enfermedad, la discordia, la cobarda y la envidia. o El verde oscuro se relaciona con la ambicin, la codicia, la avaricia y la envidia. o El verde oliva es el color de la paz.

Negro:

El negro representa el poder, la elegancia, la formalidad, la muerte y el misterio. Es el color ms enigmtico y se asocia al miedo y a lo desconocido ("el futuro se presenta muy negro", "agujeros negros"...). El negro representa tambin autoridad, fortaleza, intransigencia. Tambin se asocia al prestigio y la seriedad. En herldica el negro representa el dolor y la pena. En una pgina web puede dar imgen de elegancia, y aumenta la sensacin de profundidad y perspectiva. Sin embargo, no es recomendable utilizarlo como fondo ya que disminuye la legibilidad. Es conocido el efecto de hacer ms delgado a las personas cuando visten ropa negra. Por la misma razn puede ayudar a disminuir el efecto de

20

Teora del Color Aplicada al Diseo Web

Universidad Tcnica del Norte Aplicaciones Informticas 1

abigarramiento de areas de contenido, utilizado debidamente como fondo. Es tpico su uso en museos, galeras o colecciones de fotos on-line, debido a que hace resaltar mucho el resto de colores. Contrasta muy bien con colores brillantes. Combinado con colores vivos y poderosos como el naranja o el rojo, produce un efecto agresivo y vigoroso.

5.1 Tabla de propiedades de los colores:

5.2 Tabla de sensaciones:

21

Teora del Color Aplicada al Diseo Web

Universidad Tcnica del Norte Aplicaciones Informticas 1

22

Teora del Color Aplicada al Diseo Web

Universidad Tcnica del Norte Aplicaciones Informticas 1

Bibliografa: http://www.desarrolloweb.com/articulos/1572.php
www.intercambiosvirtuales.org/.../no-me-hagas-pensar-steve-krug-2d www.es.wikipedia.org/wiki/Colores_HTML

23