Uso accesible del color mediante Adobe Color

El color es uno de los elementos básicos a la hora de realizar una composición gráfica ya que contribuye a la transmisión de sensaciones, percepciones y sentimientos en la interpretación de un mensaje. Así lo comentan Velasco, Laureano, Mora y Herrera (2010), quienes afirman que:

[…]el color es un elemento clave en el diseño gráfico, es el elemento más visible en un servicio o producto. Antes de iniciar la lectura de un texto o comprender una imagen, el color ya empieza a transmitirnos su mensaje. (Sección Psicología del color, párr. 1)

Por tal razón, su adecuado uso para elaborar la interfaz gráfica de un multimedia educativo es importante y todo un reto si se toma en consideración la accesibilidad; este es el caso del material didáctico en producción “Química de remediación de aguas”, en el que se empleó la aplicación web Adobe Color, desarrollada por la compañía Adobe Inc, para validar la selección de los colores a través de las Pautas de Accesibilidad de Contenido Web (WCAG por sus siglas en inglés) que emplea esta herramienta.

La accesibilidad es un tema amplio al cual se le presta atención en las diferentes etapas de producción del multimedia educativo y, por ende, en la selección adecuada de los colores dado que, comprende diferentes aspectos que contribuyen a mejorar la comprensión, la percepción, la interactividad y la navegación del material.

En este multimedia educativo se elaboraron dos paletas de color, una principal para las interfaces y los estilos del contenido textual, y una secundaria más orientada a contribuir a identificar cada uno de sus apartados. Con respecto a la propuesta, estos se escogieron con base en la temática del agua en su entorno natural y modificación por parte del ser humano, la intención fue generar un ambiente congruente con el tema central de la química y la remediación de aguas.

Como parte de la verificación del uso del color se utilizó la opción “Comprobador de contraste” donde se validó que las combinaciones cromáticas seleccionadas para los contenidos textuales en la interfaz fueran visualmente accesibles mediante una correcta proporción de color entre el fondo y el texto para facilitar la lectura de parte del usuario.

A continuación, se aprecian algunas de las validaciones realizadas con los colores:

También se utilizó la opción “Temas seguros para daltónicos” con la que se creó una paleta de color segura para las variantes de deuteranopía, la protanopía y la tritanopía, que le permite al usuario tener una experiencia visual más inclusiva, ya que evita los conflictos de color al proponerle colores distintos en algunos casos, pero aptos para su adecuada percepción.

A continuación, se aprecia la validación de las paletas de color seleccionadas:

Tal y como se puede apreciar en las diferentes imágenes, las verificaciones de color fueron positivas, en los casos de contraste se obtuvo un nivel aceptable de doble A y en las paletas de color, total certeza de que son seguras para usuarios que presentan daltonismo.

Retomando la herramienta Adobe Color, esta fue de gran utilidad como parte de la investigación constante y experiencia de uso de nuevas herramientas que contribuyen al área del diseño, donde el uso de colores accesibles trasciende más allá de percepciones personales o valor estético, pues hoy en día es posible utilizarlos con un criterio técnico más fundamentado para justificar su selección.

Asimismo, esta aplicación web se seleccionó por su facilidad de uso y las nuevas opciones de accesibilidad que ofrece, las cuales se integran con las distintas aplicaciones que dispone la suite Adobe Creative Cloud (Adobe CC), no obstante, vale la pena mencionar que para quienes no cuentan con una licencia la herramienta ofrece estas posibilidades de manera gratuita, aunque con ciertas limitantes.

Dentro de las posibilidades más versátiles que ofrece Adobe Color, para aquellos usuarios con licencia de paga y debidamente autenticados en la aplicación web, es crear, guardar, explorar y compartir con otros usuarios paletas de color, que pueden ser utilizadas posteriormente en otras aplicaciones de Adobe CC como Photoshop, Ilustrador, Fresco, entre otras; lo que sin duda alguna, brinda nuevas posibilidades y escenarios en cuanto a la gestión del uso del color en los diferentes proyectos de diseño que se trabajen de manera individual o colaborativa.

Por otro lado, la herramienta también permite generar colores a través de la aplicación de reglas de armonía de color como Análogos, Monocromáticos, Complementarios, entre otros; y a partir de un modo de color en específico determinar los valores de otro modo, por ejemplo, determinar los valores CMYK a partir de los valores RGB o viceversa.

Otra opción interesante es que permite capturar los colores o gradientes de color a partir de una imagen para luego generar paletas de color que se pueden guardar y compartir.

Finalmente, en los apartados “Explorar” y “Tendencias” ofrece opciones de búsqueda y elección del color a partir de diferentes filtros y categorías, pero con un enfoque de uso más colaborativo y social, en las que se puede guardar paletas de color en una biblioteca personal para utilizarlos en diferentes aplicaciones de Adobe CC, valorar las diferentes armonías publicadas, descargar las paletas en formato de imagen JPEG o compartir las mismas mediante la red social Twitter.

Lo invito a que conozca y explore Adobe Color para que experimente con la teoría del color en sus diferentes proyectos y, además, le saque el máximo provecho a las nuevas herramientas de accesibilidad que ofrece para utilizar el mismo de manera inclusiva.

Para más información sobre Adobe Color puede visitar el sitio web oficial de la aplicación web: https://color.adobe.com/es/create/color-wheel

Referencias

Velasco Santos, Perla, Laureano Cruces, Ana Lilia, Mora Torres, Marta y Herrera Bautista, Miguel Ángel. (octubre, 2010). Diseño de agentes pedagógicos a partir de los estilos de aprendizaje; una perspectiva a través del color.  Ponencia presentada en el IV Congreso Mundial de Estilos de Aprendizaje. Recuperado de http://kali.azc.uam.mx/clc/02_publicaciones/material/Dise%C3%B1o_de_AvataresPerspColor_10.pdf

Cite este texto:

Delgado Vargas J. (2022) Uso accesible del color mediante Adobe Color. Sonar Multimedia [blog]. https://multimedia.uned.ac.cr/pem/wp/sonar-multimedia/?p=303