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

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

украинского, татарского и других языков

бывшего СССР с кирилловской

графикой — тутвсе от безграмотности

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

как стандартом).

Хозяйке

на заметку

Существует раскладка, имитирующая

русскую пишущую машинку. Ее отличие

в том, что знаки препинания находятся

в верхнем ряду клавиш, но не в нижнем

регистре. Это еще хуже, потому что в этом

случае и точку надо набирать с подъемом

каретки (shift).

Вся история механизации

набора текста показывает, что умные люди

стремились сократить время печатающего.

Достаточно было десяти

минут труда случайного постороннего,

чтобы неудобная, замедляющая набор

раскладка букв

стала тиражироватьсяи превратилась

в стандарт. Это яркая иллюстрация

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

дизайнере.

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

§ 106. Кодирование. Часть первая

21 июня 2004

Кодирование — один из самых

эффективных инструментов дизайнера. Под

кодированием мы понимаем придание

объекту или сущности дополнительных

различаемых свойств. В качестве кодов

могут выступать символы, формы,

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

Некоторые коды общеизвестны, о других

Код (франц. code, от лат.

codex — свод законов),

система условных

знаков (символов) для

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

и хранения (запоминания)

различной информации.

БСЭ

301

знают только специалисты, но любой код

по определению требует расшифровки.

Кодирование символами

Цифры, буквы, знаки, иконки,

геометрические фигуры и т. д. могут

выступать в качестве кодов. В данном

примере светодиоды загораются рядом

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

об определенных состояниях сервера.

Apple Computer. Xserve

RAID. 2004

Кодирование формой

Форма объекта может быть

функциональной или

информативной. Классический

пример кодирования формой —

стрелки часов.

Photodisc

Солонка по традиции отличается

от перечницы количеством отверстий:

несколько — для соли, одно — для перца.

TERU Salt & Pepper Shakers

Подобное кодирование не только

информативно (дополнительноймаркировки

не требуется), но и функционально — соли,

как правило, сыпят в еду больше.

Шахматы — сложная игра, использующая

различные фигуры. Каждой форме, кроме

названия, соответствуют определенные

правила поведения. В шашках, напротив,

302

все фишки одной формы, поэтому игра

существенно проще.

Студия Лебедева. S&P. 2003

В электрике и электронике разные

штекеры соответствуют разной

функциональности. Исключения из этого

правила ни к чему хорошему не приводят.

Например, еще лет 20 назад в разных

районах Москвы было разное

напряжение — где-то 220 вольт, где-то —

127. При этом, разумеется, все розетки

и штепсели были одинаковыми на вид,

в результате чего ежедневно выходила

из строя куча техники,включенная в сеть

без трансформатора. Другой пример

непродуманности всесоюзного

масштаба — отечественные

громкоговорители и трехпрограммники,

у которых вилка

былаточно такой же формы, как у любого

обычного электрического прибора.

303

Надпись «в электросеть не включать»,

написанную на задней стороне, обычно

читали на уже сгоревшем

радиоприемнике.

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

При этом способе кодом выступает

расположение знака или сигнала

в пространстве или на плоскости.

Большинство примеров используют

положения справа-слева или сверху-снизу.

В отличие от других методов кодирование

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

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

может с уверенностью различить

максимум шесть позиций объекта

в пространстве или девять на плоскости.

Хороший пример кодирования

расположением — маркировка расстояний

до колодцев, являющаяся непременным

элементом оформления стен городских

зданий. С однойстороны в круге

указывается тип (скажем, Д — дренаж),

с другой — номер колодца. Но нас больше

интересуют цифры вокруг Т-образного

навигатора. Число сверху — это

расстояние в метрах до колодца от места

на стене, где прикреплена табличка. Число

304

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

означает расстояние в метрах

в соответствующем направлении.

6,5 м от стены, 5 м налево

С-Пб. 2002

3,6 м от стены

С-Пб. 2002

4 м от стены, 6 м направо

С-Пб. 2002

Очень удобно, учитывая то, что крышки

люков могут быть засыпаны снегом,

листвой или просто грязью.

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

§ 107. Кодирование. Часть вторая

22 июня 2004

Московский комментатор деликатно пояснил: «Чернокожего боксера вы можете отличить по светло-

голубой каемке на трусах…»

С. Довлатов. Соло на ундервуде

Кодирование цветом

Хотя у 8% мужчин и у 0,5% женщин

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

кодирования является цветовое.

БСЭ. Дальтонизм

Там, где расположение и форму менять

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

305

применяется цвет, являющийся

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

объекта. В некоторых случаях(например,

провода в многожильном кабеле) отличить

один объект от другого

можнотолько по цвету.

Классическим примером цветового

кодирования являются схемы

метрополитенов. Пока линий в системе

мало, можно использовать один цвет.

Но когда она разрастается, без введения

дополнительных цветов не обойтись, что

мы видим на лондонской схеме1908 года:

Первая схема метрополитена с цветовым кодированием линий.

Waterlow & Sons, Ltd.Liverpool St Hotel map

.1908

При печати в одну краску вместо цветов

можно использовать разные штриховки,

306

но делать это надо с умом.

Легенда, приведенная в книжке о дорожных знаках,

практически бесполезна.

Знаки дорожные сигнальные. М.: Московская правда, 1954

Легенда современной схемы лондонского метро

в монохромном исполнении. Все линии четко

различаются, но при этом никаких упоминаний о цвете

нет.

Tube black & white map. Transport for London, 2003

Цветовое кодирование успешно

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

картографии.

307

Карта плотности населения. Перерисовано с оригинала.

ational Center forGeographic Information and Analysis (NCGIA).Population Density. 1994

Цветом принято кодировать разные виды

одного продукта. Раньше молочные

продукты в стеклянных бутылках

отличались цветом крышек из фольги:

молоко — серебряная фольга,

ацидофилин — синяя, кефир — зеленая,

ряженка — малиновая и т. д.

Сегодня в барах по всему миру наши соотечественники

перед вылетом, во время полета и после прилета

заказывают виски по цвету этикетки, кодирующему срок

выдержки и качество

сырья: «Рэд лейбл» (пять лет), «Блек лейбл» (двенадцать),

а кто знает, тот «Голдлейбл» (восемнадцать) или

даже «Блю лейбл» (семнадцать лет + понты).

Черная икра продается под

крышками трех цветов. На самих банках

ни слова о различиях

нет (это «икра осетровых рыб»), но цветом

кодируется вид рыбы, объясняя разницу

в стоимости.

308

Белуга или стерлядь Осетр

Севрюга

Кодирование звуком

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

сообщений в зависимости от продолжительности звучания

и направления взгляда водителя — от «милая, я приехал» до «куда

прешь, мудила!». Звуковые коды применяются

в компьютерах (индикация ошибок), телефонах (тональный набор),

самолетах (системызвуковых сигналов для пилотов и членов

экипажа) и пр.

Одно из самых удачных применений

звукового кодирования — в московском

метро. Мужским голосом объявляются

станции при движении к центру города,

а женским — при движении

от центра (мнемоническое правило: босс

См. сайт

Артемия Ломова «Голоса

подземелья»

309

зовет на работу, жена — домой).

На кольцевой линии во время движения

по часовой стрелке звучит мужской голос,

во время движения против часовой —

женский. Сделано это для удобства

ориентирования слепых пассажиров.

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

§ 108. О простоте дизайна

14 октября 2004

Дизайн должен быть простым.

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

§ 109. Логика и эстетика

20 октября 2004

Два основных понятия в дизайне — логика

и эстетика. Один дизайнер, решив все

логические задачи, приходит в результате

к эстетическому финалу. Другой —

наоборот.(Есть, конечно, и третий, кому

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

но это не наш герой.)

В интерфейсах логика важнее эстетики.

Данным утверждением автор вовсе

не благословляет функциональное

уродство, а всего лишь выражает

сомнение в том, что есть смысл

раскрашивать труп. Пример важности

логики: транспортное средство

российского производства

преимущественно страшно, но водителю

известны принципы управления —

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

рулевого колеса направо. Пример

неважности эстетики:

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

310