Contraste por Tono o matiz · Contraste Claro-Oscuro Distribución de luces y sombras, cuando los...
Transcript of Contraste por Tono o matiz · Contraste Claro-Oscuro Distribución de luces y sombras, cuando los...
![Page 1: Contraste por Tono o matiz · Contraste Claro-Oscuro Distribución de luces y sombras, cuando los tonos de los colores se traducen en diferentes valores de un solo color. No existen](https://reader030.fdocumento.com/reader030/viewer/2022040817/5e620b9e3c2a991e6174f32d/html5/thumbnails/1.jpg)
![Page 2: Contraste por Tono o matiz · Contraste Claro-Oscuro Distribución de luces y sombras, cuando los tonos de los colores se traducen en diferentes valores de un solo color. No existen](https://reader030.fdocumento.com/reader030/viewer/2022040817/5e620b9e3c2a991e6174f32d/html5/thumbnails/2.jpg)
Contraste por Tono o matiz
Se obtiene de combinar colores puros
![Page 3: Contraste por Tono o matiz · Contraste Claro-Oscuro Distribución de luces y sombras, cuando los tonos de los colores se traducen en diferentes valores de un solo color. No existen](https://reader030.fdocumento.com/reader030/viewer/2022040817/5e620b9e3c2a991e6174f32d/html5/thumbnails/3.jpg)
Contraste Claro-OscuroDistribución de luces y sombras, cuando los tonos de los colores se traducen en diferentes valores de un solo color. No existen líneas de contorno.
![Page 4: Contraste por Tono o matiz · Contraste Claro-Oscuro Distribución de luces y sombras, cuando los tonos de los colores se traducen en diferentes valores de un solo color. No existen](https://reader030.fdocumento.com/reader030/viewer/2022040817/5e620b9e3c2a991e6174f32d/html5/thumbnails/4.jpg)
Contraste Frío CálidoLas sensaciones de frío y calor están íntimamente relacionadas con los elementos de la percepción del color. Se consideran colores cálidos los amarillos, rojos y anaranjados y colores fríos los azules y verdes. Las combinaciones de estos colores producen el contraste definido.
![Page 5: Contraste por Tono o matiz · Contraste Claro-Oscuro Distribución de luces y sombras, cuando los tonos de los colores se traducen en diferentes valores de un solo color. No existen](https://reader030.fdocumento.com/reader030/viewer/2022040817/5e620b9e3c2a991e6174f32d/html5/thumbnails/5.jpg)
Contraste Complementario
Es el que se produce al mezclar los colores complementarios. Los colores complementarios tienen igual importancia ante nuestros ojos.
![Page 6: Contraste por Tono o matiz · Contraste Claro-Oscuro Distribución de luces y sombras, cuando los tonos de los colores se traducen en diferentes valores de un solo color. No existen](https://reader030.fdocumento.com/reader030/viewer/2022040817/5e620b9e3c2a991e6174f32d/html5/thumbnails/6.jpg)
Contraste Simultaneo
Se combina el color gris sobre dos superficies complementarias. Sobre un color cálido, el gris tiende a tomar las características del complementario, es decir tiende a verse en una tonalidad fría. También ocurre el proceso inverso.
![Page 7: Contraste por Tono o matiz · Contraste Claro-Oscuro Distribución de luces y sombras, cuando los tonos de los colores se traducen en diferentes valores de un solo color. No existen](https://reader030.fdocumento.com/reader030/viewer/2022040817/5e620b9e3c2a991e6174f32d/html5/thumbnails/7.jpg)
Contraste por Saturación
Se combina el mismo color en sus diferentes niveles de saturación, utilizando toda la gama de tonos
mezclados con el blanco y el negro.
![Page 8: Contraste por Tono o matiz · Contraste Claro-Oscuro Distribución de luces y sombras, cuando los tonos de los colores se traducen en diferentes valores de un solo color. No existen](https://reader030.fdocumento.com/reader030/viewer/2022040817/5e620b9e3c2a991e6174f32d/html5/thumbnails/8.jpg)
Contraste por ExtensiónPara romper la igualdad de peso al contrastar colores complementarios, se varía la extensión de los colores, por ejemplo: en el contraste amarillo - violeta, si queremos resaltar la importancia de éste último, aumentamos su extensión con respecto al amarillo. Igual sucede con las otras combinaciones azul - anaranjado y rojo - verde.
![Page 9: Contraste por Tono o matiz · Contraste Claro-Oscuro Distribución de luces y sombras, cuando los tonos de los colores se traducen en diferentes valores de un solo color. No existen](https://reader030.fdocumento.com/reader030/viewer/2022040817/5e620b9e3c2a991e6174f32d/html5/thumbnails/9.jpg)
![Page 10: Contraste por Tono o matiz · Contraste Claro-Oscuro Distribución de luces y sombras, cuando los tonos de los colores se traducen en diferentes valores de un solo color. No existen](https://reader030.fdocumento.com/reader030/viewer/2022040817/5e620b9e3c2a991e6174f32d/html5/thumbnails/10.jpg)
![Page 11: Contraste por Tono o matiz · Contraste Claro-Oscuro Distribución de luces y sombras, cuando los tonos de los colores se traducen en diferentes valores de un solo color. No existen](https://reader030.fdocumento.com/reader030/viewer/2022040817/5e620b9e3c2a991e6174f32d/html5/thumbnails/11.jpg)
![Page 12: Contraste por Tono o matiz · Contraste Claro-Oscuro Distribución de luces y sombras, cuando los tonos de los colores se traducen en diferentes valores de un solo color. No existen](https://reader030.fdocumento.com/reader030/viewer/2022040817/5e620b9e3c2a991e6174f32d/html5/thumbnails/12.jpg)
![Page 13: Contraste por Tono o matiz · Contraste Claro-Oscuro Distribución de luces y sombras, cuando los tonos de los colores se traducen en diferentes valores de un solo color. No existen](https://reader030.fdocumento.com/reader030/viewer/2022040817/5e620b9e3c2a991e6174f32d/html5/thumbnails/13.jpg)
![Page 14: Contraste por Tono o matiz · Contraste Claro-Oscuro Distribución de luces y sombras, cuando los tonos de los colores se traducen en diferentes valores de un solo color. No existen](https://reader030.fdocumento.com/reader030/viewer/2022040817/5e620b9e3c2a991e6174f32d/html5/thumbnails/14.jpg)
![Page 15: Contraste por Tono o matiz · Contraste Claro-Oscuro Distribución de luces y sombras, cuando los tonos de los colores se traducen en diferentes valores de un solo color. No existen](https://reader030.fdocumento.com/reader030/viewer/2022040817/5e620b9e3c2a991e6174f32d/html5/thumbnails/15.jpg)
![Page 16: Contraste por Tono o matiz · Contraste Claro-Oscuro Distribución de luces y sombras, cuando los tonos de los colores se traducen en diferentes valores de un solo color. No existen](https://reader030.fdocumento.com/reader030/viewer/2022040817/5e620b9e3c2a991e6174f32d/html5/thumbnails/16.jpg)
Percepción del color
![Page 17: Contraste por Tono o matiz · Contraste Claro-Oscuro Distribución de luces y sombras, cuando los tonos de los colores se traducen en diferentes valores de un solo color. No existen](https://reader030.fdocumento.com/reader030/viewer/2022040817/5e620b9e3c2a991e6174f32d/html5/thumbnails/17.jpg)
![Page 18: Contraste por Tono o matiz · Contraste Claro-Oscuro Distribución de luces y sombras, cuando los tonos de los colores se traducen en diferentes valores de un solo color. No existen](https://reader030.fdocumento.com/reader030/viewer/2022040817/5e620b9e3c2a991e6174f32d/html5/thumbnails/18.jpg)
Organización del Color
• El color debe emplearse para agrupar ítems relacionados
• Consistencia al agrupar objetos del mismo color
![Page 19: Contraste por Tono o matiz · Contraste Claro-Oscuro Distribución de luces y sombras, cuando los tonos de los colores se traducen en diferentes valores de un solo color. No existen](https://reader030.fdocumento.com/reader030/viewer/2022040817/5e620b9e3c2a991e6174f32d/html5/thumbnails/19.jpg)
Economía del Color
• Cuando se desea transmitir información, se recomienda hacerlo en blanco y negro; luego usar color sólo para resaltar items importantes.
![Page 20: Contraste por Tono o matiz · Contraste Claro-Oscuro Distribución de luces y sombras, cuando los tonos de los colores se traducen en diferentes valores de un solo color. No existen](https://reader030.fdocumento.com/reader030/viewer/2022040817/5e620b9e3c2a991e6174f32d/html5/thumbnails/20.jpg)
Comunicación del Color
• Usar contrastes por tono, valor o saturación: para centrar la atención del usuario.
• Se debe tener especial cuidado al utilizar colores altamente luminosos. Recordemos el brillo emitido por los monitores.
![Page 21: Contraste por Tono o matiz · Contraste Claro-Oscuro Distribución de luces y sombras, cuando los tonos de los colores se traducen en diferentes valores de un solo color. No existen](https://reader030.fdocumento.com/reader030/viewer/2022040817/5e620b9e3c2a991e6174f32d/html5/thumbnails/21.jpg)
Comunicación del Color II
• Se debe evitar el uso de los colores rojo y verde para enmarcar las páginas, ya que la percepción de estos en la periferia del campo visual humano se dificulta. Los colores amarillo y azul se perciben muy bien en la periferia de la retina por lo tanto son los recomendados en estas áreas.
![Page 22: Contraste por Tono o matiz · Contraste Claro-Oscuro Distribución de luces y sombras, cuando los tonos de los colores se traducen en diferentes valores de un solo color. No existen](https://reader030.fdocumento.com/reader030/viewer/2022040817/5e620b9e3c2a991e6174f32d/html5/thumbnails/22.jpg)
Comunicación del Color III• Tomar en cuenta los conceptos de
luminosidad y saturación al cambiar las áreas de los objetos coloreados.
• Se debe tener especial cuidado al usar combinaciones: rojo/verde; azul/amarillo; verde/azul y rojo/azul; pueden ser usadas si se quiere causar un efecto especial sobre los usuarios, de los contrario pueden ocasionar sombras, ilusiones y posimágenes.
![Page 23: Contraste por Tono o matiz · Contraste Claro-Oscuro Distribución de luces y sombras, cuando los tonos de los colores se traducen en diferentes valores de un solo color. No existen](https://reader030.fdocumento.com/reader030/viewer/2022040817/5e620b9e3c2a991e6174f32d/html5/thumbnails/23.jpg)
Conclusiones
• Desde el punto de vista estético la percepción del color es definitivamente un fenómeno subjetivo.
• Es recomendable adecuar la gama de colores al tipo de contenido y al usuario.
• Se sugiere el uso de la paleta segura de 216 colores
• El color debe emplearse para agrupar items relacionados
![Page 24: Contraste por Tono o matiz · Contraste Claro-Oscuro Distribución de luces y sombras, cuando los tonos de los colores se traducen en diferentes valores de un solo color. No existen](https://reader030.fdocumento.com/reader030/viewer/2022040817/5e620b9e3c2a991e6174f32d/html5/thumbnails/24.jpg)
Conclusiones
• Para transmitir información el conjunto de fondo muy claro, sin imágenes o fondos con texto en negro o gris oscuro sigue siendo el mas recomendable, usando color sólo para resaltar items importantes.
• Evitar el uso de combinaciones de colores que puedan causar efectos fisiológicos adversos.