• Tweet
• Email

• Tweet
• Email

Visualización: Uso del Color II

Los gráficos representan un lenguaje visual para comunicar información cuantitativa. Como en el caso de cualquier lenguaje en el que queramos comunicarnos eficientemente es necesario que aprendamos a seleccionar la mejor forma de transmitir nuestro mensaje, la manera más clara de contar nuestras propias historias.

En nuestro primer artículo de esta serie, Visualizacion: Uso del Color I, conversábamos entorno a la importancia de imitar la naturaleza a la hora de aplicar color a nuestros gráficos; no existe mejor ejemplo de visual de un uso correcto del color, uno al que nuestros ojos se encuentren más acostumbrados por instintos básicos. Por ejemplo, las plantas y sus frutos exhiben una variedad casi ilimitada de colores y formas que despliegan con el fin de ofrecer el mayor atractivo posible ante los pájaros, insectos y mamíferos que los polinizan o diseminan en el medio, permitiendo su reproducción en el tiempo. Incluso hasta el mismo desierto hace gala de un sin fin de variaciones de color y sus tonalidades.

También mencionábamos que el uso del color en la naturaleza se basa fundamentalmente en la alternancia entre contrastes y analogías y el efecto visual que estos generan en nosotros: los contrastes llaman nuestra atención conforme las analogías agrupan elementos. En el presente artículo pretendemos detallar un poco más estos dos conceptos para posteriormente entrar de lleno en cómo aplicarlos en el desarrollo de gráficos que comuniquen de forma clara y efectiva nuestro mensaje.

Existen tres atributos básicos del color que es fundamental conocer, matiz, luminosidad y saturación.

El matiz

El matiz es el color en sí mismo; representa el atributo que nos permite diferenciar un color de otro. El círculo cromático nos puede facilitar la comprensión de este particular. A lo largo de la historia son muchos los teóricos que han intentado ordenar el matiz del color de diversas maneras, ya sea en forma bidimensional o tridimensional. Una de las formas de organización del matiz más conocidas se denomina círculo cromático y es el resultante de distribuir alrededor de un círculo los colores que conforman el segmento de luz que denominamos espectro visible.

El matiz nos ofrece una primera forma de contraste que podemos fácilmente encontrar en el círculo cromático como colores diametralmente opuestos. Les anexamos algunos ejemplos de contraste por matiz:

De igual forma el matiz nos ofrece una primera forma de analogía que podemos encontrar dentro del círculo cromático como colores cercanos unos a los otros, por más simple que consideremos la variación entre sus nombres (como naranja y naranja amarillento, amarillo y verde amarillento)  Algunos ejemplos de analogía por matiz son:

La luminosidad

Como segundo atributo del color encontramos la luminosidad, que representa la intensidad lumínica de un color, o lo que es similar el nivel de claridad u oscuridad que exhibe el mismo. Podemos entenderlo como la cercanía al blanco o al negro que este color posee. Esta dimensión es visualmente la más importante: un contraste de luminosidad ejerce un poderoso efecto sobre la atención y brinda legibilidad a nuestros datos. En la escala de luminosidad usualmente se define el negro como igual a cero (0) y el blanco igual a cien (100).

Por ejemplo, seleccionemos el matiz azul de nuestro círculo cromático y juguemos un poco con su luminosidad para que puedan visualizar mejor el concepto.

En el primer caso incrementaremos gradualmente  la luminosidad del matiz (aclararemos) azul de nuestro círculo cromático, obteniendo como resultado:

Como segundo caso disminuiremos gradualmente la luminosidad del matiz (oscureceremos) azul de nuestro círculo cromático, obteniendo como resultado:

En el caso del contraste por luminosidad nace del juego entre claridad y oscuridad, aun y cuando estemos empleando un mismo matiz. Cuanto mayor sea la diferencia entre los niveles de luminosidad de un mismo matiz mayor será el contraste.

Siguiendo con nuestro ejemplo con el matiz azul podemos alcanzar estas formas de contraste entre el matiz que tomamos como punto de partida y sus versiones aclaradas u oscurecidas:

Contraste por Luminosidad (versión aclarada)

Contraste por Luminosidad (versión oscurecida)

En el caso de la analogía por luminosidad nace igualmente del juego entre luz y oscuridad, solo que esta vez cuanto menor sea la diferencia entre los niveles de luminosidad de un mismo matiz mayor será la analogía.

En este caso, podemos encontrar con nuestro matiz azul de partida los siguientes ejemplos de analogía por luminosidad:

Analogía por Luminosidad (versión aclarada)

Analogía por Luminosidad (versión oscurecida)

La saturación

Como tercer atributo del color encontramos la saturación, que podemos definir como el nivel de pureza de un color. Se mide con respecto al gris. Los colores muy saturados poseen un mayor grado de pureza y se exhiben con mayor intensidad lumínica. Los colores con menos saturación se muestran más agrisados, con mayor cantidad de impurezas y por ende con una intensidad lumínica menor.

Por ejemplo, veamos un ejemplo de saturación tomando nuevamente como punto de partida nuestro azul del círculo cromático.

Esta vez ubicaremos en el centro nuestro matiz de partida, aumentando el nivel de saturación gradualmente hacia la derecha y  disminuyendo de forma igualmente gradual la saturación de este matiz hacia la izquierda, obteniendo como resultado:

El contraste por saturación viene determinado del juego entre el nivel de pureza o impurezas en el matiz; esto significa que cuanto mayor sea la diferencia entre los niveles de saturación de un mismo matiz mayor será el contraste.

Un ejemplo de contraste por saturación sería el siguiente:

La analogía por saturación viene determinada igualmente por el juego entre el nivel de pureza o impureza en el matiz; esto representa que cuanto menor sea la diferencia entre los niveles de saturación de un mismo matiz mayor será la analogía.

Un ejemplo de analogía por saturación sería el siguiente:

Como verán cada una de los atributos del color exhibe sus propias formas de contraste y analogía. Cada una de estas formas tiene sus respectivas aplicaciones en la visualización de información.

En nuestra próxima entrega de esta serie de artículos profundizaremos más entorno a algunos principios a tomar en cuenta para un uso eficiente y claro del color en nuestros gráficos, empleando ya ejemplos en Excel® que como siempre podrán descargar para que puedan practicar. También les describiremos varias alternativas para preparar su propia paleta de colores en Excel® cumpliendo con estos principios: ¡Al estilo de la naturaleza!

No olviden que como siempre pueden comentar sus propias opiniones con respecto a este o cualquiera de nuestros artículos, o emplear nuestro foro para aclarar cualquier duda que presenten o bien para publicar sus propios aportes.

Estamos en contacto, gracias por su preferencia.

El Equipo EXCELLENTIAS.COM

Fuentes y Referencias: