samuel yánezasegurar la legibilidad del texto a través del contraste •evite el uso de texturas y...

52
Samuel Yánez [email protected]

Upload: others

Post on 13-Jul-2020

10 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Samuel YánezAsegurar la legibilidad del texto a través del contraste •Evite el uso de texturas y patrones para los fondos detrás de los textos •Evitar contrastes que provocan

Samuel Yánez [email protected]

Page 2: Samuel YánezAsegurar la legibilidad del texto a través del contraste •Evite el uso de texturas y patrones para los fondos detrás de los textos •Evitar contrastes que provocan

Hay

sistemas de color

Page 3: Samuel YánezAsegurar la legibilidad del texto a través del contraste •Evite el uso de texturas y patrones para los fondos detrás de los textos •Evitar contrastes que provocan
Page 4: Samuel YánezAsegurar la legibilidad del texto a través del contraste •Evite el uso de texturas y patrones para los fondos detrás de los textos •Evitar contrastes que provocan
Page 5: Samuel YánezAsegurar la legibilidad del texto a través del contraste •Evite el uso de texturas y patrones para los fondos detrás de los textos •Evitar contrastes que provocan
Page 6: Samuel YánezAsegurar la legibilidad del texto a través del contraste •Evite el uso de texturas y patrones para los fondos detrás de los textos •Evitar contrastes que provocan

círculo

cromático

Page 7: Samuel YánezAsegurar la legibilidad del texto a través del contraste •Evite el uso de texturas y patrones para los fondos detrás de los textos •Evitar contrastes que provocan

+ blanco

y negro

Page 8: Samuel YánezAsegurar la legibilidad del texto a través del contraste •Evite el uso de texturas y patrones para los fondos detrás de los textos •Evitar contrastes que provocan

armonía

Page 9: Samuel YánezAsegurar la legibilidad del texto a través del contraste •Evite el uso de texturas y patrones para los fondos detrás de los textos •Evitar contrastes que provocan

colores

análogos

Page 10: Samuel YánezAsegurar la legibilidad del texto a través del contraste •Evite el uso de texturas y patrones para los fondos detrás de los textos •Evitar contrastes que provocan

colores

complementarios

Page 11: Samuel YánezAsegurar la legibilidad del texto a través del contraste •Evite el uso de texturas y patrones para los fondos detrás de los textos •Evitar contrastes que provocan

Triada

equidistante

Page 12: Samuel YánezAsegurar la legibilidad del texto a través del contraste •Evite el uso de texturas y patrones para los fondos detrás de los textos •Evitar contrastes que provocan

familia

térmica

Page 13: Samuel YánezAsegurar la legibilidad del texto a través del contraste •Evite el uso de texturas y patrones para los fondos detrás de los textos •Evitar contrastes que provocan

contraste

Page 14: Samuel YánezAsegurar la legibilidad del texto a través del contraste •Evite el uso de texturas y patrones para los fondos detrás de los textos •Evitar contrastes que provocan

Contraste

de valor o

claro oscuro

Page 15: Samuel YánezAsegurar la legibilidad del texto a través del contraste •Evite el uso de texturas y patrones para los fondos detrás de los textos •Evitar contrastes que provocan

Contraste

de intensidad o complementarios

Page 16: Samuel YánezAsegurar la legibilidad del texto a través del contraste •Evite el uso de texturas y patrones para los fondos detrás de los textos •Evitar contrastes que provocan

Contraste

simultáneo acromático

Page 17: Samuel YánezAsegurar la legibilidad del texto a través del contraste •Evite el uso de texturas y patrones para los fondos detrás de los textos •Evitar contrastes que provocan

Contraste

simultáneo cromático

Page 18: Samuel YánezAsegurar la legibilidad del texto a través del contraste •Evite el uso de texturas y patrones para los fondos detrás de los textos •Evitar contrastes que provocan

Contraste

simultáneo / luminosidad

Page 19: Samuel YánezAsegurar la legibilidad del texto a través del contraste •Evite el uso de texturas y patrones para los fondos detrás de los textos •Evitar contrastes que provocan

Contraste

simultáneo / saturación

Page 20: Samuel YánezAsegurar la legibilidad del texto a través del contraste •Evite el uso de texturas y patrones para los fondos detrás de los textos •Evitar contrastes que provocan

Contraste

simultáneo / tono

Page 21: Samuel YánezAsegurar la legibilidad del texto a través del contraste •Evite el uso de texturas y patrones para los fondos detrás de los textos •Evitar contrastes que provocan

Los colores

tienen

personalidad

Page 22: Samuel YánezAsegurar la legibilidad del texto a través del contraste •Evite el uso de texturas y patrones para los fondos detrás de los textos •Evitar contrastes que provocan

es cuestión

de relaciones

Page 23: Samuel YánezAsegurar la legibilidad del texto a través del contraste •Evite el uso de texturas y patrones para los fondos detrás de los textos •Evitar contrastes que provocan

relación

dinamica

Page 24: Samuel YánezAsegurar la legibilidad del texto a través del contraste •Evite el uso de texturas y patrones para los fondos detrás de los textos •Evitar contrastes que provocan

relación

dinámica-estática

Page 25: Samuel YánezAsegurar la legibilidad del texto a través del contraste •Evite el uso de texturas y patrones para los fondos detrás de los textos •Evitar contrastes que provocan

relación

estática

Page 26: Samuel YánezAsegurar la legibilidad del texto a través del contraste •Evite el uso de texturas y patrones para los fondos detrás de los textos •Evitar contrastes que provocan

es cuestión

de contraste

Page 27: Samuel YánezAsegurar la legibilidad del texto a través del contraste •Evite el uso de texturas y patrones para los fondos detrás de los textos •Evitar contrastes que provocan
Page 28: Samuel YánezAsegurar la legibilidad del texto a través del contraste •Evite el uso de texturas y patrones para los fondos detrás de los textos •Evitar contrastes que provocan
Page 29: Samuel YánezAsegurar la legibilidad del texto a través del contraste •Evite el uso de texturas y patrones para los fondos detrás de los textos •Evitar contrastes que provocan
Page 30: Samuel YánezAsegurar la legibilidad del texto a través del contraste •Evite el uso de texturas y patrones para los fondos detrás de los textos •Evitar contrastes que provocan

es cuestión de equilibrio

Page 31: Samuel YánezAsegurar la legibilidad del texto a través del contraste •Evite el uso de texturas y patrones para los fondos detrás de los textos •Evitar contrastes que provocan
Page 32: Samuel YánezAsegurar la legibilidad del texto a través del contraste •Evite el uso de texturas y patrones para los fondos detrás de los textos •Evitar contrastes que provocan
Page 33: Samuel YánezAsegurar la legibilidad del texto a través del contraste •Evite el uso de texturas y patrones para los fondos detrás de los textos •Evitar contrastes que provocan

Color Denotativo

Color Connotativo

Color esquemático

es cuestión de función

Page 34: Samuel YánezAsegurar la legibilidad del texto a través del contraste •Evite el uso de texturas y patrones para los fondos detrás de los textos •Evitar contrastes que provocan

Consejos &

herramientas

Page 35: Samuel YánezAsegurar la legibilidad del texto a través del contraste •Evite el uso de texturas y patrones para los fondos detrás de los textos •Evitar contrastes que provocan

para conseguir

la armonía

Page 36: Samuel YánezAsegurar la legibilidad del texto a través del contraste •Evite el uso de texturas y patrones para los fondos detrás de los textos •Evitar contrastes que provocan

tener en cuenta los

efectos del contraste

Page 37: Samuel YánezAsegurar la legibilidad del texto a través del contraste •Evite el uso de texturas y patrones para los fondos detrás de los textos •Evitar contrastes que provocan

mantener un

color dominante

Page 39: Samuel YánezAsegurar la legibilidad del texto a través del contraste •Evite el uso de texturas y patrones para los fondos detrás de los textos •Evitar contrastes que provocan

Naranja

Rojo

Azul

Negro

Verde

Amarillo

Violeta

Gris

21.4% de percepción

18.6% de percepción

17.0% de percepcion

13.4% de percepción

12.6% de percepción

12.0% de percepción

5.5% de percepción

0.7% de percepción

Percepción del color

Page 40: Samuel YánezAsegurar la legibilidad del texto a través del contraste •Evite el uso de texturas y patrones para los fondos detrás de los textos •Evitar contrastes que provocan

Orden de clasificación Colores

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

Negro - Amarillo

Amarillo - Negro

Verde - Blanco

Rojo - Blanco

Negro - Blanco

Blanco - Azul

Azul - Amarillo

Azul - Blanco

Blanco - Negro

Verde - Amarillo

Negro - Naranja

Rojo - Naranja

Naranja - Negro

Amarillo - Azul

Blanco - Verde

Legibilidad de los colores

A

A

A

A

A

A

A

A

A

A

A

A

A

A

A

Page 41: Samuel YánezAsegurar la legibilidad del texto a través del contraste •Evite el uso de texturas y patrones para los fondos detrás de los textos •Evitar contrastes que provocan

Asegurar la legibilidad del

texto a través del contraste

• Evite el uso de texturas y patrones para

los fondos detrás de los textos

• Evitar contrastes que provocan la fatiga

ocular

• Evite combinaciones que provocan

ilusiones cuando se encuentran juntos

Page 42: Samuel YánezAsegurar la legibilidad del texto a través del contraste •Evite el uso de texturas y patrones para los fondos detrás de los textos •Evitar contrastes que provocan

Mejorar la experiencia

del usuario

• Establecer convenios y uso del color

consistente

• Uso de colores, tanto para apoyar las

tareas de los usuarios y para la marca

• Uso de colores para mejorar el atractivo

estético y la satisfacción del usuario

Page 43: Samuel YánezAsegurar la legibilidad del texto a través del contraste •Evite el uso de texturas y patrones para los fondos detrás de los textos •Evitar contrastes que provocan

para tener

en cuenta

Page 44: Samuel YánezAsegurar la legibilidad del texto a través del contraste •Evite el uso de texturas y patrones para los fondos detrás de los textos •Evitar contrastes que provocan

Los consumidores están

expuestos a cientos de mensajes

visuales diferentes.

El color está enraizado con las

emociones humanas.

Page 45: Samuel YánezAsegurar la legibilidad del texto a través del contraste •Evite el uso de texturas y patrones para los fondos detrás de los textos •Evitar contrastes que provocan

NO existe una fórmula mágica para

combinar los colores, pero la mejor

manera de utilizarlos es con criterios

de unidad, es decir los colores deben

tributar a la totalidad, gestáltica, de

un determinado mensaje.

Page 46: Samuel YánezAsegurar la legibilidad del texto a través del contraste •Evite el uso de texturas y patrones para los fondos detrás de los textos •Evitar contrastes que provocan

El uso de los complementarios, los

armónicos, los cálidos y fríos es

adecuado, el uso de estudios

culturales del color nos acercarán a

un diseño con identidad y acorde al

universo al que nos dirigimos.

Page 47: Samuel YánezAsegurar la legibilidad del texto a través del contraste •Evite el uso de texturas y patrones para los fondos detrás de los textos •Evitar contrastes que provocan

Se han desarrollado estudios

sobre el uso y las combinaciones

del color para determinados

formatos: empaques, multimedia,

ilustración etc.,

y para indagar sobre la forma

en que nos influyen.

Page 48: Samuel YánezAsegurar la legibilidad del texto a través del contraste •Evite el uso de texturas y patrones para los fondos detrás de los textos •Evitar contrastes que provocan

84% RICO Y CON

CUERPO.

54% SIN AROMA

73% MUY FUERTE

64% MUY FLOJO

Page 49: Samuel YánezAsegurar la legibilidad del texto a través del contraste •Evite el uso de texturas y patrones para los fondos detrás de los textos •Evitar contrastes que provocan

sinestesia

Page 50: Samuel YánezAsegurar la legibilidad del texto a través del contraste •Evite el uso de texturas y patrones para los fondos detrás de los textos •Evitar contrastes que provocan

Considerando que el color

genera atención y está compenetrado

con las emociones humanas,

es necesario tener una estrategia

integral para su manejo.

Page 51: Samuel YánezAsegurar la legibilidad del texto a través del contraste •Evite el uso de texturas y patrones para los fondos detrás de los textos •Evitar contrastes que provocan

El tema del uso de los colores es

muy complejo, pero a la vez

fascinante y decisivo en

el diseño contemporáneo.