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

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

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

Обратите внимание на множество мелких деталей: объемный фон, изменение цвета контуров, игра света и тени на ледниках, цветная типографика. Низ картинки черно-белый, и этот контраст подчеркивает преимущества цветной части.

“Гора Маттерхорн, 1347″, Государственная служба топографии Швейцарии, Ваберн, 1983.

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

Правило первое: несколько больших ярких плашек рядком — это чудовищно. Но если использовать яркие цвета фрагментарно или же комбинировать их с чем-то бледненьким, может получиться очень даже хорошо. “Шум это не музыка. Только пиано делает форте и крещендо возможным, также и яркие штрихи хороши только на бледном фоне”. Сама организация земного пространства подталкивает нас к использованию дизайнерских решений такого рода в картографии. Любые экстремумы, например, наивысшие горные точки или океанские глубины, минимум и максимум температур, как правило занимают очень небольшие области. Ограниченное использование ярких цветов — красота. Большие цветные плашки рядом все только испортят.

Правило второе: использование ярких цветов подряд как правило дает неприятные результаты, особенно, если цвета используются на больших пространствах.

Нарушьте эти рекомендации, и вы получите что-нибудь жуткое, типа этого:

“Основное горючее для домашнего отопления в США: 1950, 1960, 1970″

Все эти яркие цвета, особенно синий фон, провоцируют использование белой обводки, которая и выходит на первый план. Цвета перенасыщены, и явно наблюдается эффект 1+1=3, прямо целое визуальное побоище.

Наряду с критикой цветового шума первое правило Имхофа содержит важную конструктивную мысль: яркие цвета на светло-сером или приглушенном фоне выделяют информацию и помогают установить общую гармонию. Архитектурный рисунок Дэниэла Бернхема показывает важность небольших цветных пятен: понятно, ярко, фактурно, но не суетно, нужный цвет в нужном месте. План Чикаго 1909 года содержит ещё несколько подобных примеров мастерской работы с цветом.

Дэниэл Бернхэм “План летней столицы Филиппинских островов”, из сборника “План Чикаго”, Чикаго, 1909.

Одним единственным элементом, прозрачными, но сильными штрихами, Ян Чихольд отвергает классическую симметричную относительно центра сетку в пользу несимметричного дизайна книжного разворота.

Ян Чихольд “Новая типографика”, Берлин 1928.

Очень достойная работа с цветом в переиздании первых шести книг “Начал” Евклида под редакцией Оливера Бирна в 1847 году. Истинный визуал, Бирн отказывается от традиционного в геометрии буквенного обозначения. Каждый элемент однозначно определяется по форме, цвету и положению на плоскости — вместо того, чтобы толковать об угле DEF, угол этот показан и для геометрии вполне убедительно (ведь мы ведем беседу в области геометрии, не так ли?). Ниже приведена традиционная страница с доказательством теоремы Пифагора, в рисунке использовано 63 обозначения — это же сколько надо потратить времени, чтобы все это прочесть и все нужные связи у себя в голове установить.

Дюрелл “Элементарная геометрия”, Лондон, 1936.

А вот визуальное представление той же теоремы. Руари Маклин назвал книгу Бирна “одной из самых странных и красивых книг 19-го столетия… бесспорное усложнение Евклида, но и издательский триумф Чарльза Витхэма”. Однако, при ближайшем рассмотрении становится понятно, что по меньшей мере для определенной группы читателей бирновское представление вносит ясность в неочевидные и запутанные изыскания Евклида.

Оливер Бирн “Первые шесть книг “Начал” Евклида с использованием цветных диаграмм и символов вместо букв для упрощения обучения”, Лондон, 1847.

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

Оливер Бирн был всего лишь придворным землемером Фолклендских островов и школьным учителем математики, а его дизайн Евклидовых “Начал” предвосхищает чистые простые цвета, ассиметрию, угловатость, лёгкость пустого пространства и беспредметность, характерные для неопластицизма и живописи художественной группы Стиль (De Stijl) 20-го века. И все-таки это Евклид. Только декоративные буквицы и ксилография Мэри Бифильд намекают на принадлежность к эпохе, хотя с другой стороны, можно сказать, что они выглядят тут настоящим пост-модерном.

Пит Мондриан “Композиция с красным, желытм и синим”, 1930.

Тео ван Дузбург “Одновременная контр-композиция”, 1929–1930.

В 1926 году Пит Мондриан объявил принципы нео-пластицизма:

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

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