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

4. Постоянного равновесия можно достигнуть на контрасте и его можно выразить прямой линией (предел пластических средств) в её основном противостоянии, например, в прямом угле…

6. Всякая симметрия должны быть исключена.

Мишель Сеуфор “Пит Мондриан: жизнь и работа”, Нью-Йорк, 1956.

На рисунке ниже метод Бирна объедиен с традиционным буквенным обозначением. Выглядит суетно, но все-таки две техники в данном случае дополняют друг друга: глаз движется между рисунком и текстом доказательства. Подобное дублирование позволяет зрителю самому решить, как ему удобнее связывать картинку с текстом, и мне думается, что он станет использовать оба метода сразу.

Существует около 50 цветовых пространств, в каждом из них цвет описывается некими тремя параметрами: яркость, насыщенность и тон — в системе Манселла и подобных; красный, синий, зелёный — в разнообразных аддитивных моделях для экранной передачи цвета; циан, маджента и жёлтый — в субтрактивных методах для полиграфии. Систем много, а вот составляющих цвета всегда три.

Можно ли использовать многомерную природу цвета для представления многомерной информации? И сможет ли зритель понять или научиться понимать подобные представления? Можно это проверить: скажем, имеется массив точек, у каждой точки кроме координат X и Y (которые определяют её положение на плоскости), есть ещё 3 дополнительные координаты, которые мы и станем подсвечивать красным, синим и зелёным соответственно значениям, которые они принимают. На картинке матрица 5х5 показывает пары значенией Х и Y. Обратите внимание на цветовые кластеры, фактически это представление многомерной информации на плоскости.

Колин Вэйр и Джон Бетти “Использование цвета в качестве инструмента дискретного анализа данных”, Университет Ватерлоо.

Этот метод хорош для работы с простыми кластерами данных. При серьёзном анализе нужно будет опираться на то, как зритель может считывать каждый конкретный трехкомпонентный цвет.

Цвет также оживляет и наполняет дополнительным смыслом компьютерные интерфейсы (однако, важно не переусердствовать и не превратить интерфейс в пародию на видеоигру):

На рисунке ниже традиционный многооконный интерфейс со скроллерами и всякими штуками. Густая темная сетка визуально шумит по правилу 1+1=3, причем шум этот к границам окна возрастает. А шум нынче дорог, ведь компьютеры — это устройства с низкой разрешающей способностью, а работать им приходится с большой плотностью данных. Это и есть главная проблема мониторов: человек и компьютер способны перерабатывать огромное количество сложной информации, а взаимодействовать они вынуждены через узкополосный экран с низким разрешением, и стало быть о быстрой, четкой работе можно забыть.

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

Цвет вполне способен обогатить технически обусловленную информационную скудность компьютерного экрана. Во-первых, смягчается эффект, возникающий, если долго смотреть на лампы накаливания. Кроме этого, цвет оттеняет края и позволяет вовсе отказаться от сетки и контуров. Цвет активного окна должен быть довольно светлым (чтобы не возникало эффекта 1+1=3) и в то же время ярким и насыщенным, чтобы однозначно это активное окно выделить. Единственный цвет, подходящий по всем параметрам — жёлтый. Таким образом задача двумерного дисплея может быть решена двумя характеристиками одного цвета.

Чем руководствоваться в выборе цветов для инфографики? Беспроигрышная стратегия — использовать природные цвета, особенно светлые, оттенков голубого, жёлтого и серого. Такие цвета не раздражают глаз. Природная цветовая палитра помогает избежать слишком яркого, безвкусного цветового барахла.

Гретхен Гарнер “Березовая роща”, фотография, 1988.

Проакцентировать важное можно отдельными яркими пятнами на приглушенном фоне. Эдуард Имхоф развивает эту тему своей характеристикой науки и искусства картографии:

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

Четвертое правило: Если на картинке больше одного крупного пятна одного цвета, то картинка визуально распадается. Однако, единство можно восстановить, если цвета одной области плавно смешиваются с цветами другой, если цвета связаны, переплетены наподобие ковра. Природа земной поверхности такова, что изобразить её можно только цветными пятнами. Это острова, озёра и реки, низины и возвышенности и т. д. Эти объекты нередко встречаются и на тематических картах, чем усложняют интерпретацию и провоцируют повторы.

Эдуард Имхоф “Картографическое представление рельефа”, Берлин,1982.

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

Цвет это, конечно, не просто визуальная маркировка объектов на плоскости, это ещё и очень чувствительный и точный инструмент разделения. С информацией как с искусством: “Множество цветовых комбинации предоставляет непаханное поле для вариации смыслов… от малейшего затемнения до сверкающей симфонии цвета. Какие перспективы для работы со смыслами”, — писал Поль Клее. Поль клее “О современном искусстве”, Берн, 1945. На самом деле, если учитывать как сложно сопоставить цвет с числом, а потом это аккуратно интерпретировать, всё не так радужно.

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

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

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