С чего начать, когда берешься за визуализацию? Как собрать понятную презентацию? Как разобраться в облаке диаграмм и графиков? Куда идет инфографика? Кто об этом говорит и как? Все, что вы хотели знать об инфографике, но не знали, у кого спросить. А может, у вас есть хороший совет? Присылайте — опубликуем!
Цвет в графиках — носитель информации. Если вы закладываете информацию в цвет, а цвет не очевиден, считать ее сложно. Красный/зеленый, синий/желтый находятся в противоположных частях спектра. Тон диаметрально противоположен, но это не самый главный показатель цвета для графиков. Важнее тут светлота. Если светлота одинакова, информацию будет сложно воспринимать. Если цветов слишком много, они будут рябить в глазах. Если легенда основана только на прочтении цветов, и цвета близки, глаза начинают путаться в оттенках.
Черный дает самый сильный контраст. Наиболее эффективное сочетание — черный текст на светлом фоне. Цветной текст сложно читать. Если вам нужен темный фон, пишите текст белым, не цветным.
Подписи непосредственно на графике читать удобнее. Если вам нужно вынести их в легенду, убедитесь в том, что сильный контраст в светлоте.
Помимо более темного оттенка цвета, вы также можете использовать полужирный шрифт. Обратите внимание на график спарава — благодаря избыточности, больше шансов, что нужная информация будет замечена.
Если вы используете другой цвет, чтобы выделить элементы графика, используйте более светлый или темный тон для этого элемента. В этом случае глазам проще увидеть разницу. Контраст облегчает задачи читателя.
Распечатайте график в черно-белом варианте, чтобы проверить достаточно ли контраста по светлоте. Цвета сработают только, если контраста будет достаточно.
Подбор цветов в инфографике — непростая задача. Тут как нигде в графическом дизайне важно, чтобы информация считывалась заданным, а не произвольным образом. Мысли «о красоте» в инфографике — последний этап, о котором стоит задуматься уже после того, как основная работа закончена.
С точки зрения функциональности, самый многогранный цвет — серый. Оставим за кадром рассуждения, о том является ли он цветом, и рассмотрим примеры.
В графике Моритца Стафанера (автора проекта Truth and Beauty) о соотношении продолжительности жизни и уровня рождаемости акцент сделан на паттернах, характерных для США и Вьетнама. Этот эффект достигается благодаря четкому разделению на цвет (зеленый, фиолетовый) и не-цвет (серый).
В bullet graph Стефана Фью три оттенка серого использованы, чтобы дать почву для интерпретации. Черная шкала — шкала количественных значений. А три оттенка серого отражают качественные уровни (хороший, плохой, средний) и помогают интерпретировать эти значения.
В научной иллюстрации Браена Кристи изображение сердца притягивает внимание благодаря цвету, а серая, напоминающая рентген грудная клетка отображает расположение сердца. Она не привлекает к себе излишнего внимания и не перегружает изображение.
В линейном графике Мартена Ламбрехта отражена история сезонного варьирования температуры. Использование серого дает тут сразу три преимущества.
В дэшборде Welovroi серый фон использован для визуальной организации информации. Он разделяет смысловые блоки без кричащих бэкграундов или отвлекающих внимание границ.
В интерактивной схеме энергетических потоков Кристиана Беренса и компании Рориф серый отображает опции, которые не выбранны в данный момент, сохраняя их видимость.
Серый — заместитель неизвестной информации. В проекте Bloomberg Billionaires лица людей, чей внешний вид неизвестен, отображены серыми силуэтами. Решение одновременно решает проблему визуализации и намекает на интригу — в миллионерах-затворниках, несомненно, есть что-то мистическое.
Перевод с англ. «Make Grey your best friend» by Andy Kirk