Documenti di Didattica
Documenti di Professioni
Documenti di Cultura
Text
Text
Qu
observa; que
le llama la
atencin de
esta pgina?
Qu imagen
te da la
empresa?
Qu opinas
de la pgina?
Ejemplo de
una
aplicacin
Web
Qu
observa; que
le llama la
atencin de
esta pgina?
Qu imagen
le da la
empresa?
Qu opina
de la pgina?
Colores claros o luminosos y oscuros
Observe los
diferentes matices
Ejemplo de
una
aplicacin
Web
Qu
observa; que
le llama la
atencin de
esta pgina?
Con que
imagen te
quedas de la
empresa?
Qu opinas
de la pgina?
Ejemplo de
una
aplicacin
Web
Qu
observas?
Que te llama
la atencin de
esta pgina?
Qu imagen
te da la
empresa?
Qu opinas
de la pgina?
Colores complementarios : colores que se
encuentran simtricos respecto al centro de la
rueda. El Matiz vara en 180 entre uno y otro.
Ejemplo de
una
aplicacin
Web
Observe el
uso de tres
colores
complemen-
tarios
(verde,
naranja y
blanco)
Colores complementarios cercanos : tomando como
base un color en la rueda y despus otros dos que
equidisten del complementario del primero.
Dobles complementarios : dos parejas de colores
complementarios entre s.
Observe que utilizan en la
iluminacin dos colores
complementarios
Observe que
la
composicin
se realiza con
una gama
mutiple del
color
Mezcla brillante-tenue : se elige un color brillante
puro y una variacin tenue de su complementario.
La imagen utiliza
colores mezclando
brillante y tenue
Observe que la
composicin del color
es una Trada
complementaria, con
mezcla brillante
tenue
Contrastes de color
El efecto de contraste es recproco, ya que afecta a
los dos colores que intervienen.
Existen diferentes tipos de contrastes:
CONTRASTE DE LUMINOSIDAD
Denominado contraste claro-oscuro, se produce al
confrontar un color claro o saturado con blanco y
un color oscuro o saturado de negro.
CONTRASTE DE LUMINOSIDAD
Observe qu
luminosidad
este caso
provoca que
destaque
Observe que es tanta
luminosidad que
resalta lo obscuro
CONTRASTE DE LUMINOSIDAD
46
47
CONTRASTE DE LUMINOSIDAD
Observe que la
luminosidad, en
este caso
provoca que
destaque
49
CONTRASTE DE VALOR
Cuando se presentan dos valores diferentes en
contraste simultneo, el ms claro parecer ms
alto y el ms oscuro, mas bajo.
CONTRASTE DE VALOR
CONTRASTE DE SATURACIN
Se origina de la modulacin de un tono puro,
saturndolo con blanco, negro o gris. El contraste
puede darse entre colores puros o bien por la
confrontacin de stos con otros no puros.
Contraste de
saturacin
CONTRASTE DE TEMPERATURA
Es el contraste producido al confrontar un color
clido con otro fro.
CONTRASTE DE
57
TEMPERATURA
58
CONTRASTE DE COMPLEMENTARIOS
Dos colores complementarios son los que ofrecen
juntos mejores posibilidades de contraste, aunque
resultan muy violentos visualmente combinar dos
colores complementarios intensos.
CONTRASTE DE
COMPLEMENTARIOS
El color en la web
Colores disponibles para la web
El sistema operativo identifica tres colores bsicos,
a partir de los cuales construye todos los dems
mediante un proceso de mezcla por unidades de
pantalla (pixels). En 1994 la empresa Netscape
estableci una subdivisin del crculo cromtico en
216 colores equidistantes entre s.
Tradicionalmente se ha
considerado como paleta
de colores segura la que
hemos antes
mencionado, formada por
los 216 colores, que
recibe el nombre de
WebSafe o Web Safe
Colors
Colores y partes de una pgina
79
Adems, podemos seguir una serie de reglas generales
que nos orientar:
Los colores primarios, puros, brillantes, son demasiado
comunes, por lo que dan muy poca informacin al ojo.
Pginas destinadas a un pblico general deben estar
basadas en combinaciones blanco-negro- color
logotipo.
Pginas de empresa o de instituciones deben estar
diseadas de acuerdo con los colores corporativos de
la misma, incluyendo siempre el logotipo.
Pginas orientadas a un pblico joven pueden adoptar
colores vivos, primarios, con altos contrastes entre
fondo y contenido.
Pginas destinadas a un pblico adulto deben estar
diseadas con colores serios, elegantes, fros, sin
altos contrastes de tono.
Pginas de divulgacin, como manuales y artculos,
deben presentar el texto de forma que destaque
adecuadamente sobre el fondo, sin usar colores
chillones que cansen la vista.
Pginas exticas y a la vez elegantes se pueden
obtener con fondo negro o color muy oscuro y letras
y/o motivos dorados, blancos o prpuras-rojos.
Pginas destinadas a ser impresas por el usuario final
no deben emplear colores oscuros como fondo, ya que
obligar a dar colores claros a los textos para que se
pudieran visualizar.
Conclusin del estudio de
algunos colores
Si es oscuro da sensacin de
espiritualidad, de seriedad, de
responsabilidad.
El azul es un color que da mucho juego en las
composiciones grficas en general y en las
pginas web en concreto.
138
Utilizar colores claros como composicin
principal de la pgina
140
Utilizar colores complementarios
Las paginas que utilizan en su composicin
dos o mas colores (adicionalmente utilizar el
blanco) provocan mayor inters visual en el
espectador.
Debe utilizar color en los elementos que
requiera destacar sin abusar de esto.
141
Colores monocromticos.
Con el uso de matiz de un solo color puede
diferencias las secciones de la pgina web.
Visualmente le esta dando informacin al
espectador.
Evite utilizar los matices obscuros o muy
intensos porque puede provocar cansancio,
confusin y que el espectador pierda el inters
en seguir navegando en la pagina
142