DISEÑANDO Y APLICANDO

COLOR

A DOCUMENTOS, POWER
POINT

Y
Por Silvia Sowa PÁGINAS WEB
 En Power Point y
diseñando, sigue estos pas
 im á ge n e s y c on te nido en
1. PLANEAR: utilizar c e p to, la a u d ien cia ,
a s e a o b je ti v o s, a un con
b
e m p o, n iv e l, te m a ,.
ti
r , 2. P
r a REP
o , l e tr ARA
l a b o r, as, t R: te
e
e id ina color e mp l xto,
R : v b es, c at e dise
:
LA tos om ar… anti , cont ño,
OL n c b dad enid
R me es , ro … o,
R
A le en r, p
E S e á g ta
r
D ta m er
.
3 er , i ins
ins nido ar, 4. PRES
ENTAR:
o
s rifi c normas, seguir
e contacto
v e xpresión visual,
conocim no verbal,
ie
esquem nto del tema,
a s de
com
 ¿Qué función tiene el COLOR
en cuanto al diseño?

Bien, el color que percibimos de un objeto es el rayo

de luz que refleja.
Así, un objeto es rojo porque absorbe los rayos
azules y amarillos y rechaza los rojos y por tanto, el
procesamiento que hace nuestro cerebro para este
tipo de rayos, es lo que denominamos color rojo.
 ¿Qué hacer para
usar el color el base a objetivos?

Hacer conexión con la realidad, añadir sentido

Discriminar visualmente

Centrar la atención en determinados elementos

Enlazar elementos que van relacionados

 Y… por supuesto
hay
que saber
qué significan los
colores… pues quieres
saber qué mensaje estás
transmitiendo….
 Alegría, entusiasmo, pasión, emoción, acción, agresividad, peligro.
Roj
o

Azul Es un color reservado, confianza, elegancia, armonía,

afecto, amistad, fidelidad, amor.

Reservado y esplendoroso, esperanza, naturaleza,

Verde juventud, deseo, descanso, equilibrio.

Am Irradia emoción, es el color de la luz, egoísmo, celos,

arill envidia, odio, adolescencia, también expresa risa, placer.
o
 Naranja Es el color del fuego flameante, ha sido escogido como
señal de precaución, regocijo, fiesta, aurora, presencia de sol

Ingenuidad, bondad, ternura, buen sentimiento, ausencia de

Rosado todo mal.

Es el color que indica ausencia de tensión, calma, autocontrol,

Violeta dignidad, aristocracia, pero también violencia, o engaño.

Inocencia, paz. infancia, divinidad, estabilidad absoluta,

Blanco calma, armonía.

Es lo opuesto a la luz, separación, tristeza. muerte, noche,

Negro también tiene sensaciones positivas como: seriedad, nobleza.
ocplentars?
óm
¿C
“Busca a tu
complementario
que marcha siempre
contigo
y suele ser tu contrario”
(Antonio Machado)
 Para proporcionar mayores
contrastes,
los colores se
complementan así

PRIMARIOS con SECUNDARIOS

SECUDARIOS con PRIMARIOS
INTERMEDIOS con INTERMEDIOS
Es decir:
FRÍOS CON CÁLIDOS Y VICEVERSA

Si así! y …..
Las GAMAS de un mismo color con sus
diversos tonos
Para aprender cómo
hacerlo….

veamos el círculo
cromático…..
También se utilizan las ‘gamas’ de un mismo color para
dar realce y añadir significado o profundidad.
Se pueden utilizar también los colores ‘metales’.
 COMBINACIONES EN COLORES
COMPLEMENTARIOS
El complementario de un primario (P) es la mezcla de los otros
dos primarios

del amarillo (P)

será el violeta (S)
mezcla de los
primarios azul
y rojo
 El complementario
del azul
será el anaranjado
se obtiene mediante
la mezcla del rojo
y del amarillo
complementario
del rojo es
el verde,
mezcla del
amarillo
y el azul
 El complementario de un color secundario
(S) será un primario (P) el cual no interviene
en la mezcla para su composición
 C
O
L
O
R
en
páginas
Web
 Recordemos algunas pautas generales

Título
significativo
Mismo estilo Tablas
Para Con Bordes
Iconos visibles

No WEB Incluir
demasiados información
objetos

Uso de Sub
navegación páginas
 El texto Mismo tipo
de fuente

No abusar de
mayúsculas

No abusar de
Efectos en texto

Utilizar
Tablas

Adecuado
tamaño de
Fuentes
 E
en nl
a
pá ce
gi s
na
s
 Texto breve Agrupar los enlaces
Por listas organizadas

Limitar el No dejar
número de páginas
enlaces huérfanas,
sin enlaces

Indicar
claramente
el vinculo que Si está formado por una
poseen imagen
y un texto
Verificar su simultáneamente,
funcionamiento, ambos deben aparecer
juntos
actualizar
 COLOR
Elije un fondo y un color de texto de contraste.
Mantén la coherencia con el formato del texto:
Evita:
Cambios de color bruscos o sin sentido.
Abusar de cursivas (dificultad en la lectura)
Subrayado (confunde con links)
Textos demasiado largos
Fondos con texturas o imágenes y texto sobrepuesto
en exageración
Utilizar imágenes con movimiento, sólo cuando
cumplan un objetivo determinado o complementen la información.
 Fondo Imágenes y Resaltadores o
texto bordes

Blanco Azul, negro, Rojo, naranja

verde SI

Gris claro Azul, verde, Rojo

SI
negro
Azul Amarillo, Rojo, amarillo
blanco SI

Azul claro o Azul oscuro, Rojo, naranja

celeste verde oscuro SI

Amarillo claro Violeta, café, Rojo

(oscuro) (negro) SI
 FONDO IMÁGENES Y RESALTADORES
TEXTO O BORDES

Rojo Azul, verde Rojo, naranja

NO

Morado Rojo, corinto Rojo

NO

Azul Rojos Rojo, amarillo

NO

verde Celeste, azul Rojos

NO

Amarillo claro, Violeta, café, Celeste, blanco

beige, salmón (negro) NO
 ¿Cómo utilizar los colores en páginas?

Intertítulos y texto en general

NEGRO

Links, enlaces o vínculos no visitados

ROJO

ROJO Al pasar el puntero por el mouse

CORINTO

AZUL Links visitados

Títulos y marco superior del cuadro de

GRIS Menús de información complementaria
 Las 5
clases de imágenes
a utilizar en diseño Web
Para
agregar “contenido”
y significado al sitio
1. Decorativas
2. Representativas
3. Organizacionales
4. explicativas
5. transformadoras
A empezar a trabajar……!