Color y codificación en infografía
Color y codificación en infografía
11 reglasUn tipo de escala por variable, nunca mezclado
El color de datos cae en tres familias, y cada una responde a una pregunta distinta. Categórica: matices distintos sin orden (regiones, líneas de producto). Secuencial: un solo matiz de claro a oscuro para una magnitud ordenada (densidad de población). Divergente: dos matices desde un punto medio neutro para valores por encima y por debajo de una referencia (superávit vs. déficit). Clasifica el dato primero, luego elige la familia; nunca combines lógicas en el mismo mapa o gráfico.
Categórica: 6 a 8 colores distinguibles, no más
Más allá de 8 categorías el ojo humano ya no discrimina matices de forma fiable en una sola vista, y a partir de ahí la leyenda se vuelve una tarea de búsqueda. Limita la paleta a 6 u 8 colores claramente separados; agrupa la cola larga en un bloque de otros
, o rediseña como small multiples para que cada categoría tenga su panel. En tinta CMYK el techo seguro es aún menor, porque los matices vecinos se ensucian bajo registro y ganancia de punto.
Secuencial: 3 a 7 escalones, nunca degradado crudo en impreso
Un degradado continuo se ve bien en una pantalla calibrada pero pierde sus escalones en tinta CMYK bajo calibración despareja de imprenta, así que el lector no distingue un nivel del siguiente. Rompe la rampa en 3 a 7 clases discretas (estilo ColorBrewer) con una leyenda de rangos explícita, para que cada banda mapee a un intervalo declarado. Las clases discretas también sobreviven la fotocopia y la impresión de bajo costo mucho mejor que un desvanecido suave.
Divergente: punto medio neutro, nunca blanco puro
Una escala divergente pivota sobre un valor de referencia (cero, un promedio, una meta), y ese punto medio debe leerse como sin efecto
, no como dato faltante
. Usa un neutro apagado (gris o beige) en el centro, nunca blanco puro si el fondo de página también es blanco, o la banda del cero desaparece y el lector la confunde con un hueco en los datos. Los dos brazos deben ser parejos en saturación y valor para que ningún lado se vea más fuerte por accidente.
Verifica siempre en simulación de daltonismo
Aproximadamente el 8% de los hombres y el 0.5% de las mujeres tienen una deficiencia de visión de color, predominantemente rojo–verde (deuteranopia y protanopia). Nunca codifiques un binario crítico, como aprobado/reprobado o alza/baja, solo con rojo y verde, porque esos dos matices colapsan en el mismo tono turbio para millones de lectores. Pasa la pieza por un simulador de deuteranopia antes de aprobar, y acompaña cada matiz crítico con una segunda señal.
Da a cada color un segundo canal redundante
Todo color que codifica una categoría o estado debe llevar una segunda señal: la forma de un icono, un patrón de trama, o una etiqueta directa. Esto es lo que mantiene la pieza legible para quien no percibe el matiz, o lo ve en escala de grises, una fotocopia, un fax, o una impresión de respaldo en blanco y negro. El color solo es un punto único de falla; la codificación redundante es WCAG 1.4.1 y sencillamente un seguro de impresión.
Haz la prueba de escala de grises antes de aprobar
Convierte la pieza entera a blanco y negro y míralo de nuevo. Si dos categorías codificadas por color se vuelven indistinguibles y nada más las diferencia, la codificación falló y debes corregirla en valor (luminosidad), no solo en matiz. Dos colores pueden diferir fuerte en matiz pero compartir casi la misma claridad, así que desaparecen en escala de grises, con luz tenue, y para muchos lectores daltónicos a la vez.
Reserva el acento de marca para el dato clave
Si el color de marca aparece en cada elemento, fondo y borde, deja de significar este es el importante.
Gasta el acento saturado solo en el dato o serie protagonista, el punto que la pieza existe para comunicar, y dibuja todo lo demás en una escala neutra de grises. La escasez es lo que le da al acento su poder de señalar; el abuso aplana todo el gráfico a un solo campo ruidoso e indiferenciado.
Mantén la codificación cromática consistente en la serie
Si Producto A
es azul en la ficha 1, debe ser azul en toda pieza relacionada de la misma campaña. Cambiar el color de una categoría entre piezas destruye la memoria visual que el lector acumula y lo obliga a re-aprender la clave cada vez. Fija el mapeo dato–color en un token/leyenda compartido al inicio del proyecto y reúsalo, igual que reusarías el color de un logotipo.
Verifica el contraste del label contra cada color de dato, no la página
Los data labels encima de barras o áreas de color deben cumplir WCAG AA, 4.5:1 para texto normal, contra el color específico de esa barra, no contra el fondo general de la página. Un label blanco funciona sobre un azul profundo pero es ilegible sobre un amarillo claro de la misma escala secuencial. Cambia el label a oscuro o claro según la banda, ponle una placa sutil detrás, o sácalo del relleno por completo.
Nunca uses un degradado decorativo que no codifica nada
Un degradado en un fondo o forma que no lleva ningún dato se lee como una codificación secuencial genuina cuando hay una de verdad al lado, así que el espectador busca un significado que no está. Reserva los degradados exclusivamente para donde representan magnitud; rellena las superficies decorativas con un tinte plano o un neutro sólido. Si una forma no es una escala, no debe desvanecerse.
- R-756 Un tipo de escala por variable, nunca mezclado
- R-757 Categórica: 6 a 8 colores distinguibles, no más
- R-758 Secuencial: 3 a 7 escalones, nunca degradado crudo en impreso
- R-759 Divergente: punto medio neutro, nunca blanco puro
- R-760 Verifica siempre en simulación de daltonismo
- R-761 Da a cada color un segundo canal redundante
- R-762 Haz la prueba de escala de grises antes de aprobar
- R-763 Reserva el acento de marca para el dato clave
- R-764 Mantén la codificación cromática consistente en la serie
- R-765 Verifica el contraste del label contra cada color de dato, no la página
- R-766 Nunca uses un degradado decorativo que no codifica nada