Представление информации

Общая батиметрическая карта океанов иллюстрирует большие океанские глубины и высоты материковой поверхности (гипсометрические отметки) в 21 шаг по принципу “чем глубше или выше, тем темнее”. На картинке ниже показаны океанические жёлобы на западе Тихого океана и в Японском море. Вокруг цветных плашек пронумерованные контуры, это упрощает чтение. Почти прозрачные серые линии вдали от глубоководных отметок — это изобаты (вне особо детализированных областей, таких как порты и прибрежные зоны). Каждая цветовая отметка на этой карте отвечает за четыре параметра: широта, долгота, море или материк и глубина или высота в метрах.

Общая батиметрическая карта океанов, Канада, 1984.

На карте океанов разные по значению области окрашены разными по насыщенностицветами — от светло- до тёмно-синего. Это простой и понятный прием, однако, он очень чувствителен к раздражающим побочным эффектам, как например, на картинке выше: не очёнь четкие переходы между прямоугольниками и недостаточный контраст мешают правильному, однозначному восприятию. Этот приём часто заменяется беспорядочной последовательностью цветов радуги, зритель на неё смотрит и пытается мысленно произнести название каждого цвета и соответствующее ему значение. Это полностью противоположно аксиоме Поля Валери: “Видеть — значит забыть имя вещи на которую смотришь”. Несмотря на то, что пишут в научных книжках по цветовому спектру, наше внутреннее зрение не готово так вот сразу упорядочить это “каждый охотник желает знать, где сидит фазан”. И поэтому в условиях этого радужного недоразумения сознанию приходится искать какие-то иные визуальные ориентиры (контуры, подписи), чтобы хоть как-то информацию переварить.

Стоит отметить, однако, что некоторые вариации тона могут существенно улучшить восприятие, ощущуение “натуральности”, естественности при этом не пропадет.

У любого цветового кодирования (будь то насыщенность или тон) могут быть побочные эффекты. В сложных случаях не стоит полагаться только на разницу цветов. Например, один и тот же цвет (маленький квадрат в центре) на разных фонах может выглядеть очень по-разному.

Ещё более удивительно то, как различные комбинации цветных плашек заставляют два разных цвета выглядеть одинаково.

Альберс описывает этот эффект как вычитаниецветов: “Многократные эксперименты со смежными цветами показывают, что любой фон вычитает свой собственный тон из цветов, которые на нём расположены, и, как следствие, находятся под его влиянием”. Вот как по-разному выглядят цвета маленьких квадратиков из предыдущей картинки, если положить их на белый фон:

Можно ли использовать эти свойства взаимодествия цветов на пользуинформационного дизайна? Не всегда, но, например, в этой карте дорог получилось. Небольшие дороги здесь обозначены тонкой красной линией. Большая же дорога — той же линией, но окруженной параллельными синими. Таким образом она фактически становится темно красной, а это новый цвет, новое обозначение, новый код.

Сам по себе цвет слаб и капризен. Более того, процесс соотнесения цветовых меток с количественными данными сопряжён с неточностями и сложностями, зрители воспринимают цвета по-разному, не говоря уж о дальтониках (и вот поэтому, кстати, не надо выкрашивать сущности, различие которых критически важно, в красный и зелёный).

В конкретной инфографической задаче можно использовать сразу несколько визуальных приёмов и попытаться тем самым избежать двусмысленностей и сложностей восприятия. Внимательное применение нахлёстывающихся методов может принести очень хорошие результаты, однако, при этом стоит опасаться излишней суетности и беспорядочности.

Для того, чтобы такое визуальное дублирование сработало, оно, во-первых, должно быть по-настоящему необходимо(то есть информацию на картинке без него понять было бы сложно). Во-вторых, следует выбрать уместные дизайнерские приемы. Если же не соблюдать эти нехитрые правила, можно получить в результате ненужное повторение. Вот несколько примеров, где в качестве двух визуальных методов передачи одной и той же информации используются цвет и контур.

На карте океанов цветные плашки (области разной глубины) окружены контурами, на которых эти глубины подписаны. Контуры не дают близким по цвету плашкам сливаться и в целом увеличивают точность изображения.

А тут цвет контура не очень важен, важно именно его наличие. Лучше всего делать контуры цветом, близким к цветам заливок. Тут, например, здания покрашены в 7 % серого, а фон — в 3 %, на второй картинке — то же самое, но с контурами.

Обратите внимание, как круто меняет дело наличие контура, объекты визуально приподнимаются над фоном, здания очень чётко отделены от земли. Кстати, научные теории о визуальном восприятии многократно подтверждали эту широко применимую в картографии и дизайне технику. Дело в том, что человек склонен придавать информации, которую несут в себе контуры, очень большое, а нередко и решающее значение.