Представление информации - [12]

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

IBM Series III Copier/Duplicator, Руководство по сборке, Колорадо, 1976. Рисунок Гэри Грэхема.

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

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

Теперь на первом плане информация, а не оформление — все прозрачным образом организовано в невидимойтаблице.

Однако, столетия издевательств над информацией дают о себе знать. Вот, например, очаровательная иллюстрация из издания «Космографии» за 1535 год.

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

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

Ян Чихольд, «Асимметричная типографика», Базель, 1935.

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

Поль Клее «Симптоматика». Рисунок тушью и пером, 1927.

На рисунке ниже больничный чек (подробное обследование в течение 26 дней). К каждой группе цифр — текстовое объяснение. Похоже на полифонию: временная последовательность, бухгалтерские данные, часы, минуты, деньги.

Симла, Индия, карта армии Соединенных Штатов, 1954.

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

Префектура Токио. Мусашино, парк Уэно, район Курумазака, Токио, 1884.

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

Чистые, яркие цвета невыносимы в большом количестве, на больших площадях рядом друг с другом, но в то же время их фрагментарное использование или же комбинация ярких и бледных тонов может давать удивительные эффекты. «Шум это не музыка… красочная тема может родиться только в тишине», говорил Виндиш.

Эдуард Имхоф «Представление картографического рельефа», Берлин, 1982.

Здесь электрокардиаграмма и сетка спорят.

Здесь же, сетка приглушена.

Это относится и к нотной бумаге: одни нотные альбомы явно лучше других.

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

Жиамбаттиста Нолли «Pianta Grande di Roma», Рим, 1748.

В мастерски выполненной карте Рима 1748 года волнистая тектура реки оживляет то, что должно было быть визуально спокойной областью, заставляя названия мостов и маленькую лодку хоть и слегка, но покачиваться на волнах. Если же перекрасить волны и тем самым немного приглушить их колебания, на передний план выступают названия и другие детали, но ощущение движения воды все-таки остается. Это изменение отлично иллюстрирует аналогичный подход к писательскому делу, предложенный Итало Кальвино: