37
Por Licda. M.A. Silvia Sowa UMG

Diseño y color por silvia sowa

Embed Size (px)

Citation preview

Page 1: Diseño y color por silvia sowa

Por Licda. M.A. Silvia Sowa

UMG

Page 2: Diseño y color por silvia sowa
Page 3: Diseño y color por silvia sowa

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
Page 5: Diseño y color por silvia sowa
Page 6: Diseño y color por silvia sowa
Page 7: Diseño y color por silvia sowa

Para aprender cómo

hacerlo….

veamos el círculo

cromático…..

Page 8: Diseño y color por silvia sowa

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

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

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

complementario

del rojo (P) es

el verde (S)

mezcla del

amarillo

y el azul

Page 12: Diseño y color por silvia sowa

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

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

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

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

• 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
Page 18: Diseño y color por silvia sowa
Page 19: Diseño y color por silvia sowa

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
Page 21: Diseño y color por silvia sowa
Page 22: Diseño y color por silvia sowa
Page 23: Diseño y color por silvia sowa

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

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
Page 26: Diseño y color por silvia sowa

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

COLOR

Page 28: Diseño y color por silvia sowa

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

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

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
Page 32: Diseño y color por silvia sowa

1. Decorativas

Page 33: Diseño y color por silvia sowa

2. Re

pr

es

en

ta

tiv

as

Page 34: Diseño y color por silvia sowa

3. Organizacionales

Page 35: Diseño y color por silvia sowa

4. explicativas

Page 36: Diseño y color por silvia sowa

5. transformadoras

Page 37: Diseño y color por silvia sowa

Por Licda. M.A. Silvia Sowa

UMG