Краткое содержание статьи на тему подбора цвета для графиков от Michael Yi.
Кроме простых правил и советов, в ней есть полезные ссылки на инструменты по подбору цвета.
Порой сложно определить палитру для отчета. Выбрать цвета такие, чтобы красиво сочетались меж собой, укладывались в корпоративный стиль, да еще и данные описывали как нужно.
Немного простой теории
Выделяют три основные типа палитр:
- Качественные. Для разделения данных на категории. Эти цвета должны быть отличимы друг от друга. Желательно, чтобы было не больше 10 категорий.
- Последовательные. Для переменных с числовым и упорядоченным значением, где оттенок/насыщенность цвета показывает величину показателя.
- Расходящиеся палитры. Контрастные - для показаний двух противоположных состояний, например, хорошо-плохо. Выглядят как две последовательные палитры, соединенные в центральном более светлом значении.
Палитры могут разделяться на дискретные и непрерывные. Непрерывные помогают отразить даже минимальные отличия в данных, но сравнивать объекты становится сложнее. Тогда как дискретные палитры группируют сходные по значениям объекты в одну цветовую группу. Что часто бывает удобно. Их можно встретить на картах при выделении областей или штатов, так они выглядят контрастнее.
Советы по цветам
- Избегайте избыточного использования цветов! Используйте дополнительные цвета только там, где это необходимо! Иногда для отчета нужен только один цвет. И это нормально.
- В рамках одного отчета/дашборда применяйте один и тот же цвет для отображения одного и того же показателя. Если цвета меняют свое значение между диаграммами, это может затруднить понимание читателем диаграммы.
- Не пренебрегайте значением цветов. Если переменная ассоциируется с каким-то цветом, лучше использовать его для ее отображения. Это облегчит восприятие.
- Не забывайте о дальтонизме.
И конечно же, самое вкусное:
Ссылки на инструменты по выбору цвета
Chroma.js Color Palette Helper