Цветовые палитры для графиков: различимость и смысл
Категориальная палитра различает группы, последовательная показывает величину, расходящаяся отмечает отклонения в обе стороны от центра. Смешивать их нельзя: категориальные цвета на карте плотности читаются как значения. Ниже — как выбрать и проверить палитру.
Три типа палитр
Категориальная палитра различает группы, последовательная показывает величину, расходящаяся отмечает отклонения в обе стороны от центра. Смешивать их нельзя: категориальные цвета на карте плотности читаются как значения, а градиент для групп — как порядок.
Категориальные цвета
Нужны различимые оттенки без внутреннего порядка. Оптимально пять-семь категорий. Больше — путаница, и стоит подумать о группировке. Не используйте радугу: она не имеет логики и плохо различается при дальтонизме.
Последовательные палитры
Плавный переход от светлого к тёмному для значений от малого к большому. Проверьте, что крайние значения различимы на печати. Градиент из двух близких оттенков выглядит красиво на экране, но исчезает в серой печати.
Расходящиеся палитры
Два цвета по сторонам нейтрального центра: подходит для отклонений и разниц. Центр должен быть нейтральным, а не насыщенным. Иначе ноль выглядит как значимое значение.
Дальтонизм
Красный и зелёный в паре — плохой выбор: около восьми процентов мужчин различают их хуже. Используйте синий и оранжевый либо добавляйте форму и штриховку. Проверка на симуляторе занимает минуту.
Печать в сером
Журналы часто печатают чёрно-белые версии. Проверьте, различаются ли серии в оттенках серого. Если нет, добавьте разные типы линий и маркеров. Это обязательный шаг, а не украшение.
Контраст с фоном
Цвет линии должен контрастировать с белым или серым фоном. Светло-жёлтый и бледно-розовый исчезают при печати и на проекторе. Проверьте контраст, а не полагайтесь на восприятие монитора.
Количество цветов
Не больше семи категориальных цветов, иначе читатель не сопоставит легенду с линиями. Если категорий больше, выделите главные, остальные покажите серым или объедините в «прочее» с пояснением.
Цвет как единственный носитель смысла
Плохо: если смысл только в цвете, часть читателей его не получит. Добавьте подписи, маркеры, штриховку. Это делает график устойчивым и к печати, и к дальтонизму.
Последовательность цветов
Если порядок важен, используйте градиент, а не набор разных оттенков. Цвет должен подсказывать порядок. Это особенно заметно на картах и на графиках с упорядоченными категориями.
Единый стиль
Одна палитра на всю статью. Читатель привыкает к цветам и быстрее понимает последующие рисунки. Менять палитру между рисунками допустимо только для разных типов данных.
Типичные ошибки
Радуга для категорий, красный с зелёным, светлые оттенки на белом, смысл только в цвете, больше семи цветов. Каждая ошибка делает график менее понятным.
Итог
Палитра выбирается по типу данных: категориальная, последовательная или расходящаяся, с проверкой на дальтонизм и серую печать.
Как проверить палитру на различимость
Уменьшите график, распечатайте в сером и посмотрите на него с расстояния вытянутой руки. Если серии сливаются, добавьте маркеры или измените оттенки. Проверка на экране в полном размере обманчива: при уменьшении цвета сближаются, а читатель видит именно уменьшенную версию в колонке или на телефоне.
Цвет и смысл в подписях
Подписывайте категории словами, а не только цветом. Тогда при замене палитры или печати смысл сохраняется. Это особенно важно в отчётах, которые копируют и пересылают: цвета могут измениться при вставке в другой документ, а подписи останутся и сохранят информацию.
Единая палитра в презентации
Если графики попадают в презентацию, используйте ту же палитру, что и в статье. Читатель узнаёт серии и быстрее ориентируется. Меняйте цвета только тогда, когда меняется смысл: например, когда на слайде показана другая группировка данных.
Как выбрать палитру для карты
Для карт используйте последовательную шкалу, если показатель меняется в одну сторону, и расходящуюся, если есть естественный центр. Проверьте, как шкала выглядит при уменьшении карты до колонки: мелкие цветовые переходы исчезают. Добавьте подписи к легенде и укажите единицы измерения, а не только минимальное и максимальное значение.
Сколько оттенков нужно
Для непрерывной величины достаточно пяти-семи ступеней: больше человек не различает. Если данных много, не увеличивайте число оттенков, а сделайте шкалу непрерывной с подписями ключевых значений. Дискретная палитра из двенадцати цветов выглядит пёстро и не помогает сравнить значения между регионами или категориями.
Ошибки при выборе оттенков
Слишком близкие оттенки, светлый жёлтый на белом, тёмно-синий и чёрный рядом, насыщенные цвета для фона. Все они встречаются в статьях и презентациях. Проблема в том, что на одном мониторе это выглядит приемлемо, а на проекторе или в печати превращается в однородное пятно. Проверяйте на нескольких устройствах и в серой версии.
Чек-лист
- Тип палитры соответствует типу данных.
- Категориальных цветов не больше семи.
- Красный и зелёный не используются как единственная пара.
- Смысл передан не только цветом.
- Палитра проверена в оттенках серого.
- Цвета контрастируют с фоном.
- Палитра едина для всех рисунков статьи.
Частые вопросы
Сколько цветов?
Не больше семи категориальных.
Что с дальтонизмом?
Избегать красного с зелёным, добавлять форму.
Что важнее всего?
Проверка в серой печати.
Пример
На графике с восемью сериями читатели путали линии. После объединения в четыре категории с разными маркерами график стал читаться без легенды и сохранил смысл в чёрно-белой версии.
Итог
Палитра выбирается по типу данных и проверяется на дальтонизм и печать в сером.