Samuel YánezAsegurar la legibilidad del texto a través del contraste •Evite el uso de texturas y...
Transcript of Samuel YánezAsegurar la legibilidad del texto a través del contraste •Evite el uso de texturas y...
![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](https://reader034.fdocuments.co/reader034/viewer/2022042709/5f409d37af53df47fb123f9c/html5/thumbnails/1.jpg)
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](https://reader034.fdocuments.co/reader034/viewer/2022042709/5f409d37af53df47fb123f9c/html5/thumbnails/2.jpg)
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](https://reader034.fdocuments.co/reader034/viewer/2022042709/5f409d37af53df47fb123f9c/html5/thumbnails/3.jpg)
![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](https://reader034.fdocuments.co/reader034/viewer/2022042709/5f409d37af53df47fb123f9c/html5/thumbnails/4.jpg)
![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](https://reader034.fdocuments.co/reader034/viewer/2022042709/5f409d37af53df47fb123f9c/html5/thumbnails/5.jpg)
![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](https://reader034.fdocuments.co/reader034/viewer/2022042709/5f409d37af53df47fb123f9c/html5/thumbnails/6.jpg)
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](https://reader034.fdocuments.co/reader034/viewer/2022042709/5f409d37af53df47fb123f9c/html5/thumbnails/7.jpg)
+ 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](https://reader034.fdocuments.co/reader034/viewer/2022042709/5f409d37af53df47fb123f9c/html5/thumbnails/8.jpg)
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](https://reader034.fdocuments.co/reader034/viewer/2022042709/5f409d37af53df47fb123f9c/html5/thumbnails/9.jpg)
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](https://reader034.fdocuments.co/reader034/viewer/2022042709/5f409d37af53df47fb123f9c/html5/thumbnails/10.jpg)
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](https://reader034.fdocuments.co/reader034/viewer/2022042709/5f409d37af53df47fb123f9c/html5/thumbnails/11.jpg)
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](https://reader034.fdocuments.co/reader034/viewer/2022042709/5f409d37af53df47fb123f9c/html5/thumbnails/12.jpg)
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](https://reader034.fdocuments.co/reader034/viewer/2022042709/5f409d37af53df47fb123f9c/html5/thumbnails/13.jpg)
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](https://reader034.fdocuments.co/reader034/viewer/2022042709/5f409d37af53df47fb123f9c/html5/thumbnails/14.jpg)
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](https://reader034.fdocuments.co/reader034/viewer/2022042709/5f409d37af53df47fb123f9c/html5/thumbnails/15.jpg)
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](https://reader034.fdocuments.co/reader034/viewer/2022042709/5f409d37af53df47fb123f9c/html5/thumbnails/16.jpg)
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](https://reader034.fdocuments.co/reader034/viewer/2022042709/5f409d37af53df47fb123f9c/html5/thumbnails/17.jpg)
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](https://reader034.fdocuments.co/reader034/viewer/2022042709/5f409d37af53df47fb123f9c/html5/thumbnails/18.jpg)
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](https://reader034.fdocuments.co/reader034/viewer/2022042709/5f409d37af53df47fb123f9c/html5/thumbnails/19.jpg)
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](https://reader034.fdocuments.co/reader034/viewer/2022042709/5f409d37af53df47fb123f9c/html5/thumbnails/20.jpg)
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](https://reader034.fdocuments.co/reader034/viewer/2022042709/5f409d37af53df47fb123f9c/html5/thumbnails/21.jpg)
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](https://reader034.fdocuments.co/reader034/viewer/2022042709/5f409d37af53df47fb123f9c/html5/thumbnails/22.jpg)
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](https://reader034.fdocuments.co/reader034/viewer/2022042709/5f409d37af53df47fb123f9c/html5/thumbnails/23.jpg)
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](https://reader034.fdocuments.co/reader034/viewer/2022042709/5f409d37af53df47fb123f9c/html5/thumbnails/24.jpg)
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](https://reader034.fdocuments.co/reader034/viewer/2022042709/5f409d37af53df47fb123f9c/html5/thumbnails/25.jpg)
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](https://reader034.fdocuments.co/reader034/viewer/2022042709/5f409d37af53df47fb123f9c/html5/thumbnails/26.jpg)
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](https://reader034.fdocuments.co/reader034/viewer/2022042709/5f409d37af53df47fb123f9c/html5/thumbnails/27.jpg)
![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](https://reader034.fdocuments.co/reader034/viewer/2022042709/5f409d37af53df47fb123f9c/html5/thumbnails/28.jpg)
![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](https://reader034.fdocuments.co/reader034/viewer/2022042709/5f409d37af53df47fb123f9c/html5/thumbnails/29.jpg)
![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](https://reader034.fdocuments.co/reader034/viewer/2022042709/5f409d37af53df47fb123f9c/html5/thumbnails/30.jpg)
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](https://reader034.fdocuments.co/reader034/viewer/2022042709/5f409d37af53df47fb123f9c/html5/thumbnails/31.jpg)
![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](https://reader034.fdocuments.co/reader034/viewer/2022042709/5f409d37af53df47fb123f9c/html5/thumbnails/32.jpg)
![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](https://reader034.fdocuments.co/reader034/viewer/2022042709/5f409d37af53df47fb123f9c/html5/thumbnails/33.jpg)
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](https://reader034.fdocuments.co/reader034/viewer/2022042709/5f409d37af53df47fb123f9c/html5/thumbnails/34.jpg)
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](https://reader034.fdocuments.co/reader034/viewer/2022042709/5f409d37af53df47fb123f9c/html5/thumbnails/35.jpg)
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](https://reader034.fdocuments.co/reader034/viewer/2022042709/5f409d37af53df47fb123f9c/html5/thumbnails/36.jpg)
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](https://reader034.fdocuments.co/reader034/viewer/2022042709/5f409d37af53df47fb123f9c/html5/thumbnails/37.jpg)
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](https://reader034.fdocuments.co/reader034/viewer/2022042709/5f409d37af53df47fb123f9c/html5/thumbnails/39.jpg)
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](https://reader034.fdocuments.co/reader034/viewer/2022042709/5f409d37af53df47fb123f9c/html5/thumbnails/40.jpg)
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](https://reader034.fdocuments.co/reader034/viewer/2022042709/5f409d37af53df47fb123f9c/html5/thumbnails/41.jpg)
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](https://reader034.fdocuments.co/reader034/viewer/2022042709/5f409d37af53df47fb123f9c/html5/thumbnails/42.jpg)
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](https://reader034.fdocuments.co/reader034/viewer/2022042709/5f409d37af53df47fb123f9c/html5/thumbnails/43.jpg)
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](https://reader034.fdocuments.co/reader034/viewer/2022042709/5f409d37af53df47fb123f9c/html5/thumbnails/44.jpg)
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](https://reader034.fdocuments.co/reader034/viewer/2022042709/5f409d37af53df47fb123f9c/html5/thumbnails/45.jpg)
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](https://reader034.fdocuments.co/reader034/viewer/2022042709/5f409d37af53df47fb123f9c/html5/thumbnails/46.jpg)
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](https://reader034.fdocuments.co/reader034/viewer/2022042709/5f409d37af53df47fb123f9c/html5/thumbnails/47.jpg)
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](https://reader034.fdocuments.co/reader034/viewer/2022042709/5f409d37af53df47fb123f9c/html5/thumbnails/48.jpg)
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](https://reader034.fdocuments.co/reader034/viewer/2022042709/5f409d37af53df47fb123f9c/html5/thumbnails/49.jpg)
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](https://reader034.fdocuments.co/reader034/viewer/2022042709/5f409d37af53df47fb123f9c/html5/thumbnails/50.jpg)
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](https://reader034.fdocuments.co/reader034/viewer/2022042709/5f409d37af53df47fb123f9c/html5/thumbnails/51.jpg)
El tema del uso de los colores es
muy complejo, pero a la vez
fascinante y decisivo en
el diseño contemporáneo.
![Page 52: 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](https://reader034.fdocuments.co/reader034/viewer/2022042709/5f409d37af53df47fb123f9c/html5/thumbnails/52.jpg)
Samuel Yánez
swyanez.wordpress.com