Cuarto y último articulo de la serie Uso del Color donde se sustenta principios de visualizacion de informacion aplicados al correcto empleo del color en graficos.
Ya alcanzamos el cuarto artículo de esta serie enfocada en el color y su correcta aplicación en la creación de gráficos que comuniquen un mensaje claro, estético y efectivo. Pueden consultar en cualquier momento nuestros anteriores artículos (Visualización: Uso del Color I, Visualización: Uso del Color II y Visualización: Uso del Color III).
En nuestra última edición describíamos como crear una paleta personalizada de colores para ser aplicada en aquellos casos en los que la naturaleza de nuestros datos lo requiera. Una excelente opción es emplear ColorBrewer; la herramienta fue originalmente creada por la profesora de Geografía Cynthia A. Brewer (The Pennsylvania State University, Departamento de Geografía) como aplicación de la teoría del color a la cartografía. No obstante estos esquemas de color también pueden ser aplicados al diseño de otros tipos de gráficos en lo que es indispensable el uso del color para poder distinguir visualmente grupos de datos.
Una vez que acceden a ColorBrewer disponen de un grupo de opciones para crear su paleta de colores personalizada que luce como en la imagen anexa:
En la parte superior derecha de la herramienta (“Number of data clases on your map”) disponen de una lista desplegable donde podrán seleccionar la cantidad de grupos de datos a “etiquetar” empleando para ello color. Para nuestro ejemplo supongamos que contamos con cuatro (4) grupos de datos de volúmenes de venta por equipo de trabajo; para comenzar preparemos en Excel ® 2007 un gráfico de columnas agrupadas para obtener un resultado como el siguiente:
Como saben el resultado por defecto no es el más óptimo en cuanto al correcto empleo del color. Por ello ingresaremos a ColorBrewer para preparar una paleta de cuatro colores. Podemos seleccionar por ejemplo múltiples esquemas de color secuencial de forma muy sencilla, como en el ejemplo anexo:
Finalmente puedes preparar el esquema de colores de tu preferencia en Excel® partiendo del código RGB que ColorBrewer nos suministra al acceder al menú “Export Your Colors”:
En nuestro ejemplo la aplicación del nuevo esquema de color preparado con ColorBrewer dio como resultado el siguiente gráfico:
Les dejamos a su disposición un archivo Excel ® contentivo de los diferentes esquemas de colores disponibles en Color Brewer. Descargar aquí.
¡Nuestro agradecimiento a Cynthia Brewer y su equipo por poner a nuestra disposición tan excelente herramienta!
3.- Cuando sea necesario emplear color preferir colores suaves (de baja saturación) a colores fuertes (de alta saturación).
Nuevamente Stephen Few nos inspira a este respecto. En su artículo “Uses and Misuses of Color” expresa: “La naturaleza utiliza colores intensos para atraer la atención; tenemos que hacer lo mismo”. Cuando empleamos colores más suaves para codificar nuestros datos el resultado puede ser analizado de una forma más agradable, con menos distracción de cuando empleamos colores más fuertes.
Partiendo de nuestro ejemplo original observemos la diferencia entre emplear colores muy saturados y emplear colores con menor nivel de saturación.
Datos de volumen mensuales de ventas por grupo codificados con alto nivel de saturación en los colores empleados:
Datos de volumen mensuales de ventas por grupo codificados con un menor nivel de saturación en los colores empleados:
¿Cual de las dos opciones se hace visualmente más agradable y sencilla para su lectura y análisis? En nuestro caso, y creemos que tambien en el suyo la segunda opción permite una lectura más sencilla de la información.
El empleo de colores muy fuertes afectan nuestra visión; cuando nuestros ojos son expuestos a ellos por cierto tiempo pueden generar ilusiones sobre nuestra percepción visual, efectos por supuesto no deseados cuando se trata de representar y comunicar un mensaje gráfico claro.
Un ejemplo claro de los efectos de distorsión visual que pueden generar los colores muy saturados es el siguiente, donde tomaremos de partida colores con alta saturación como los que empleamos en el ejemplo anterior:
En la imagen inferior fija la vista en la cruz gris durante 30 a 45 segundos sin desviar la mirada. Nuestros ojos se adaptarán durante este tiempo a los colores. Luego desvía la mirada a la cruz gris situada entre los espacios en blanco; verás entonces allí porciones ilusorias de color que resultan las versiones complementarias de los originales.
¡Precisamente es este el tipo de efectos ópticos ilusorios que debemos evitar!
Esperamos que puedan aprovechar al máximo la información que hemos publicado hasta la fecha entorno al uso del color. Este es la última entrega de la serie que teníamos planificada realizar. No obstante el tema es en verdad tan fascinante, complejo y lleno de interesantes estudios e investigaciones que de seguro continuaremos publicando en el futuro más al respecto.
En cualquier caso ya saben que pueden contar con nosotros si desean mayor información; pueden publicar sus comentarios en cualquiera de nuestros artículo o en nuestro foro. ¿Por que no prueban enviarnos sus propias paletas de color para compartirlas con el resto de la comunidad? Pueden emplear para ello igualmente nuestro foro. Recuerden siempre que en el camino del conocimiento, el cual recorremos como todos junto a ustedes ¡Todos los aportes son siempre bienvenidos!
Saludos y exito,
El Equipo EXCELLENTIAS.COM
Fuentes y Referencias:
“El Gran Libro del Color”; Birren, Faber; Primera Edición; 1982; Editorial Blume, Barcelona, España. ISBN: 84-7031-502-1.
"Envisioning Information"; Tufte, Edward; Cuarta Edición; 1990; .Graphics Press; ISBN: 978-0961392116.
"Now You See"; Few, Stephen; Primera Edición; 2009; Analytics Press; ISBN: 978-0970601988.
"Uses and Misuses of Color"; Few, Stephen; Noviembre 2005; Perceptual Edge.
"El Por Que del Efecto Óptico"; Junio 2007; sabercurioso.com.
En la parte superior derecha de la herramienta (“Number of data clases on your map”) disponen de una lista desplegable donde podrán seleccionar la cantidad de grupos de datos a “etiquetar” empleando para ello color. Para nuestro ejemplo supongamos que contamos con cuatro (4) grupos de datos de volúmenes de venta por equipo de trabajo; para comenzar preparemos en Excel ® 2007 un gráfico de columnas agrupadas para obtener un resultado como el siguiente:
Como saben el resultado por defecto no es el más óptimo en cuanto al correcto empleo del color. Por ello ingresaremos a ColorBrewer para preparar una paleta de cuatro colores. Podemos seleccionar por ejemplo múltiples esquemas de color secuencial de forma muy sencilla, como en el ejemplo anexo:
Finalmente puedes preparar el esquema de colores de tu preferencia en Excel® partiendo del código RGB que ColorBrewer nos suministra al acceder al menú “Export Your Colors”:
En nuestro ejemplo la aplicación del nuevo esquema de color preparado con ColorBrewer dio como resultado el siguiente gráfico:
Les dejamos a su disposición un archivo Excel ® contentivo de los diferentes esquemas de colores disponibles en Color Brewer. Descargar aquí.
¡Nuestro agradecimiento a Cynthia Brewer y su equipo por poner a nuestra disposición tan excelente herramienta!
3.- Cuando sea necesario emplear color preferir colores suaves (de baja saturación) a colores fuertes (de alta saturación).
Nuevamente Stephen Few nos inspira a este respecto. En su artículo “Uses and Misuses of Color” expresa: “La naturaleza utiliza colores intensos para atraer la atención; tenemos que hacer lo mismo”. Cuando empleamos colores más suaves para codificar nuestros datos el resultado puede ser analizado de una forma más agradable, con menos distracción de cuando empleamos colores más fuertes.
Partiendo de nuestro ejemplo original observemos la diferencia entre emplear colores muy saturados y emplear colores con menor nivel de saturación.
Datos de volumen mensuales de ventas por grupo codificados con alto nivel de saturación en los colores empleados:
Datos de volumen mensuales de ventas por grupo codificados con un menor nivel de saturación en los colores empleados:
¿Cual de las dos opciones se hace visualmente más agradable y sencilla para su lectura y análisis? En nuestro caso, y creemos que tambien en el suyo la segunda opción permite una lectura más sencilla de la información.
El empleo de colores muy fuertes afectan nuestra visión; cuando nuestros ojos son expuestos a ellos por cierto tiempo pueden generar ilusiones sobre nuestra percepción visual, efectos por supuesto no deseados cuando se trata de representar y comunicar un mensaje gráfico claro.
Un ejemplo claro de los efectos de distorsión visual que pueden generar los colores muy saturados es el siguiente, donde tomaremos de partida colores con alta saturación como los que empleamos en el ejemplo anterior:
En la imagen inferior fija la vista en la cruz gris durante 30 a 45 segundos sin desviar la mirada. Nuestros ojos se adaptarán durante este tiempo a los colores. Luego desvía la mirada a la cruz gris situada entre los espacios en blanco; verás entonces allí porciones ilusorias de color que resultan las versiones complementarias de los originales.
¡Precisamente es este el tipo de efectos ópticos ilusorios que debemos evitar!
Esperamos que puedan aprovechar al máximo la información que hemos publicado hasta la fecha entorno al uso del color. Este es la última entrega de la serie que teníamos planificada realizar. No obstante el tema es en verdad tan fascinante, complejo y lleno de interesantes estudios e investigaciones que de seguro continuaremos publicando en el futuro más al respecto.
En cualquier caso ya saben que pueden contar con nosotros si desean mayor información; pueden publicar sus comentarios en cualquiera de nuestros artículo o en nuestro foro. ¿Por que no prueban enviarnos sus propias paletas de color para compartirlas con el resto de la comunidad? Pueden emplear para ello igualmente nuestro foro. Recuerden siempre que en el camino del conocimiento, el cual recorremos como todos junto a ustedes ¡Todos los aportes son siempre bienvenidos!
Saludos y exito,
El Equipo EXCELLENTIAS.COM
Fuentes y Referencias:
[...] Uso del Color I, Visualizacion: Uso del Color II, Visualizacion: Uso del Color III y Visualizacion: Uso del Color IV). Resumiendo a este respecto, recomendamos el uso de colores suaves, de baja saturación y usar el [...]