Diseño y color por silvia sowa
-
Upload
silvia-sowa -
Category
Design
-
view
2.157 -
download
2
Transcript of Diseño y color por silvia sowa
![Page 1: Diseño y color por silvia sowa](https://reader033.fdocuments.mx/reader033/viewer/2022042619/58727fad1a28abc7068b5feb/html5/thumbnails/1.jpg)
Por Licda. M.A. Silvia Sowa
UMG
![Page 2: Diseño y color por silvia sowa](https://reader033.fdocuments.mx/reader033/viewer/2022042619/58727fad1a28abc7068b5feb/html5/thumbnails/2.jpg)
![Page 3: Diseño y color por silvia sowa](https://reader033.fdocuments.mx/reader033/viewer/2022042619/58727fad1a28abc7068b5feb/html5/thumbnails/3.jpg)
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
![Page 4: Diseño y color por silvia sowa](https://reader033.fdocuments.mx/reader033/viewer/2022042619/58727fad1a28abc7068b5feb/html5/thumbnails/4.jpg)
![Page 5: Diseño y color por silvia sowa](https://reader033.fdocuments.mx/reader033/viewer/2022042619/58727fad1a28abc7068b5feb/html5/thumbnails/5.jpg)
![Page 6: Diseño y color por silvia sowa](https://reader033.fdocuments.mx/reader033/viewer/2022042619/58727fad1a28abc7068b5feb/html5/thumbnails/6.jpg)
![Page 7: Diseño y color por silvia sowa](https://reader033.fdocuments.mx/reader033/viewer/2022042619/58727fad1a28abc7068b5feb/html5/thumbnails/7.jpg)
Para aprender cómo
hacerlo….
veamos el círculo
cromático…..
![Page 8: Diseño y color por silvia sowa](https://reader033.fdocuments.mx/reader033/viewer/2022042619/58727fad1a28abc7068b5feb/html5/thumbnails/8.jpg)
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.
![Page 9: Diseño y color por silvia sowa](https://reader033.fdocuments.mx/reader033/viewer/2022042619/58727fad1a28abc7068b5feb/html5/thumbnails/9.jpg)
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
![Page 10: Diseño y color por silvia sowa](https://reader033.fdocuments.mx/reader033/viewer/2022042619/58727fad1a28abc7068b5feb/html5/thumbnails/10.jpg)
El complementario
del azul (P)
será el anaranjado (S)
se obtiene mediante
la mezcla del rojo
y del amarillo
![Page 11: Diseño y color por silvia sowa](https://reader033.fdocuments.mx/reader033/viewer/2022042619/58727fad1a28abc7068b5feb/html5/thumbnails/11.jpg)
complementario
del rojo (P) es
el verde (S)
mezcla del
amarillo
y el azul
![Page 12: Diseño y color por silvia sowa](https://reader033.fdocuments.mx/reader033/viewer/2022042619/58727fad1a28abc7068b5feb/html5/thumbnails/12.jpg)
El complementario de un color secundario
(S) será un primario (P) el cual no interviene
en la mezcla para su composición
![Page 13: Diseño y color por silvia sowa](https://reader033.fdocuments.mx/reader033/viewer/2022042619/58727fad1a28abc7068b5feb/html5/thumbnails/13.jpg)
Hacer conexión con la realidad,
añadir sentido
Discriminar visualmente
Centrar la atención en
determinados elementos
Enlazar elementos que van
relacionados
![Page 14: Diseño y color por silvia sowa](https://reader033.fdocuments.mx/reader033/viewer/2022042619/58727fad1a28abc7068b5feb/html5/thumbnails/14.jpg)
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.
![Page 15: Diseño y color por silvia sowa](https://reader033.fdocuments.mx/reader033/viewer/2022042619/58727fad1a28abc7068b5feb/html5/thumbnails/15.jpg)
NaranjaEs 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.
NegroEs lo opuesto a la luz, separación, tristeza. muerte, noche,
también tiene sensaciones positivas como: seriedad, nobleza.
![Page 16: Diseño y color por silvia sowa](https://reader033.fdocuments.mx/reader033/viewer/2022042619/58727fad1a28abc7068b5feb/html5/thumbnails/16.jpg)
• 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.
![Page 17: Diseño y color por silvia sowa](https://reader033.fdocuments.mx/reader033/viewer/2022042619/58727fad1a28abc7068b5feb/html5/thumbnails/17.jpg)
![Page 18: Diseño y color por silvia sowa](https://reader033.fdocuments.mx/reader033/viewer/2022042619/58727fad1a28abc7068b5feb/html5/thumbnails/18.jpg)
![Page 19: Diseño y color por silvia sowa](https://reader033.fdocuments.mx/reader033/viewer/2022042619/58727fad1a28abc7068b5feb/html5/thumbnails/19.jpg)
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’.
![Page 20: Diseño y color por silvia sowa](https://reader033.fdocuments.mx/reader033/viewer/2022042619/58727fad1a28abc7068b5feb/html5/thumbnails/20.jpg)
![Page 21: Diseño y color por silvia sowa](https://reader033.fdocuments.mx/reader033/viewer/2022042619/58727fad1a28abc7068b5feb/html5/thumbnails/21.jpg)
![Page 22: Diseño y color por silvia sowa](https://reader033.fdocuments.mx/reader033/viewer/2022042619/58727fad1a28abc7068b5feb/html5/thumbnails/22.jpg)
![Page 23: Diseño y color por silvia sowa](https://reader033.fdocuments.mx/reader033/viewer/2022042619/58727fad1a28abc7068b5feb/html5/thumbnails/23.jpg)
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
![Page 24: Diseño y color por silvia sowa](https://reader033.fdocuments.mx/reader033/viewer/2022042619/58727fad1a28abc7068b5feb/html5/thumbnails/24.jpg)
Mismo tipo
de fuente
No abusar de
mayúsculas
No abusar de
Efectos en texto
Utilizar
Tablas
Adecuado
tamaño de
Fuentes
![Page 25: Diseño y color por silvia sowa](https://reader033.fdocuments.mx/reader033/viewer/2022042619/58727fad1a28abc7068b5feb/html5/thumbnails/25.jpg)
![Page 26: Diseño y color por silvia sowa](https://reader033.fdocuments.mx/reader033/viewer/2022042619/58727fad1a28abc7068b5feb/html5/thumbnails/26.jpg)
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
![Page 27: Diseño y color por silvia sowa](https://reader033.fdocuments.mx/reader033/viewer/2022042619/58727fad1a28abc7068b5feb/html5/thumbnails/27.jpg)
COLOR
![Page 28: Diseño y color por silvia sowa](https://reader033.fdocuments.mx/reader033/viewer/2022042619/58727fad1a28abc7068b5feb/html5/thumbnails/28.jpg)
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
![Page 29: Diseño y color por silvia sowa](https://reader033.fdocuments.mx/reader033/viewer/2022042619/58727fad1a28abc7068b5feb/html5/thumbnails/29.jpg)
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
![Page 30: Diseño y color por silvia sowa](https://reader033.fdocuments.mx/reader033/viewer/2022042619/58727fad1a28abc7068b5feb/html5/thumbnails/30.jpg)
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
![Page 31: Diseño y color por silvia sowa](https://reader033.fdocuments.mx/reader033/viewer/2022042619/58727fad1a28abc7068b5feb/html5/thumbnails/31.jpg)
![Page 32: Diseño y color por silvia sowa](https://reader033.fdocuments.mx/reader033/viewer/2022042619/58727fad1a28abc7068b5feb/html5/thumbnails/32.jpg)
1. Decorativas
![Page 33: Diseño y color por silvia sowa](https://reader033.fdocuments.mx/reader033/viewer/2022042619/58727fad1a28abc7068b5feb/html5/thumbnails/33.jpg)
2. Re
pr
es
en
ta
tiv
as
![Page 34: Diseño y color por silvia sowa](https://reader033.fdocuments.mx/reader033/viewer/2022042619/58727fad1a28abc7068b5feb/html5/thumbnails/34.jpg)
3. Organizacionales
![Page 35: Diseño y color por silvia sowa](https://reader033.fdocuments.mx/reader033/viewer/2022042619/58727fad1a28abc7068b5feb/html5/thumbnails/35.jpg)
4. explicativas
![Page 36: Diseño y color por silvia sowa](https://reader033.fdocuments.mx/reader033/viewer/2022042619/58727fad1a28abc7068b5feb/html5/thumbnails/36.jpg)
5. transformadoras
![Page 37: Diseño y color por silvia sowa](https://reader033.fdocuments.mx/reader033/viewer/2022042619/58727fad1a28abc7068b5feb/html5/thumbnails/37.jpg)
Por Licda. M.A. Silvia Sowa
UMG