Судите сами. Как отличить хороший дизайн от плохого - Чип Кидд

Первые банкоматы появились в начале 1990-х годов и представляли собой подлинное откровение с точки зрения удобства. Однако у них имелось две проблемы: 1) они заглатывали банковские карты, чтобы прочитать их, и иногда не возвращали их обратно и 2) клавиатура для ввода пин-кода часто располагалась на слишком заметном месте, что значительно упрощало работу следившим за вами кибер-карманникам.

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

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

ПРОЕКТ:

БЕТ КОБЛИНЕР.

“САМ СЕБЕ ФИНАНСИСТ”

СОВЕТЫ ПО УПРАВЛЕНИЮ ЛИЧНЫМИ ФИНАНСАМИ

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

Такой способ подачи информации называется “присвоением визуального языка”, то есть вы берете визуальную метафору или яркий образ из одного контекста и применяете их в каком-то другом (см. также “Глаз разума”, и “Браззавильский пляж”).

Сколько?

Дизайн однодолларовой банкноты идеально понятен, и это подтверждается тем, что она непрерывно используется уже более 150 лет, не раз за это время поменявшись визуально. Образ Джорджа Вашингтона идеально иллюстрирует как идею рождения Соединенных Штатов, так и идею надежной валюты – Вашингтону можно доверять, на него можно положиться и в него можно верить (ведь все знают, что первый президент США не умел лгать!).

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

Первое впечатление: мы в это верим.

ПРОЕКТ:

ЛАРРИ КРАМЕР. “АМЕРИКАНСКИЙ НАРОД”

РОМАН ИЗ ИСТОРИИ СОЕДИНЕННЫХ ШТАТОВ

В яркой книге Ларри Крамера, которая подвергает сомнению многие устоявшиеся истины, действует немало известных исторических персонажей, в том числе Джордж Вашингтон, Авраам Линкольн, Малколм X, Мартин Лютер Кинг и другие. Я предпочел начать с самого начала, то есть с Вашингтона, и использовал деталь его знаменитого портрета, написанного в 1796 году Гилбертом Стюартом. Конечно, я помнил о дизайне долларовой банкноты, однако решил, что если использовать на обложке портрет целиком, то получится, что это книга о финансах (каковой она совершенно точно не является).

Увеличение части общеизвестного образа, вместе с названием, помогает зрителю сложить вместе два и два и понять, что в книге представлена новая точка зрения на американскую историю. Смелый и современный шрифт (Blender, созданный Ником Тоненом) сигнализирует о том, что в книге приведен современный взгляд на исторический материал.

Как свои пять пальцев

Приступая к работе надо обложкой книги, вы обычно начинаете с текста и ищете в нем подсказки для создания визуальных образов. В моем случае (поскольку я чаще всего работаю над первым изданием книги) текст обычно представляет собой неизданную рукопись. Чтение книги в таком непривычном “сыром” виде позволяет мне чуть ли не влезть в голову автора, я словно присутствую при самом акте творения.

В книге Харуки Мураками “Бесцветный Цкуру Тадзаки и годы его странствий”, где-то в конце первой трети романа, есть одна фраза, которая по сути и определила, какой будет обложка.

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

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

Первое впечатление: образ ладони с пятью пальцами – отличная метафора, подчеркивающая тесную связь в квинтете друзей.

ПРОЕКТ:

ХАРУКИ МУРАКАМИ. “БЕСЦВЕТНЫЙ ЦКУРУ ТАДЗАКИ И ГОДЫ ЕГО СТРАНСТВИЙ”

РОМАН О ЧЕТЫРЕХ БЛИЗКИХ ДРУЗЬЯХ, ОТВЕРГАЮЩИХ ПЯТОГО

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

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

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

Этот дизайн не предполагает моментального понимания. Его идея состоит в том, чтобы заинтриговать читателя, заставить его изучить книгу, попытаться расшифровать скрытую в ней загадку. Использованные материалы – серебряный цвет фона, глянцевый лак напротив каждого вырубленного окошка-пальца – должны вовлечь вас во взаимодействие с книгой, причем в такой степени, какую не под силу обеспечить ни изображение на экране, ни картинки на книжной полосе.

Сегодня я возьму себе…

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

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

Но что по-настоящему привлекло меня с точки зрения дизайна, так это оранжево-зеленое украшение сверху каждого куска пирога, сделанное в форме морковки и напоминающее о “главном” ингредиенте.

Эта иллюзия – представление о том, что продукт полезен только потому, что он создан из полезных ингредиентов – используется в мире рекламы уже много лет. Достаточно вспомнить масло Land O’lakes, сигареты с ментолом, хлопья Apple Jacks или малиновый десерт Pop Tarts.

Да будет бдителен покупающий!

Первое впечатление: разумеется, это полезный продукт! Вы только посмотрите – у него же сверху морковка!

ПРОЕКТ: