Cómo elegir la combinación de colores perfecta para su visualización de datos

¿Qué Tal? hablemos de Cómo elegir la combinación de colores perfecta para su visualización de datos

Elegir cualquier combinación de colores, ya sea para gráficos, sitios web, marcas, etc., es un desafío en sí mismo. Esa elección de colores establece el estado de ánimo para cualquier cosa y todo lo que creas.

Cuando se trata de visualización de datos, el color es especialmente importante. El esquema de color establece el tono de las imágenes y cada color sirve para representar una pieza única de información.

Los colores que utiliza en sus visualizaciones de datos representan más de una idea. El esquema de color que elija tiene el poder de mostrar el tipo de datos que está mostrando, su relación, las diferencias entre categorías y más.

Esta publicación lo guiará a través del proceso de elegir la combinación de colores perfecta para su próxima visualización de datos, desde comprender sus datos hasta encontrar la herramienta de color adecuada.

Cómo elegir la combinación de colores perfecta para su visualización de datos

¿Sus datos son secuenciales o cualitativos?

El primer paso al elegir un esquema de color para su visualización de datos es comprender los datos con los que está trabajando. Hay tres categorías principales que son importantes al elegir esquemas de color para los datos: esquemas de color secuenciales, divergentes y cualitativos.

esquemas de color secuenciales son aquellos esquemas que se utilizan para organizar datos cuantitativos de mayor a menor utilizando un efecto de gradiente. Con datos cuantitativos, normalmente desea mostrar una progresión en lugar de un contraste. El uso de un esquema de color basado en degradados le permite mostrar esta progresión sin causar confusión.

Esquemas de color divergentes le permiten resaltar el rango medio/extremos de los datos cuantitativos mediante el uso de dos tonos contrastantes en los extremos y una mezcla de color más claro para resaltar el rango medio.

Esquemas_de_colores_divergentes.png

esquemas de color cualitativos se utilizan para resaltar, lo adivinaste, categorías cualitativas. Con los datos cualitativos, normalmente desea crear mucho contraste, lo que significa usar diferentes tonos para representar cada uno de sus puntos de datos.

Esquemas_de_color_cualitativos.png

Nota: Las imágenes de arriba son de Cervecero de color 2.0 — una herramienta de color de visualización de datos diseñada para trabajar con mapeo de datos. Compruébelo para su próxima visualización de mapa de datos o para obtener esquemas de color prefabricados para usar en función de los modelos secuenciales, divergentes y cualitativos.

¿Cuántos tonos únicos necesita usar?

Ahora que ha determinado qué tipo de pantalla desea usar, es hora de determinar la cantidad de tonos que necesita usar.

Tus tonos son los colores únicos (como el rojo o el azul) en su forma más pura (sin tintes ni sombras). Usar tonos únicos es lo que crea contraste. En la visualización de datos, la creación de contraste es muy importante porque le dice al espectador que los colores contrastantes son puntos de datos comparativos. Los colores contrastantes sugieren que los puntos de datos son categóricos, no correlacionados, lo que le muestra la diferencia entre ellos en lugar de la relación de progresión.

Tenga en cuenta que es posible utilizar un esquema de color secuencial y cualitativo en la misma visualización. Y si este es el caso, deberá crear un esquema que use degradados y tonos únicos.

El papel del brillo en la selección de colores

Un consejo muy importante para crear y encontrar esquemas de color para sus visualizaciones de datos se refiere a comprender y utilizar la brillantez de colores con un propósito.

En los dos gráficos circulares a continuación, observe el brillo de los colores utilizados. En el gráfico circular de la izquierda, puede ver que se utilizan cuatro tonos principales y cuatro tintes de cada tono. Esto podría significar una relación entre el matiz y los matices, o simplemente podría usarse para llamar la atención sobre algunas secciones de los datos sobre otras.

Gráficos circulares Brillo

En el gráfico circular de la derecha, los ocho tonos utilizados tienen el mismo brillo. Ninguno tiene más blanco o negro agregado para crear un tono o un tinte, lo que finalmente crea una estética equilibrada y contrastante.

Es increíblemente importante tener en cuenta el sombreado y el brillo al crear visualizaciones de datos porque puede ser fácil sesgar la interpretación de sus datos llamando la atención sobre algunos puntos de datos sobre otros.

Para datos cualitativosa menos que intente señalar la importancia de un punto de datos específico, intente usar tonos igualmente brillantes con colores contrastantes para mostrar sus datos.

Para datos cuantitativos secuenciales, el sombreado es importante porque probablemente esté usando un degradado. Los degradados se componen de diferentes tonos y matices de un tono para mostrar la progresión de un tono de claro a oscuro, muy similar a la progresión de los datos de mayor a menor.

¿Qué herramientas puede utilizar para encontrar la combinación de colores perfecta?

Cuando se trata de encontrar el esquema de color perfecto para sus visualizaciones de datos, recomiendo encontrar un esquema que ya esté disponible. Sin embargo, esto no quiere decir que no necesite tener una gran comprensión de los conceptos básicos de la selección de colores; incluso los esquemas de color existentes deberán personalizarse según los datos que está utilizando. En otras palabras, sigue siendo importante que sepas lo que haces.

Veamos algunas herramientas que lo ayudarán a comenzar…

1) Selector de color para datos

Una herramienta bastante simple, Colorpicker, le permite mantener un color en su lugar mientras arrastra el otro localizador para encontrar un esquema de color basado en gradientes de varios tonos. Aunque esta herramienta es de naturaleza limitada, me gusta que te da la opción de visualizar tu combinación de colores en un mapa para mostrarte cómo se ve la combinación en la práctica.

Color_Picker_Tool.png

2) Caza de colores

Si solo está buscando esquemas de color prefabricados para navegar, Color Hunt es la herramienta para usted. Este sitio web está dedicado solo a esquemas de color, lo que le permite inspirarse fácilmente y descubrir códigos HEX.

Sin embargo, una advertencia es que cada uno de los esquemas está limitado a cuatro colores. Si su visualización de datos requiere más de cuatro tonos, es posible que esta no sea la herramienta para usted.

Color_Hunt_Tool.png

3) Designspiration.net

Uno de mis sitios favoritos personales para el trabajo de diseño, ya sea visualización de datos o de otro tipo, es Designspiration.net. Designspiration no solo le brinda miles de gráficos para buscar inspiración, sino que también le permite clasificar los diseños por color.

Esta es una gran herramienta para usar en la visualización de datos (incluso si las representaciones no están basadas en datos) porque le muestra cómo se ven los colores en contraste entre sí. La herramienta de clasificación por color también le brinda los códigos HEX listos para acceder, lo que hace que sea muy fácil armar una combinación que se adapte a sus necesidades.

Herramienta_de_inspiración_de_diseño.png

4) FlatUIColorpicker.com

Como parte del kit de herramientas de interfaz de usuario gratuita de Designmodo, crearon una herramienta para ayudarlo a descubrir colores para usar en su proceso de diseño. Aunque estos colores no son necesariamente parte de esquemas prefabricados, son realmente geniales para mostrarle colores brillantes y vibrantes que se utilizan para el diseño de la interfaz de usuario. Puede navegar fácilmente a través de sus listas de colores y crear sus propios esquemas de color utilizando el selector de color.

Adobe_Color_CC.png

5) adobe color cc

Una herramienta clásica para diseñadores que utilizan productos de Adobe, Adobe Color CC le permite crear sus propios esquemas de color utilizando esquemas de color basados ​​en modelos matemáticos (monocromático, análogo, triádico, complementario, etc.). Adobe Color CC también tiene una excelente sección de navegador que puede usar para encontrar esquemas de color prefabricados.

¿Qué sucede si todavía no puede encontrar lo que necesita?

¿Qué sucede si decide que realmente está buscando un esquema de color que aún no existe? ¿A qué te dedicas?

Crear un esquema de color para visualizaciones de datos desde cero puede ser especialmente difícil porque los colores que usa deben mostrar un gran contraste o progresiones naturales.

Una excelente manera de encontrar inspiración para este tipo de combinaciones de colores es dibujar en su entorno. Esto podría ser una foto colorida, un mural, una puesta de sol o cualquier cosa en la naturaleza, lo que sea. Si busca esquemas de color que le atraigan en su entorno físico, puede usar esto para crear un esquema de color para lo virtual.

Si tiene buen ojo, es posible que incluso pueda crear un esquema de color de esta manera mediante prueba y error. Sin embargo, es más probable que necesite usar una herramienta como Adobe CaptureCC o Croma de Softpress para tomar una foto y tomar los colores de la imagen para usar en sus diseños.

Chroma_por_Softpress.png

Al crear visualizaciones de datos, la parte más importante de elegir el esquema de color correcto se reduce a comprender sus datos.

Con tantas herramientas diferentes y esquemas de color prefabricados, la parte más difícil no es encontrar los colores correctos; es saber utilizar esos colores para mostrar la información de la mejor manera posible.

Ahora que sabe cómo encontrar sus esquemas de color, ponga a trabajar su nuevo conocimiento.

No olvides enviarme invitación a Linkdin

sobre el autor

Estuardo Monroy

Te gustaría saber más sobre el autor, te invito que veas la sección de Nosotros en Consultor SEO, donde se extiende hablando sobre su experiencia, conocimientos y un poco de información personal.