Una descripción de cómo debemos combinar los colores, porqué debemos utilizar ciertos colores de fondo con determinadas fuentes y cómo pueden ser las imágenes. Además una orientación general de cómo editar una página Web.

1. Por Licda. M.A. Silvia Sowa
UMG

3. 1. PLANEAR: utilizar
imágenes, texto, contenido
con objetivos
2. PREPARAR: texto, diseño,
contenidos, formatos
3. DESARROLLAR: elaborar,
insertar videos, sonido,
combinar (no abusar)
4. PRESENTAR: probar
antes, contacto visual,
comunicación, interacción

7. Para aprender cómo
hacerlo….
veamos el círculo
cromático…..

8. Sec. Anaranjado (rojo + amarillo),
Verde (amarillo + azul) y
Violeta (azul + rojo).
Primarios rojo, amarillo, azul
Terciarios: prim. Y sec. rojo violáceo,
rojo anaranjado, amarillo anaranjado,
amarillo verdoso, azul verdoso y azul
violáceo.

9. del amarillo (P)
será el violeta (S)
mezcla de los
primarios azul
y rojo
El complementario de un primario (P) es la mezcla de los otros
dos primarios

10. El complementario
del azul (P)
será el anaranjado (S)
se obtiene mediante
la mezcla del rojo
y del amarillo

11. complementario
del rojo (P) es
el verde (S)
mezcla del
amarillo
y el azul

12. El complementario de un color secundario
(S) será un primario (P) el cual no interviene
en la mezcla para su composición

13. Hacer
conexión con
la realidad,
añadir
sentido
Discriminar
visualmente
Centrar la
atención en
determinados
elementos
Enlazar
elementos
que van
relacionados

14. Alegría, entusiasmo, pasión, emoción, acción, agresividad, peligro.
Azul Es un color reservado, confianza, elegancia, armonía,
afecto, amistad, fidelidad, amor.
Reservado y esplendoroso, esperanza, naturaleza,
juventud, deseo, descanso, equilibrio.
Amarillo
Irradia emoción, es el color de la luz, egoísmo, celos,
envidia, odio, adolescencia, también expresa risa, placer.

15. 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
todo mal.
Violeta
Es el color que indica ausencia de tensión, calma, autocontrol,
dignidad, aristocracia, pero también violencia, o engaño.
Blanco
Inocencia, paz. infancia, divinidad, estabilidad absoluta,
calma, armonía.
Negro
Es lo opuesto a la luz, separación, tristeza. muerte, noche,
también tiene sensaciones positivas como: seriedad, nobleza.

16. • 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.

19. 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’.

23. No
demasiados
objetos
Uso de
navegación
Sub
páginas
Incluir
información
Tablas
Con Bordes
visibles
Título
significativo
WEB
Mismo estilo
Para
Iconos

24. Mismo tipo
de fuente
No abusar de
mayúsculas
No abusar de
Efectos en texto
Utilizar
Tablas
Adecuado
tamaño de
Fuentes

26. Indicar claramente
el vinculo que poseen
Limitar el
número de
enlaces
Texto breve
Si está formado por una
imagen
y un texto
simultáneamente,
ambos deben aparecer
juntos
Agrupar los enlaces
Por listas organizadas
No dejar
páginas
huérfanas,
sin enlaces
Verificar su
funcionamiento,
actualizar

27. COLOR

28. Fondo Imágenes y
texto
Resaltadores o
bordes
Blanco Azul, negro,
verde
Rojo, naranja
Gris claro Azul, verde,
negro
Rojo
Azul Amarillo,
blanco
Rojo, amarillo
Azul claro o
celeste
Azul oscuro,
verde oscuro
Rojo, naranja
Amarillo claro
(oscuro)
Violeta, café,
(negro)
Rojo
SI
SI
SI
SI
SI

29. FONDO IMÁGENES Y
TEXTO
RESALTADORES
O BORDES
Rojo Azul, verde Rojo, naranja
Morado Rojo, corinto Rojo
Azul Rojos Rojo, amarillo
verde Celeste, azul Rojos
Amarillo claro,
beige, salmón
Violeta, café,
(negro)
Celeste, blanco
NO
NO
NO
NO
NO

30. NEGRO
ROJO
ROJO
CORINTO
AZUL
GRIS
Intertítulos y texto en general
Links, enlaces o vínculos no visitados
Al pasar el puntero por el mouse
Links visitados
Títulos y marco superior del cuadro de
Menús de información complementaria

32. 1. Decorativas

33. 2.Representativas

34. 3. Organizacionales

35. 4. explicativas

36. 5. transformadoras

37. Por Licda. M.A. Silvia Sowa
UMG