Цветовые палитры для графиков: доступность и печать
Цвет на графике должен помогать различать данные, а не быть украшением. Если смысл держится только на оттенке, часть читателей его не увидит: примерно каждый двенадцатый мужчина имеет ту или иную форму нарушения цветового зрения.
Хорошая палитра работает в трёх условиях: на экране, в чёрно-белой печати и при дальтонизме.
Почему это важно для научного графика
Читатель не выбирает, как ему смотреть статью. Он может открыть PDF на телефоне, распечатать на офисном принтере или использовать программу экранного доступа.
Если две линии различаются только красным и зелёным, при дейтеранопии они сольются. Вывод, который держится на этом различии, будет потерян.
Требования доступности
WCAG, критерий 1.4.1 «Использование цвета» (уровень A), требует не передавать информацию только цветом. Для графиков это означает: цвет — дополнительный канал, а не единственный.
Критерий 1.4.11 «Контраст нетекстовых элементов» (уровень AA) задаёт минимум 3:1 для границ элементов, которые нужны для понимания. Тонкие бледные линии на белом фоне часто этот порог не проходят.
Качественные палитры
Для категориальных данных нужна палитра, где цвета хорошо различимы между собой и не создают ложного порядка. Классический пример — палитра Okabe–Ito из восьми цветов, разработанная с учётом нарушений цветового зрения.
Ещё один приём: добавить к цвету форму маркера, тип линии или штриховку. Тогда различие сохраняется даже в монохромной печати.
Непрерывные палитры
Для величин (температура, плотность, концентрация) нужна последовательная или дивергентная шкала. Воспринимаемо равномерные палитры вроде viridis дают плавный переход и остаются читаемыми при дальтонизме.
Палитры типа «радуга» (jet) вводят ложные границы: глаз видит резкие переходы там, где данные меняются плавно. Для научных графиков их лучше избегать.
Дивергентная шкала уместна, когда есть осмысленная середина: ноль, среднее, нейтральный уровень. Если середины нет, используйте последовательную.
Палитра и печать
Проверьте график в градациях серого. Если серии сливаются, добавьте различие по форме или штриховке.
Учитывайте, что дешёвые принтеры искажают светлые оттенки. Тёмные насыщенные цвета и достаточная толщина линий повышают шансы, что график останется читаемым.
Сколько цветов нужно
Чем больше категорий, тем труднее различить цвета. Практический предел для качественной палитры — около восьми серий; дальше лучше разделить график на панели.
Если категорий много, подумайте, нужен ли вообще цвет: иногда таблица или малые кратные графики понятнее.
Согласованность
Один и тот же цвет должен означать одно и то же во всех рисунках статьи. Если в первом графике синий — контроль, во втором он не должен стать опытной группой.
Зафиксируйте соответствие в легенде или в подписи и проверьте все рисунки перед отправкой.
Инструменты проверки
Симуляторы дальтонизма показывают, как график выглядит при разных типах нарушения цветового зрения. Конвертация в градации серого — минимальная проверка, доступная в любом графическом редакторе.
Контраст между линией и фоном можно оценить калькулятором контраста по формуле WCAG. Для тонких линий ориентируйтесь на 3:1 как минимум.
Частые ошибки
- красный и зелёный как единственное различие;
- палитра «радуга» для непрерывных величин;
- слишком светлые линии на белом фоне;
- разный цвет для одной категории в разных рисунках;
- больше восьми категорий на одном графике;
- проверка только на своём мониторе.
Тепловые карты
Для матриц значений используйте палитру с равномерной воспринимаемой яркостью. Палитры с резкими переходами создают ложные границы между соседними значениями.
Подпишите шкалу и укажите единицы. Отдельно проверьте, как карта выглядит при дальтонизме: красно-зелёные схемы здесь особенно рискованны.
Цвет в презентации и в статье
Проектор искажает цвета сильнее печати. Если график показывается на защите, проверьте его на реальном проекторе и в затемнённой аудитории.
Для статьи делайте версию, рассчитанную на печать: насыщенные цвета и контрастные линии вместо тонких пастельных оттенков.
Прозрачность вместо бледных цветов
Полупрозрачные маркеры помогают увидеть плотность точек, но при печати светлые области исчезают. Проверьте, что даже самые бледные элементы различимы на бумаге.
Если точек много, используйте контуры вместо заливки: они сохраняют форму при наложении и лучше воспроизводятся в чёрно-белом варианте.
Чек-лист
- Цвет не единственный носитель информации.
- Палитра различима при дальтонизме.
- График читается в градациях серого.
- Контраст линий не ниже 3:1.
- Число категорий не превышает разумного предела.
- Соответствие цветов одинаково во всех рисунках.
- Проверка выполнена на другом экране.
Частые вопросы
Какая палитра подходит по умолчанию?
Для категорий — Okabe–Ito или другая проверенная палитра с различимыми цветами. Для непрерывных величин — viridis или аналогичная воспринимаемо равномерная шкала.
Нужно ли отказываться от корпоративных цветов?
Нет, если они проходят проверку на различимость и контраст. Логотип в графике не должен нести смысловую нагрузку.
Как быть, если журнал печатает только чёрно-белые рисунки?
Стройте график сразу в монохроме: разные типы линий, штриховка, маркеры. Цветные версии можно приложить как дополнительные материалы.
Достаточно ли проверить график симулятором?
Это необходимый, но не достаточный шаг. Проверьте также печать, проектор и маленький экран.