el color en la web
Post on 26-Feb-2018
214 Views
Preview:
TRANSCRIPT
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
7/25/2019 El color en la web
http://slidepdf.com/reader/full/el-color-en-la-web 2/30
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.
7/25/2019 El color en la web
http://slidepdf.com/reader/full/el-color-en-la-web 3/30
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
7/25/2019 El color en la web
http://slidepdf.com/reader/full/el-color-en-la-web 4/30
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
7/25/2019 El color en la web
http://slidepdf.com/reader/full/el-color-en-la-web 5/30
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
7/25/2019 El color en la web
http://slidepdf.com/reader/full/el-color-en-la-web 6/30
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
7/25/2019 El color en la web
http://slidepdf.com/reader/full/el-color-en-la-web 7/30
Tipos de Color
7/25/2019 El color en la web
http://slidepdf.com/reader/full/el-color-en-la-web 8/30
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
7/25/2019 El color en la web
http://slidepdf.com/reader/full/el-color-en-la-web 9/30
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
7/25/2019 El color en la web
http://slidepdf.com/reader/full/el-color-en-la-web 10/30
Tipos de Color III
La me(cla de los colores primarios -diti#os
origina los secundarios siguientes
7/25/2019 El color en la web
http://slidepdf.com/reader/full/el-color-en-la-web 11/30
Tipos de Color IV
La me(cla de los secundarios genera
los terciarios
7/25/2019 El color en la web
http://slidepdf.com/reader/full/el-color-en-la-web 12/30
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.
7/25/2019 El color en la web
http://slidepdf.com/reader/full/el-color-en-la-web 13/30
Otra Clasifcación de Tipos de color II
7/25/2019 El color en la web
http://slidepdf.com/reader/full/el-color-en-la-web 14/30
Técnicas decombinación
7/25/2019 El color en la web
http://slidepdf.com/reader/full/el-color-en-la-web 15/30
Buenas Combinaciones
colores complementarios: colores que se
encuentran sim&tricos respecto al centro de la
rueda. El ;ati( #ar8a en 73< º entre uno $ otro.
7/25/2019 El color en la web
http://slidepdf.com/reader/full/el-color-en-la-web 16/30
Buenas Combinaciones II
colores complementarios cercanos:
tomando como %ase un color en la
rueda $ despu&s otros dos que
equidisten del complementario delprimero
7/25/2019 El color en la web
http://slidepdf.com/reader/full/el-color-en-la-web 17/30
Buenas CombinacionesIII do%les complementarios+ dos pare'as de
colores complementarios entre s8.
7/25/2019 El color en la web
http://slidepdf.com/reader/full/el-color-en-la-web 18/30
Buenas CombinacionesIV =riádica complementaria: tres colores
equidistantes tanto del centro de la
rueda! como entre s8! es decir! "ormando
7<º uno del otro.
7/25/2019 El color en la web
http://slidepdf.com/reader/full/el-color-en-la-web 19/30
Buenas CombinacionesV =etrádica: )e eligen 4 colores! tomando de a
dos complementarios! equidistantes entre
si.
7/25/2019 El color en la web
http://slidepdf.com/reader/full/el-color-en-la-web 20/30
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.
7/25/2019 El color en la web
http://slidepdf.com/reader/full/el-color-en-la-web 21/30
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.
7/25/2019 El color en la web
http://slidepdf.com/reader/full/el-color-en-la-web 22/30
PROPIEDADESDE LOS COLORES
7/25/2019 El color en la web
http://slidepdf.com/reader/full/el-color-en-la-web 23/30
Psicología del Color
7/25/2019 El color en la web
http://slidepdf.com/reader/full/el-color-en-la-web 24/30
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.
7/25/2019 El color en la web
http://slidepdf.com/reader/full/el-color-en-la-web 25/30
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.
7/25/2019 El color en la web
http://slidepdf.com/reader/full/el-color-en-la-web 26/30
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.
7/25/2019 El color en la web
http://slidepdf.com/reader/full/el-color-en-la-web 27/30
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
7/25/2019 El color en la web
http://slidepdf.com/reader/full/el-color-en-la-web 28/30
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.
7/25/2019 El color en la web
http://slidepdf.com/reader/full/el-color-en-la-web 29/30
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.
7/25/2019 El color en la web
http://slidepdf.com/reader/full/el-color-en-la-web 30/30
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 ;-)
top related