Лебедев А. Ководство. Параграфы о дизайне

Подождите немного. Документ загружается.

установленного на пульте, или нет?

Производители сегодня борются с этой

дилеммой с помощью дискретности

элементов управления. Именно поэтому,

когда меломан на своем пульте выбирает

пятый трек, лампочка

этоготрека загорается только на объекте,

но не на пульте.

В R-100 эта проблема тoже полностью

решена, так как обратная связь

осуществляется по радио и обмен

информацией происходит постоянно.

Оба вышеописанных принципа

построения интерфейсов одинаково

применимы как к железу, так и к софту.

Постоянство, предсказуемость

и одинаковость поведения одного

элемента управления должны

присутствовать во всей системе. Еще

лучше — во всех системах. Если

мы меняем звук

колесом, то регулировка звука везде

должна производиться именно колесом,

а не кнопками, рычагами, бегунками

и пр. Именно поэтому плохо придумывать

для сайтов нестандартные элементы

151

управления, если можно использовать

системные средства.

Человек знаком с десятком элементов

интерфейса своей операционной системы

и не станет осваивать новые способы

управления только потому, что они

присутствуют на сайте, который он видит

впервые.

Системы с двусторонней связью

актуальны в электронике и построении

программных интерфейсов. Если

мы изменили уровень звука на одной

панели, то индикатор уровня звука должен

поменяться на всех остальных панелях.

Если панели одновременно

видны,то изменения также должны быть

одновременно представлены

пользователю.

Артемий Лебедев

§ 77. Евро пришло

26 декабря 2001

В ночь с 31 декабря на 1 января 2002 года

к нам приходит новый персонаж. Его зовут

не Дед Мороз. Его зовут евро.

Мы сразу же начнем писать его

с маленькой

буквы (хотя в большинстве текстов сегодня

его почему-то пишут с большой) и будем

считать, что оно среднего рода (как песо).

Знак евро для России пока еще является

экзотикой. У дизайнеров рекламных

объявлений в стандартном оформительском

наборе вообще нет

евро. Символы современного российского

города — шрифты Браш скрипт, Бетина,

Парсек — пока еще не обновились

152

у каждого уважающего себя оформителя

вывесок и объявлений.

Нам еще предстоит застать волну

самопальных евро, нарисованных левой

ногой. Следитеза вывесками на обменных

пунктах.

Вернемся немного назад, в начало

семидесятых. Главный дизайнер

Европейского сообщества Артур

Ейшенменгер, отвечавший

за работы по созданию

европейского флага

и знака (см. любой предмет

из Европы в том месте, где обычно

стоит знак стандарта), рисует

закорюку в виде

буквы С, перечеркивает ее знаком

равенства и уходит в отставку.

Kate Connolly, «Inventor who coined euro

sign fights forrecognition,» The Observer, 23.12.2001

Проходит много лет. В 1992 году собираются

евроминистры и решают сделать единую

евровалюту (йе-йе!). А в 1997 году дедушка

Ейшенменгер смотрит телевизор и вдруг видит

президента

Еврокомиссии Жака Сантера, демонстрирующего

пятиметровую загогулину из оргстекла, которую

европейские правительства приняли в качестве

знака новой евровалюты. «Матильда, смотри, это

моя Е, моя Е!» — закричал выпрыгнувший

из кресла дед своей жене.

Интрига в том, что Еврокомиссия никогда

не называла автора знака евро. Известны

имена и должности авторов евробанкнот

и евромонет. А про дизайн самого знака

было сказано, что он выбран из тридцати

153

вариантов, рассматривавшихся

на внутренних заседаниях. И что из них

сперва было выбрано десять вариантов,

а потом из десяти осталось два,

а потом Жак Сантер и Ив-Тибо

де Сильги (еврокомиссар, ответственный

за евро) выбрали один-единственный

вариант.

Такая вот бельгийская демократия. Хотя,

собственно, чему тут удивляться. Наши

деньгитоже никто публично не обсуждал.

Дали сто рублей со шрифтом Адвертайзерс

готик — радуйся. Но одно дело деньги у нас.

В конце концов, одна страна. А евро делается

для многих стран, в которых существует

хотя бы традиция общественно важные вещи

обсуждать. И вот всем этим странам

подсовывают «постмодернистский крендель».

И они молча его едят. Потому что вкус

европарламента мало чем отличается от вкуса

стран — участниц Варшавского договора

или Содружества Независимых Государств.

Чем больше старперских министров

соберутся вместе, тем кастрированнее

получится предмет их эстетических

притязаний. Дизайн самих денег евро —

наглядный томупример. Очень напоминает

по стилю папку с документами какой-

нибудь конференцииСЭВ.

Но что есть, то есть. Самое главное

началось потом. Еврокомиссия наняла

каких-то консультантов по стандартам

визуальной идентификации (т. е. тех, кто

говорит, как что рисовать). И те выдали

примерно такое:

154

Следует обратить внимание

на то, что параллельные линии

имеют скосы

на концах. Снаружи элемента

«С»

две линии располагаются одна

под другой. Внутри элемента

«С»

нижняя линия смещена влево

на расстояние, вычисляемое

путем продления вниз

направляющей по углу скоса

верхней линии.

Официальный знак евро

в разных

форматах

При этом не допускалось никакое другое

использование знака. Не будем подробно

описывать негодование дизайнерской

общественности, но Еврокомиссии пришлось

несколько раз переписывать правила

использования символа. Остановились на том, что

есть официальный знак, а есть просто некие

признаки, которые должны присутствовать, когда

он рисуется для конкретного шрифтового

начертания.

Проблемы с евро возникают постоянно. Во-

первых, дедушка Ейшенменгер совершенно

не собирался делать знак для обозначения

валюты. Он просто любил букву Е, которая

с детства присутствовала в его фамилии.

Во-вторых, знак подавался Еврокомиссией

как логотип, а не как будущий

общеупотребительный символ. Это

примерно как если бы существовал один-

единственный способ отображения буквы

Ю — какой шрифт ни возьми, Ю всегда

должна быть одинаковой. Бред?

Бред. Так и тут.

К сожалению, многие производители

шрифтов успели врисовать именно логотип,

а не новый адаптированный к начертанию

знак в свои шрифты. Автор убежден, что

знак евро должен быть во всех смыслах

155

частью того шрифта, которому

он принадлежит.

Как Еврокомиссия описывает

на официальном сайте новый знак? Что

он означает? В параллельных линиях нам

предлагается увидеть стабильность новой

валюты. В форме знака E — намек на букву

эпсилон, отсылающую нас к Греции как

колыбели (таки написано) европейской

цивилизации. Ну и все это вместе является

первой буквой в слове «Европа».

Еще одна проблема со знаком заключается

в том, что он спроектирован как символ,

который пишется перед числом.

А во многих странах так не пишут.

156

Во Франции, в Германии, в России и других

странах символ пишется после значения.

Остается только поздравить друг друга

с одним из самых уродливых знаков

в наборной кассе.

Артемий Лебедев

§ 78. Пиктограммы

и идеограммы

26 декабря 2001

Что может быть проще пиктограммы?

Ее задача кажется совершенно

понятной — передать информацию

короче, быстрее, понятнее, эффективнее,

чем слово.

В какой-то момент развития графических

интерфейсов сначала производители,

а потом и потребители решили, что

на этих самых интерфейсах сошелся

клином белый свет. И образованные,

умеющие читать люди вдруг обнаружили

недетскую страсть к пиктограммам

и идеограммам.

Хозяйке

на заметку

Пиктограмма — это когда нарисован

стакан и имеется в виду стакан.

Идеограмма — это когда нарисован стакан

и имеется в виду стакан, бухло, попойка,

стекольная промышленность, процент

пьяных водителей и пр. в любой

грамматической форме.

Вволю намучившись с идеограммами,

человечество придумало алфавитное

письмо. Именно с помощью этого вида

письма автор написал то, что читатель

157

сейчас прочел. Вроде работает. А теперь

посмотрим на иллюстрацию:

Это навигационное меню

программы «Акробат ридер». Красным

подчеркнуто то, на чтонадо обратить

внимание. Внимание! Необходимо

ответить на один простой вопрос: что

обозначают пять пар стрелок? Разумеется,

это «вправо-влево» и «вперед-назад».

Но что влево? И что вправо?

Чтобы узнать ответ, нам придется

открыть «Акробат», подвести курсор

к каждой из стрелок и прочитать

подсказку. Подсказка, разумеется, будет

написана старыми добрыми буквами,

которых так стеснялись разработчики

интерфейса.

Ну хорошо. А что если мы берем знаки,

значение которых

может трактоваться толькоодним

образом? Скажем, дорожные знаки.

Прекрасный пример простоты

и понятности. Заедем с ревизией в Санкт-

Петербург, на Невский проспект.

158

В кадр попало сорок пять знаков, висящих

над одним перекрестком. Плюс реклама.

В жизни это выглядит страшнее —

столько же знаков висит для едущих

в обратную сторону. Очевидны благие

намерения тех, кто знаки вешал —

им хотелось, чтобы над каждым рядом

висели все необходимые указания.

Но водитель смотрит на мир шире — чуть

шире 180 градусов, если

быть точным. И в его поле зрения попадают

все знаки. Плюс реклама.

Человек в состоянии моментально увидеть

и распознать некоторое ограниченное

количество объектов (скажем, семь или

пятнадцать). Эти объекты должны быть

разными, чтобы не превратиться

в кашу, требующую значительного

времени на анализ. В идеальном

навигационном интерфейсе человек

не должен испытывать затруднений

с ответом на вопросы «где я», «из чего

я выбираю» и «куда я попаду».

Если пиктограммы и знаки имеют

несколько трактовок (то есть становятся

идеограммами) или просто

непонятны, то их значение необходимо

дублировать текстом.

159

Использование простого знака

Берлин, 2002

Использование идеограммы с текстом

Амстердам, 2001

Артемий Лебедев

§ 79. Делать фонт болдом или

италиком?

28 декабря 2001

Так получилось, что за свою недолгую

историю книгопечатание не принесло нам

разнообразия в оформлении

наборного текста. Разбавлять «одинаковость»

можно разными шрифтами, форматами

и размерами.

Если мы набрали текст каким-то шрифтом,

наши дальнейшие маневры весьма

ограничены. Можно увеличить

интерлиньяж (расстояние между строками),

выровнять строки по правому или

по левому краю. Подчеркнуть интонацию

на письме почти нечем — в наличии

щепотка знаков препинания.

Есть еще несколько типографских способов

обозначить смысловую часть. Эти способы

делятся на позволительные

и непозволительные.

Позволительные: жирное начертание,

160