el color en la web

7/25/2019 El color en la web

http://slidepdf.com/reader/full/el-color-en-la-web 1/30

EL COLOR EN LAWEB

Unidad Nº 4



Importancia

En los 9 primeros segundos en los que una

persona contempla nuestra página se

determina si se queda o la cierra.

Para captar su atención contamos comoherramienta con el COLO! entre otras

cosas.

El color puede trasmitir emociones e ideas.



Limitaciones

La "orma en que los distintos na#egadores

interpretan el color a #eces es mu$ di"erente

Los distintos sistemas operati#os in"lu$en

tam%i&n en como se interpreta

Las tar'etas grá"icas permiten utili(ar distintas

cantidades de %its para generar un color! lo

que limita la cantidad de colores #isuali(a%les



Como se trabaja

El ).O. identi"ica * colores %ásicos+ o'o!

,erde $ -(ul /01

- partir de ellos constru$e los demás

me(clando pi2eles

La cantidad de %its con los que se pueda

tra%a'ar determinarán la com%inación de

colores que podemos generar a partir de losmencionados



Manejo de Bits

Con 3 %its /eneramos 56 colores

Con 76 %its 65.5*6 Colores

Con 4 %its más de 76 millones

Con * %its No se consiguen más

colores! pero si que se muestren más rápido



Limite porcompatibilidad )i tra%a'áramos con 76 o 4 %its! podr8amos

tener millones de com%inaciones de colores!

pero qui(ás no todos los usuarios los #er8an.

ealmente solo podr8amos colores quetodos puedan #er! lo que se llama Paleta

eall$)a"e

En la realidad nadie se limita a las paletas de

colores seguros

#FFFFFF #FFFF66 #FFFF33 #FFFF00 #CCFF66 #66FFFF #66FF33 #66FF00 #33FFFF #33FFCC #33FF66

#33FF33 #00FFFF #00FFCC #00FF66 #00FF00 #FF00FF #FF0033 #FF0000 #0000FF #000033 #000000



Tipos de Color



Tipos de Color

)ustracti#o+ "orma en que son perci%idos por

el o'o humano al re"le'arse la lu( so%re un

o%'eto! a%sor%iendo longitudes de onda de la

misma Los colores primarios son+ amarillo! el

magenta $ el c$an

-l me(clar los colores primarios da comoresultado un marrón sucio



Tipos de Color II

-diti#o+ se perci%en como longitudes de onda

de la lu( que pasan directamente a nuestros

o'os! sin ser re"le'adas pre#iamente por ningn

cuerpo lu( perci%ida de un "oco! monitor! etc1 Los colores primarios son+ ro'o! el #erde $ el

a(ul

La me(cla de los colores produce %lanco $ laausencia de ellos produce negro



Tipos de Color III

La me(cla de los colores primarios -diti#os

origina los secundarios siguientes



Tipos de Color IV

La me(cla de los secundarios genera

los terciarios



Otra Clasifcación de Tipos de color

Cálidos+ dan sensación de acti#idad! alegr8a!

dinamismo! pro2imidad! con"ian(a $ amistad+

)on el amarillo! ro'o! naran'a $ el prpura en

menor medida. :r8os+ dan sensación de tranquilidad! de

seriedad! de distanciamiento. )on el a(ul! #erde!

a(ul #erdoso! #ioleta! cian! aqua! $ a #eces el

celeste. Un color a(ul acuoso es per"ecto para

representar super"icies metálicas. ,erdes

oscuros saturados e2presan pro"undidad.



Otra Clasifcación de Tipos de color II



Técnicas decombinación



Buenas Combinaciones

colores complementarios: colores que se

encuentran sim&tricos respecto al centro de la

rueda. El ;ati( #ar8a en 73< º entre uno $ otro.



Buenas Combinaciones II

colores complementarios cercanos:

tomando como %ase un color en la

rueda $ despu&s otros dos que

equidisten del complementario delprimero



Buenas CombinacionesIII do%les complementarios+ dos pare'as de

colores complementarios entre s8.



Buenas CombinacionesIV =riádica complementaria: tres colores

equidistantes tanto del centro de la

rueda! como entre s8! es decir! "ormando

7<º uno del otro.



Buenas CombinacionesV =etrádica: )e eligen 4 colores! tomando de a

dos complementarios! equidistantes entre

si.



Buenas CombinacionesVI Colores -nálogos: Para un determinado color! sus

colores análogos son aquellos que se encuentran a

am%os lados del mismo en el c8rculo de color.

Usados 'untos producen sensación de armon8a.



Buenas CombinacionesVII

Colores Complementarios -d$acentes: Para un color!

sus complementarios ad$acentes son los colores

análogos de su color complementario.

Usar un color $ sus comp. ad$acentes aporta un alto

ni#el de contraste! sin llegar al e2tremo cuando se usa

su complementario. Es más armónico.



PROPIEDADESDE LOS COLORES



Psicología del Color



El color las emociones

Rojo: entusiasmo! pasión! alarma! agitación!

"uer(a! se2o! peligro! calor! "uego! sangre!

carácter %elicoso! intensidad.

-sociado con los sentimientos en&rgicos $ con lae2citación apasionada o erótica! $ asociado a la

ira! al en"ado.

Puede ser usado para llamar la atención! para

incitar una acción o para marcar los elementosmás importantes de la página! pero cuando es

usado en gran cantidad cansa la #ista en e2ceso.



El color las emocionesII amarillo: entusiasmo! pasión! "uer(a! se2o! peligro! calor!

prima#era! inocencia! in"ancia! alegr8a. Es un color optimista!

moderno.

)i es mu$ %rillante puede indicar peligro! $ si es mu$ sua#e

puede sugerir delicade(a. Un entorno amarillo medio o pálido hace a la gente sentirse

cómoda! caliente.

)e ha asociado siempre el amarillo a la intelectualidad $ al

pensamiento claro $ ha$ psicólogos que dicen que este color

a$uda a memori(ar datos a las personas. Pero ha$ que tener en cuenta que es el color que "atiga mas a la

#ista humana! pudiendo llegar a ser aplastante! porque causa

una estimulación e2cesi#a de los o'os! por lo que un entorno

amarillo %rillante causa sensación de irrita%ilidad en las

personas.



El color las emocionesIII azul: #erdad! dignidad! melancol8a! triste(a!

con"ian(a! masculino! cielo! agua! sensualidad!

comodidad! pasi#idad! depresión.

)i es mu$ pálido puede inspirar "rescura e incluso"r8o. >a sensación de elegancia.

)i es oscuro da sensación de espiritualidad.

Es un color que in"lu$e so%re el apetito!

disminu$endo este! seguramente porque no ha$ningn alimento a(ul en la naturale(a! por lo que

no es aconse'a%le su uso para una página so%re

recetas de cocina o productos alimenticios.



El color las emocionesIV naranja: alegr8a! 'u#entud! calor! #erano.

Es el color de la carne $ del color amistoso

del "uego del hogar.

Es #i%rante como la lu( del sol! e2ótico como

las "rutas tropicales! 'ugoso como la naran'a.

)ugiere in"ormalidad en el trato! amistad! $

destaca mucho so%re el entorno que lerodea.

)e dice que despierta el apetito



El color las emocionesV verde: naturale(a! salud! dinero! "rescura!

crecimiento! a%undancia! "ertilidad! plantas!

%osques.

)e dice que es el color mas descansadopara el o'o humano $ que tiene poder de

curación.

Es un color contradictorio+ a muchaspersonas les in"lu$e un carácter

desagrada%le! mientras que a otras les

sugiere mas pasión que el ro'o.



El color las emocionesVI púrpura: a%undancia! so"isticación!

inteligencia! espiritualidad! dignidad.

Puede e#ocar tranquilidad $ puede e#ocar

"ri#olidad $ arti"icialidad. =am%i&n puede sim%oli(ar el luto! la muerte!

la nausea! el orgullo $ la pomposidad.



El color las emocionesVII violeta: es el color de la "antas8a! del 'uego! de la

impulsi#idad $ de los estados de sue?o! aunque

puede sugerir pesadillas o locura.

marrón: sugiere edad! cosas #ie'as! madera!ladrillo.

negro: elegancia! seducción! misterio! "uer(a! mal.

blanco: pure(a! inocencia! limpie(a! ligere(a!

'u#entud! sua#idad. oro: prestigio! costoso! elegancia! religión.

plata: prestigio! "r8o! ciencia! espacio.

,E ;-)

el color en la web

Documents