Поможем написать учебную работу
Если у вас возникли сложности с курсовой, контрольной, дипломной, рефератом, отчетом по практике, научно-исследовательской и любой другой работой - мы готовы помочь.
Если у вас возникли сложности с курсовой, контрольной, дипломной, рефератом, отчетом по практике, научно-исследовательской и любой другой работой - мы готовы помочь.
КоводствоОсновные темы «Ководства» графический и промышленный дизайн, проектирование интерфейсов,типографика, семиотика и визуализация. Предисловие расположено внизу. Проект существует с 1997 года. Автор Артемий Лебедев. |
|||||
2009 |
§ 157. О стилизации |
||||
2008 |
§ 156. Дизайн это война § 155. Печать пиктограмм и скриншотов § 154. Ты нарисовал плакат с пальцем? § 153. Пирамида Лебедева § 152. Патент краток, язык вечен § 151. Со временем все портится § 150. От обратного § 149. Решение задач § 148. Единица смысла § 147. Простота ≠ примитивность § 146. О склонении топонимов на «о» |
||||
2007 |
§ 145. Бессмысленная презентация § 144. Цитата из Леонардо § 143. Знаки препинания в нестандартных ситуациях § 142. О разрядке прописных и строчных § 141. Короче § 140. Дизайнеры и дизайн § 139. Бревно в чужом глазу § 138. Кофе оно |
||||
2006 |
§ 137. Матрица эмоций § 136. Теория близости § 135. Неформальная типографика § 134. Способ определения предела масштабирования шрифта в одном измерении § 133. Двоезапятие § 132. Низкое разрешение § 131. О навигации в общественных местах § 130. Пять цитат из Ромы Воронежского § 129. Новости на неновостных сайтах § 128. Бумага стерпит § 127. Без тени сомнения |
||||
2005 |
§ 126. Фокус-группы § 125. Факты § 124. Логотипы § 123. Штампы § 122. Книжные корешки § 121. Об употреблении некоторых топонимов § 120. Висячая пунктуация § 119. Буква ё § 118. О цифровом и аналоговом § 117. Гайдлайны § 116. Знак рубля § 115. О маркетинге § 114. Корпоративный русский § 113. Тайна Декларации независимости § 112. Амперсанд § 111. Учимся умножать на два |
||||
2004 |
§ 110. Учимся делить на два § 109. Логика и эстетика § 108. О простоте дизайна § 107. Кодирование. Часть вторая § 106. Кодирование. Часть первая § 105. Трагедия запятой § 104. Кавычки § 103. Хочу как у них § 102. Создание бланков организационно-распорядительной документации |
||||
2003 |
§ 101. Перспектива и вертикальные линии § 100. Без слов § 99. Законы дизайна § 98. Здравствуйте, с вами говорит робот § 97. Тире, минус и дефис, или Черты русской типографики |
||||
2002 |
§ 96. Большая маркетологическая глупость § 95. Заявка на дизайн § 94. Дримскамтру § 93. Работаем над ошибками. URL errare humanum est § 92. Будь готов! § 91. Краткая история телефонных номеров § 90. Пломбир для пассажиров первого класса § 89. Боязнь простоты § 88. Идеальная урна § 87. Клиент всегда неправ § 86. Плохие дизайнеры и плохие заказчики § 85. Симметрию на помойку § 84. Сколько байтов в килобайте? § 83. Секреты хорошего гипертекста § 82. Параграф, освещенный матовой лампочкой § 81. Жизнь и необычайные приключения типографского пункта |
||||
2001 |
§ 80. За спиной у президента § 79. Делать фонт болдом или италиком? § 78. Пиктограммы и идеограммы § 77. Евро пришло § 76. Два главных принципа построения интерфейсов § 75. Про дом и про ссылки на самого себя § 74. Доллар куда будем ставить? § 73. Культурные контексты § 71. Смерть пиксельной графики § 70. Разрешение экранов. И немного о происхождении 72 точек на дюйм § 69. Разрешение картинок § 68. Доменные имена по-русски § 67. Lorem ipsum § 66. Рыба § 65. Скиномания § 63. Садись, благодарная Россия, «два»! |
||||
2000 |
§ 62. Экранная типографика § 61. Краткий самоучитель по быстрорастворимому креативу § 60. Э... коммерция § 57. Делайте сайты проще § 56. Информационные и презентационные сайты § 55. Как писать слово «интернет»? § 54. Краткий экскурс в историю гипертекста § 51. Почему сайты не должны издавать звуков § 50. О статусной строке § 49. Дублирующая навигация § 48. Боремся за чистоту урлов § 47. Заставки на сайтах. Часть вторая § 46. Заставки на сайтах. Часть первая |
||||
1999 |
§ 43. Открывание новых окон § 42. Родовая травма рунета § 41. Шесть приемов порноиндустрии § 40. Цветовые теории § 39. Поплачь о нем, пока он живой § 36. Убитое поколение § 35. Разнообразие видов § 34. Как завещал великий § 33. Панграммы § 30. Шовковые шлоганы § 27. Цитата из Коломнина § 26. Цирюльский Сибирник, или Документальный фильм за 45 миллионов § 25. Явление формата § 23. Немного о дореволюционной орфографии § 20. Молодой и бывалый § 19. Прививка от действительности |
||||
1998 |
§ 15. Автора! Часть вторая, практическая § 14. Автора! Часть первая, теоретическая § 8. Простой секрет ГИФа |
||||
§ 0. Предисловие |
Артемий Лебедев § 0. Предисловие |
Оспоривать с дубиной в руках! перебил дядя, мы не в Киргизской Степи. В образованном мире есть другое орудие.
И. А. Гончаров. Обыкновенная история
01 |
Первые параграфы были написаны в качестве глав книги про веб-дизайн в 1997 году. Уже на следующий год стало понятно, что природная лень не позволит автору быстро довести дело до публикации на бумаге, поэтому был открыт одноименный сайт. |
02 |
В разные годы проект менял название. Изначально планировалось писать только про интернет, однако интересы автора несколько шире, поэтому «Ководство» плавно превратилось в заметки о дизайне, истории важных изобретений, интерфейсах, семиотике и т. д. В 2002 году началась переделка проекта с нуля, в результате чего летом 2003 года появилась исправленная и дополненная версия. В конце 2006 года специально для настоящего издания все параграфы были еще раз переписаны, а большинство иллюстраций заменено. Неактуальные и морально устаревшие параграфы составляют пропуски в нумерации, чему удивляться не надо. |
03 |
NB! |
Каждый абзац каждого параграфа пронумерован. Это, с одной стороны, дисциплинирует изложение, а с другой, помогает ссылаться на нужное место в тексте (вы только что прочитали третий абзац нулевого параграфа). |
04 |
«Ководство», являясь отражением мировоззрения и личного мнения автора, посвящено дизайну как образу жизни и мысли. Дизайнер, вопреки превратному представлению большинства, не только водит мышью по столу, он живет своей профессией, делая из хаоса порядок. Он владеет умами и создает настроения. Хороший дизайнер управляет людьми с помощью своих произведений, плохому нужна плетка-семихвостка. |
05 |
В «Ководстве» нет готовых рецептов дизайнерского успеха, потому что их вообще никто не знает. А как употреблять пищу для ума за столом с хорошим вином или глотая кусками с картонной тарелочки дело читателя. |
06 |
P. S. Вопросы, комментарии и замечания автор с удовольствием получает по личному адресу электропочты: tema@tema.ru. |
07 |
Артемий Лебедев § 8. Простой секрет ГИФа11 сентября 1998 |
01 |
ГИФ это сокращение от Graphics Interchange Format (формат обмена изображениями). Его придумали в компании «Компьюсерв», когда представления о том, что такое картинка на экране, были далеки от сегодняшних, как «Пентиум II» от 286-го. Если бы создатели ГИФa знали, что будет твориться в 1998 году, они бы не придумали такой кривости. Впрочем, в середине восьмидесятых не считали, что кому-нибудь всерьез понадобится больше 256 цветов. И не знали о том, что кому-то захочется делать анимацию. |
02 |
Лирическое |
Вообще, вполне могли изобрести формат, который поддерживал бы 24 бита (но мог жить и при одном), хорошо сжимался (и имел несколько видов компрессии), позволял устанавливать уровень потери качества, умел проявляться постепенно и при этом изображение занимало бы мало места. Впрочем, формат ПНГ почти приближен к идеалу, но, поскольку придуман он всего года три назад, его никто серьезно не поддерживает. А жаль. |
03 |
Совершенно понятно, для чего нужен ГИФ. Для простой графики, не для фотографий. Весьтекст, линии, однотонные поверхности должны сохраняться в этом формате. |
04 |
Сослагательное |
Ветераны помнят, что довольно долго все эротические картинки существовали тольков формате ГИФ. Собственно, именно благодаря желанию масс передавать подобные картинки формат и сделали. Отнять популярность у него смог только джипег, который лучше справлялся с задачей. Создатель же ПНГ не додумался в свое время перевести пару сотен баб в свой формат и заслать их в соответствующие конференции. Тогда бы всем пришлось обзавестись новинкой и популярность была бы обеспечена раз и навсегда. Было бы у нас три формата. |
05 |
Чтобы понять, как работает ГИФ, рассмотрим простой пример. Возьмем картинку и сохраним ее в ГИФе: |
06 |
07 |
Потом возьмем ее же и повернем на 90 градусов: |
08 |
09 |
Графическая информация осталась та же. Ни один пиксель не пропал. На что же нужно обратить внимание? На размеры этих картинок. Первая занимает 1,5 килобайта,а вторая 400 байтов. То есть почти в четыре раза меньше. |
10 |
Пока те, кто впервые такое видит, собирают с пола выпавшие глаза, раскроем секрет: ГИФ сжимает (а компрессия происходит всегда) изображение горизонтально. Поэтому во втором примере было потрачено гораздо меньше места на запись информации. Рассмотрим под микроскопом то, с чем пришлось иметь дело компрессору. |
11 |
Представьте, что формат ГИФ живой человек. Ему нужно записать изображение словами так, чтобы потом воспроизвести увиденное в любое время и без ошибок.Он берет верхний ряд картинки высотой в пиксель и смотрит на него (показанов увеличении): |
12 |
13 |
Сколько слов нужно потратить на описание? «Восемь пикселей черного цвета, тринадцатьбелого, восемь черного...» и так далее. Целую тетрадку за три копейки займет. А что мы видим во втором случае? |
14 |
15 |
«Линия черного цвета длиной в девяносто два пикселя», и все. |
16 |
Зная, как себя ведет ГИФ, можно контролировать процесс создания изображений.Стараться делать побольше линий одного цвета. Поменьше вертикальных картинок. |
17 |
Но самое главное не поддаваться на простоту и очевидность этого примера. В жизни всё всегда сложнее. Сегодняшний трюк лишь часть того, что надо знать, чтобы у заказчиков лица были добрыми, а улыбки широкими. |
Артемий Лебедев § 14. Автора! Часть первая, теоретическая29 октября 1998 |
01 |
Поговорим об авторских правах. Тема настолько же интересная, насколько большинству о ней ничего не известно. |
02 |
По вопросам авторского права написаны статьи и диссертации, существуют многостраничные законы и постановления, в основе которых простое утверждение: у всего на свете есть автор. За каждым текстом, картинкой, загогулиной, мелодией кто-то стоит. В момент создания произведения рождается право создателя считать себя автором. Данное право никто не может отнять, купить, подарить или продать. Все равно что утверждать, что Вася это не Вася. Поэтому авторское право называется неотчуждаемым. |
03 |
Лирическое |
Ради краткости изложения обойдем стороной такие понятия, как «коллективный автор»,«служебное произведение» и пр. Также оставим в стороне все те тонкости, на которых основана уверенность в сытом завтрашнем дне юристов, чьей специализацией является авторское право. |
04 |
В случае продажи произведения речь идет не о продаже авторства, а о праве на использование произведения. Если дизайнер, скажем, создал логотип для фирмы N, авторское право на изображение остается за дизайнером. Фирма N может у дизайнера приобрести право на использование логотипа и купить согласие на то, что этот же логотип дизайнер не продаст еще десяти фирмам. |
05 |
Лирическое |
Даже в ситуации, когда автор продает исключительные права на использование своего произведения, он всегда может использовать его, например, в собственном портфолио или собрании сочинений. |
06 |
Символ охраны авторских прав © оброс огромным количеством мифов. Многие убеждены в том, что отсутствие такого значка рядом с произведением является свидетельством того, что произведение может быть использовано в любом виде перепечатано, перепродано, украдено и т. д. Это заблуждение. Опознавательные знаки по большому счету вообще не нужны. И нет никакого стандарта на их использование. Можно писать «Авторские права принадлежат Васе Пупкину», можно Copyright VassilyPoupkine, а можно вообще ничего не писать. |
07 |
Значок © ставят для отпугивания, для указания владельца прав, для напоминания, для рекламы, для чего угодно. Если автор Вася Пупкин, то и право авторства принадлежит ему, независимо от наличия или отсутствия знака. |
08 |
Помимо прямого воровства существует еще одна ситуация нарушения авторских прав плагиат (или клонирование), когда за основу берется идея, внешний вид, решение и повторяется с минимальными отхождениями от оригинала. |
Живые примеры коллекционируются в «Музее клонов» |
09 |
Совсем другое дело пародия или так называемое «честное использование». Объем авторского материала должен оставаться в разумных рамках. Скажем, если взять «Войнуи мир» целиком, поменять название романа на «Как в 1812 году всех по полю раскидало» и издать, то это не пародия и не честное использование (хотя постмодернисты могут не согласиться). |
10 |
Бывают ситуации, когда необходимо использовать авторский материал. При создании сайта «Петрович» для оформления раздела об авторских правах мне понадобилась иллюстрация. Но у Андрея Бильжо на эту тему ничего не оказалось. Тогда пришлось нарисовать картинку в его стиле. |
11 |
|||
12 |
В данном случае ничьи права не нарушены. |
Артемий Лебедев § 15. Автора! Часть вторая, практическая14 ноября 1998 |
01 |
Поговорим о правильном использовании опознавательных и напоминательных знаков. |
См. также: § 62. Экранная типографика |
02 |
Встречаемые знаки Copyright знак охраны авторского права Registered trademark зарегистрированный товарный знак Phonorecord звукозапись (знак охраны смежных прав на пластинках и компакт-дисках) Trademark товарный знак (встречается в Америке) Service mark знак обслуживания (встречается в Америке) |
03 |
Хозяйке |
Надо помнить, что наличие любого из этих символов рядом с произведением, текстом, картинкой, товарным знаком, слоганом и т. п. не значит ровным счетом ничего, кроме напоминания. Отсутствие символа не отменяет законов об охране прав. В нашей прекрасной стране эти символы приобрели мистическое значение: знаком копирайта отпугивают, как черта крестом. |
04 |
Многие просто не знают, в каких случаях писать тот или иной символ. Довольно часто можно встретить такое употребление: |
05 |
|||
06 |
что является нонсенсом. Авторские права тут ни при чем, а использование знака копирайта в данном контексте является признаком невежества. |
07 |
Когда нет возможности использовать символы стандартного вида, пишут (c), (r), (TM) и т. д., хотя при сегодняшнем развитии наборного дела это плохой тон. |
08 |
Ну и напоследок подарок для любителей качать права: copyright.zip (2,3 МБ). |
Артемий Лебедев § 19. Прививка от действительности4 января 1999 |
01 |
Почему в России такой плохой дизайн? Почему из ста пятидесяти миллионов человек нельзя найти пару тысяч талантливых (если не гениальных) дизайнеров? Есть техника, условия, заказчики есть всё, что нужно для создания произведений мирового уровня. |
02 |
Нету на самом деле воспитания. Воспитания не школьного, конечно, а культурного. Та среда, в которой вырастают люди, формирует сознание сильнее любой школы. Почему средний западный дизайн на два порядка лучше и качественней среднего российского? |
03 |
Элементарно, Ватсон. С раннего детства неокрепший разум наблюдает за окружающей средой. Вокруг человека открывается целый мир, созданный теми, кто жил до него. Этот мир большинством воспринимается как данность. Потому что совсем не многие способны даже представить, что бывает иначе и что изменение действительности подвластно любому. Стоит только захотеть. |
04 |
Начать надо с прививки. Нужно сделать себе прививку от окружающего мира. Игнорировать все, что видно вокруг. Позволять себе вернуть в поле зрения только то, что проходит личный контроль качества. Если что-то сделано плохо, не пытаться себя убедить, что оно хорошее. Применять это правило ко всему. Находить прекрасное даже там, где о нем не предупреждала реклама. Не позволять себя обманывать. Вот, к примеру, выйдем из дома на улицу и дойдем до ближайшего магазина на углу. Какая вывеска висит там? |
05 |
|||
06 |
Она чудовищна. Сколько ни стой перед ней, ничего хорошего не найти, даже если надеть очки с диоптриями. |
07 |
Оформление современных российских городов производит удручающее впечатление. Если не сделать себе прививку, можно даже не заметить, что все так плохо. Девяносто восемь процентов магазинов и рекламных поверхностей на улицах оформлены Дилетантами с большой буквы. Косность мозга заказчиков и изготовителей не позволяет перейти за грань того мировоззрения, что у них уже сформировалось после посещения соседних улиц. Все движется по кругу, снежный ком растет. Безграмотность, непрофессионализм и дилетантизм порождают сами себя. |
08 |
Выживут только сделавшие прививку. |
Артемий Лебедев § 20. Молодой и бывалый19 января 1999 |
01 |
Иногда оказываешься в затруднительном положении. Не знаешь, как объяснить, что вот этот дизайн хороший, этот отвратительный, а человек, создавший его, лучше бы работал в котельной. |
02 |
Сталкиваешься с чем угодно, только не с грамотной оценкой. Плохой дизайн защищают самыми разными аргументами: автор хороший человек, картинка красивая и т. п. |
03 |
Непрофессионализм оценки возникает от неумения видеть. Неумение видеть, в свою очередь, происходит от бедного опыта. Приобрести опыт несложно нужно лишь несколько лет внимательно изучать предмет. |
04 |
Умение оценивать хороший дизайн является не меньшим достижением, чем умение его создавать. Эту нехитрую истину совсем не знают те, кто принимает готовую работу. |
05 |
Как же случается, что хорошие, качественные, потрясающие вещи все-таки появляются на свет? По ошибке. Заказчик, не разбираясь в тонкостях и деталях, принимает все что угодно, только не дизайн. Он радуется соблюденным срокам, вежливости, цене. Ему нравятся яркий образ, смешная фраза, удачное решение, глянец. Но он не видит того, ради чего все создавалось. |
06 |
Хорошего дизайнера хвалят, но он равнодушен к этому. Хвалят-то не за то. И ругают тоже не за то. Молодой дизайнер, впервые столкнувшийся с тем, что его обругали не за дело, как бы обращается к заказчику: |
07 |
|||
08 |
Бывалый дизайнер произносит эту же фразу, только наоборот. |
Артемий Лебедев § 23. Немного о дореволюционной орфографии26 января 1999 |
01 |
Дизайнеры, стилизуя текст под начало века, стараются взять шрифты а-ля рюс и после каждой конечной согласной в слове поставить твердый знак. В основном такое творчество является примером очень плохого вкуса и безграмотности. Правила старой орфографии были чуть сложнее и не ограничивались расстановкой твердых знаков на конце слов. |
02 |
Хозяйке |
Подавляющее большинство путает ять и ер. Ер это старое название твердого знака (ъ). Ять это на современный слух та же буква е, только пишется как мягкий знак с перекладиной (ѣ). |
03 |
В старой орфографии были буквы и десятеричное, ять, фита и ер (была еще ижица, но употреблялась она не чаще буквы ё в современных текстах). |
04 |
05 |
Хозяйке |
Буква i писалась перед гласными, перед й, а также в слове «мир» (в значении вселенная). В русском языке все слова, содержащие букву ф (ферт), заимствованы (кроме разве что слова «фуфло», да и то неизвестно). То, что в древнегреческом писалось через тэту (θ), в церковнославянском и в орфографии XIX века писалось через фиту (в латинских текстах через th). То, что по-древнегречески писалось через фи (φ), то писалось через букву ф по-русски (и ph в латинских транслитерациях): имя Федор (Theodor) через фиту, а слово «параграф» (paragraph) через ферт. Правильное употребление буквы ять было доступно только тем, кто знал все подобные слова наизусть. Разумеется, существовали всякие правила. Например: если нужное слово поставить во множественном числе с ударением на е и получить ё, то ять писать не надо (весло вёсла, метла мётлы). |
06 |
Если дизайнер все же решил стилизовать текст орфографически, он обязан проверить правописание по всем возможным источникам. Написать текст по правилам старой орфографии можно, только сверяясь со старыми книгами и держа под рукой дореволюционный словарь. Даже филолог с дипломом нагородит ошибок с три короба. Сегодня все «стилизаторы» уверены, что можно обойтись одним ером. |
07 |
В качестве примера приведем логотип банка: |
08 |
|||
09 |
Это безграмотная некультурная каша. Правильно писать так: «Столичный банкъ сбереженiй». |
10 |
Еще пример логотип чайного магазина: |
11 |
|||
12 |
Дизайнер перестарался и десятеричное не может выступать в роли союза и. |
13 |
Производитель часов марки «Брегет» (упоминаемый даже в «Евгении Онегине») к трехсотлетию основания Санкт-Петербурга выпустил отдельную модель с позорнейшей ошибкой: после слова «Санкт» отсутствует твердый знак. |
14 |
Фрагмент печатной рекламы «Брегета». 2004. Один экземпляр юбилейных часов был передан компанией в дар Государственному Эрмитажу |
15 |
Лучший совет: не использовать старую орфографию вообще. |
Артемий Лебедев § 25. Явление формата8 февраля 1999 |
01 |
Существует клонирование. Это когда просто берут чужую структуру, картинки и (иногда) меняют текст. |
Адрес Музея клонов: www.artlebedev.ru/portfolio/museum |
02 |
С другой стороны, существует формат. Это набор правил, свойств и функций, присущих(в нашем случае визуально) какому-либо виду. Например, мы всегда отличим газету от других печатных изданий. Ее типичные признаки особая бумага, черно-белая печать, крупный логотип на первой полосе, верстка колонками, разные размеры заголовков, мелкий наборный шрифт, отсутствие скрепок и т. д. Нельзя утверждать, что «Известия» это клон «Правды». |
03 |
Практически все веб-каталоги похожи на «Яху», создатели которого придумали самый удобный способ подачи рубрикатора: две колонки со ссылками на основные подрубрики.Остальные каталоги похожи на «Яху» не потому, что являются клонами, а потому, что они выглядят как каталоги. А «Яху» просто был первым. |
04 |
Трудно сделать рояль, не похожий на рояль, или сотовый телефон, в котором сложно узнать сотовый телефон. Разница в удобстве, качестве, красоте и пр. Все брюки похожи, но никому в голову не придет назвать их клонами. |
05 |
|||
06 |
В какой-то момент кто-то создает дизайн, настолько хорошо отвечающий поставленной задаче, что последователи вынуждены его повторять с минимальными изменениями. Это формат. |
07 |
Нужно не бояться повторить чью-то схему, а уметь придумать каждый раз что-то новое. |
Артемий Лебедев § 26. Цирюльский Сибирник, или Документальный фильм за 45 миллионов1 марта 1999 |
01 |
Позволим себе оторваться от кинескопов и обратить внимание на кинематограф. 20 февраля 1999 года состоялась мировая премьера фильма Никиты Михалкова«Сибирский цирюльник». Художественную ценность данного произведения мы рассматривать не будем, так как эти заметки все-таки не киноведческие. |
02 |
Еще до того как в кассах ККЗ «Пушкинский» появились билеты, по всей Москве были развешаны рекламные плакаты, из которых можно было узнать, что продюсеры фильма пошли проверенной дорогой: если фильм про старину, то без дореволюционной орфографии никуда. Всем охота ер ввернуть. |
03 |
В данном случае от дешевых приемов не удержались, смешав орфографии. Если написано«Сибирскiй цирюльникъ», то уж надо и весь остальной текст писать по-старому: «ФильмъНикиты...», «Онъ русскiй...». |
04 |
В логотипе у прописной буквы i (и десятеричной) сверху нарисована точка. Во-первых, у прописных букв i не принято ставить точку, во-вторых, эта точка в полтора раза больше завитка над и кратким. Понятно, что ее нарисовали дизайнеры плаката. Что в очередной раз доказывает не надо выпендриваться и использовать старую орфографию. Люди, для которых она была родной и понятной, уже умерли. |
Адрес Музея клонов: www.artlebedev.ru/portfolio/museum |
05 |
|||
06 |
«Фирменным» шрифтом для всей рекламной продукции выбран Герольд, разработанный Хайнцом Хоффманом в 1901 году. Действие фильма происходит в 1885 году, то естьна шестнадцать лет раньше. |
07 |
В том, что немецкий модерновый шрифт использован для рекламы фильма про эпоху Александра III (который, кстати, во время своего царствования вовсю пропагандировал русскую «национальную самобытность»), надо снова винить дизайнеров. Но и в самом фильме со шрифтами творится полное безобразие. |
08 |
Вывески, которые должны создать атмосферу старой Москвы, больше напоминают работу студента второго курса Полиграфа все буквы кривые, нарисованы кисточкой в большой спешке. |
09 |
|||
10 |
В фильме лишь изредка использованы графические вещи, напоминающие оригинальные. На экране они выглядят как произведения, которым минимум сто лет, хотя в конце XIX века они должны быть еще новыми. |
11 |
Известно, что «Никита Михалков стал первым человеком, которому удалось потушить кремлевские звезды, а также проложить рельсы через Иверские ворота Кремля, чтобы пустить по ним конку». Однако в дневных съемках видны кремлевские звезды, электрические фонари, крепления для флагов, таблички с названиями улиц, а памятник Минину и Пожарскому стоит рядом с собором Василия Блаженного (а стоял напротивтого места, где сейчас мавзолей). Стена Кремля со стороны Красной площади была засажена липовой аллеей. Которую в фильме мы тоже не видим, зато видим закрытые брезентом софиты, освещающие собор Василия Блаженного. |
12 |
Дальнейшие наблюдения вызывают недоумение: если фильм стоил сорок пять миллионов долларов, то почему нельзя было потратить хотя бы миллион на то, чтобы заретушировать реалии 1997 года? Можно поспорить, это стоило бы даже меньше. |
13 |
В этом кадре около 1-й Безымянной башни виден фонарный электрический столб советских времен. |
14 |
|||
15 |
Кроме того, в прошлом веке набережная была огорожена чугунной решеткой, а не сплошным гранитом. К попавшей в соседний кадр Тайницкой башне была пристроена отводная стрельница (соединявшая ее почти с самой набережной), которая была снесена только в 1930-х годах. Несколькими секундами позже этого кадра зритель видит здание Государственного Кремлевского дворца в строительных лесах (!) и рубиновую звезду (!) Водовзводной башни. |
Артемий Лебедев § 27. Цитата из Коломнина7 марта 1999 |
01 |
В книге «Краткие сведения по типографскому делу» П. Коломнина обнаружен прекрасный пассаж: |
02 |
Я вовсе не укоряю наборщиков за их плохое знание дела и безграмотность: им негде учиться. Общедоступных школ для наборщиков почти не существует, а в типографиях мальчики решительно никаких научных познаний не приобретают, знакомятся крайне поверхностно и неудовлетворительно лишь с одной технической стороной набора и прекрасно выучиваются... пить водку. Если я добавлю к этому, что, в большинстве случаев, все научное образование наборщика ограничивается на всю жизнь теми обрывками сведений, которые вынесены им, еще до поступления в типографию, из начального двухклассного училища, то, мне кажется, всякому станет понятно, что если к наборщикам и можно применить эпитет „интеллигентный рабочий“, то разве в ироническом смысле. |
03 |
Книга издана в Санкт-Петербурге в 1899 году. |
ИЗДАЛ выпустил репринт книги в 2008 году |
Артемий Лебедев § 30. Шовковые шлоганы6 апреля 1999 |
01 |
Вот уже почти десять лет каждый день телеэкраны, радиоприемники, газетно-журнальная продукция и в последнее время даже ресурсы всемирной глобальной компьютерной сети интернет спешат донести до наших глаз и ушей квинтэссенцию рекламной мысли слоганы. |
02 |
Некоторые наблюдения за слоганами приводят к неутешительному выводу: рекламист, родившийся и выросший в городе-герое Мухосранске, был сильно нелюбим участковым логопедом. Вследствие этого юное создание, не научившееся отчетливо произносить гласные, так и осталось с пороком избытком шипящих и глухих звуков. |
03 |
Любовью к шипящим и глухим, вполне может быть, рекламист обязан вовсе не логопеду, а старшему брату, все время его затыкавшему («Тсс! Ч-ч-ч! Тише, Пашку разбудишь!»): |
04 |
Красная кружка ваш шанс. Тушь «Лэш силкс» от «Макс Фактор». |
05 |
Дети подросли и пошли во взрослый бизнес. И в разное время можно было услышать(необходимо произносить вслух при чтении): |
06 |
Игра или дело ешь «Марс» смело! Мам-специалистов советы услышь: сухая кожа счастливый малыш! Лакомлюсь как встарь я ем пельмени «Дарья». |
07 |
Почти все современные слоганы объединяет одно попытка придумать рифму к торговой марке (или даже просто к другому слову русского языка) при полном отсутствии языкового чутья. |
Артемий Лебедев § 33. Панграммы26 апреля 1999 |
01 |
Чтобы понять всю прелесть того или иного шрифта, необходимо иметь представление обо всех знаках, которые в этом шрифте содержатся. Скажем, почти все русские шрифты страдают от чудовищных форм букв Ф, Д, Л. Другие знаки тоже кривые, но это не так заметно с первого взгляда. |
02 |
Чтобы увидеть все буквы сразу, используют специальные предложения, состоящие из всех букв алфавита, панграммы. |
03 |
Набрав любым шрифтом панграмму, мы сразу получаем представление обо всех буквах. |
04 |
Страница с образцом шрифта до изобретения панграмм. |
05 |
Часто при переводе панграмм, исключительно по непониманию, пишут что-то типа:«А это просто русский текст». |
06 |
Приведем панграммы на разных языках, присланные читателями «Ководства» за несколько лет. |
07 |
Русские панграммы Экс-граф? Плюш изъят. Бьём чуждый цен хвощ! Эй, жлоб! Где туз? Прячь юных съёмщиц в шкаф. Любя, съешь щипцы, вздохнёт мэр, кайф жгуч. В чащах юга жил-был цитрус... да, но фальшивый экземпляръ! Южно-эфиопский грач увёл мышь за хобот на съезд ящериц. Аэрофотосъёмка ландшафта уже выявила земли богачей и процветающих крестьян. Шифровальщица попросту забыла ряд ключевых множителей и тэгов. Съешь ещё этих мягких французских булок, да выпей [же] чаю. 1234567890. Подъём с затонувшего эсминца легко бьющейся древнегреческой амфоры сопряжён с техническими трудностями. Завершён ежегодный съезд эрудированных школьников, мечтающих глубоко проникнуть в тайны физических явлений и химических реакций. Всё ускоряющаяся эволюция компьютерных технологий предъявила жёсткие требования к производителям как собственно вычислительной техники, так и периферийных устройств. Шалящий фавн прикинул объём горячих звезд этих вьюжных царств. Эх, жирафы честно в цель шагают, да щук объять за память ёлкой... Расчешись! Объявляю: туфли у камина, где этот хищный ёж цаплю задел. Лингвисты в ужасе: фиг выговоришь этюд: «подъём челябинский, запах щец». Съел бы ёж лимонный пьезокварц, где электрическая юла яшму с туфом похищает. Официально заявляю читающим: даёшь подъем операции Ы! Хуже с ёлкой бог экспериментирует. Эти ящерицы чешут вперед за ключом, но багаж в сейфах, поди подъедь... Бегом марш! У месторождения кварцующихся фей без слёз хочется электрическую пыль. Хрюкнул ёж «Тыща», а ведь село Фершампенуаз это центр Нагайбакского района Челябинской области. Эх, взъярюсь, толкну флегматика: «Дал бы щец жарчайших, Пётр!» Здесь фабула объять не может всех эмоций шепелявый скороход в юбке тащит горячий мёд. Художник-эксперт с компьютером всего лишь яйца в объёмный низкий ящик чохом фасовал. Юный директор целиком сжевал весь объём продукции фундука (товара дефицитного и деликатесного), идя энергично через хрустящий камыш. Мюзикл-буфф «Огнедышащий простужается ночью» (в 12345 сценах и 67890 эпизодах). Обдав его удушающей пылью, множество ярких фаэтонов исчезло из цирка. Безмозглый широковещательный цифровой передатчик сужающихся экспонент. Однажды съев фейхоа, я, как зацикленный, ностальгирую всё чаще и больше по этому чуду. Вопрос футбольных энциклопедий замещая чушью: эй, где съеден ёж? Борец за идею Чучхэ выступил с гиком, шумом, жаром и фырканьем на съезде и в ящик. Твёрдый, как ъ, но и мягкий, словно ь, юноша из Бухары ищет фемину-москвичку для просмотра цветного экрана жизни. Блеф разъедает ум, чаще цыгана живёшь беспокойно, юля грех это! БУКВОПЕЧАТАЮЩЕЙ СВЯЗИ НУЖНЫ ХОРОШИЕ Э/МАГНИТНЫЕ РЕЛЕ. ДАТЬ ЦИФРЫ (1234567890+= .?-) Пиши: зять съел яйцо, ещё чан брюквы... эх! Ждем фигу! Флегматичная эта верблюдица жует у подъезда засыхающий горький шиповник. Вступив в бой с шипящими змеями эфой и гадюкой, маленький, цепкий, храбрый ёж съел их. Подъехал шофёр на рефрижераторе грузить яйца для обучающихся элитных медиков. Широкая электрификация южных губерний даст мощный толчок подъёму сельского хозяйства. Государев указ: душегубцев да шваль всякую высечь, да калёным железом по щекам этих физиономий съездить! |
08 |
Английские панграммы Brick quiz whangs jumpy veldt fox! Quick wafting zephyrs vex bold Jim. Sphinx of black quartz judge my vow! The five boxing wizards jump quickly. Mr. Jock, TV quiz Ph.D., bags few lynx. Pack my box with five dozen liquor jugs. Jackdaws love my sphinx of black quartz. Sympathizing would fix Quaker objectives. Five big quacking zephyrs jolt my wax bed. The quick brown fox jumps over the lazy dog. Many-wived Jack laughs at probes of sex quiz. Mix Zapf with Veljovic and get quirky Beziers. Dumpy kibitzer jingles as exchequer overflows. Puzzled women bequeath jerks very exotic gifts. Brawny gods just flocked up to quiz and vex him. Viewing quizzical abstracts mixed up hefty jocks. Playing jazz vibe chords quickly excites my wife. Jim just quit and packed extra bags for Liz Owen. Five wine experts jokingly quizzed sample chablis. William Jex quickly caught five dozen Republicans. A large fawn jumped quickly over white zinc boxes. Cozy lummox gives smart squid who asks for job pen. Turgid saxophones blew over Mick?s jazzy quiff. Big July earthquakes confound zany experimental vow. Exquisite farm wench gives body jolt to prize stinker. Six big devils from Japan quickly forgot how to waltz. The vixen jumped quickly on her foe barking with zeal. Five or six big jet planes zoomed quickly by the tower. Crazy Fredericka bought many very exquisite opal jewels. My grandfather picks up quartz and valuable onyx jewels. Six crazy kings vowed to abolish my quite pitiful jousts. Sixty zippers were quickly picked from the woven jute bag. The job of waxing linoleum frequently peeves chintzy kids. Jack amazed a few girls by dropping the antique onyx vase! How razorback-jumping frogs can level six piqued gymnasts! We have just quoted on nine dozen boxes of gray lamp wicks. May Jo equal the fine record by solving six puzzles a week? West quickly gave Bert handsome prizes for six juicy plums. Jay visited back home and gazed upon a brown fox and quail. Fred specialized in the job of making very quaint wax toys. Just keep examining every low bid quoted for zinc etchings. Freight to me sixty dozen quart jars and twelve black pans. Verily the dark ex-Jew quit Zionism, preferring the cabala. A quick movement of the enemy will jeopardize six gunboats. Jeb quickly drove a few extra miles on the glazed pavement. All questions asked by five watch experts amazed the judge. Grumpy wizards make toxic brew for the evil Queen and Jack. The exodus of jazzy pigeons is craved by squeamish walkers. We promptly judged antique ivory buckles for the next prize. Back in June we delivered oxygen equipment of the same size. Lazy movers quit hard-packing of papier-mâché jewelry boxes. While waxing parquet decks, Suez sailors vomit jauntily abaft. How vexing a fumble, to drop a jolly zucchini in the quicksand! Astronaut Quincy B. Zack defies gravity with six jet fuel pumps. My help squeezed back in again and joined the weavers after six. New farm hand (picking just six quinces) proves strong but lazy. Alfredo just must bring very exciting news to the plaza quickly. Back in my quaint garden jaunty zinnias vie with flaunting phlox. Jaded zombies acted quaintly but kept driving their oxen forward. Hark! Toxic jungle water vipers quietly drop on zebras for meals! Six jabbering pacifist vultures were ambushed by the zany quagmire. Six big juicy steaks sizzled in a pan as five workmen left the quarry. Will Major Douglas be expected to take this true-false quiz very soon? The juke box music puzzled a gentle visitor from a quaint valley town. Just work for improved basic techniques to maximize your typing skill. A mad boxer shot a quick, gloved jab to the jaw of his dizzy opponent. Verbatim reports were quickly given by Jim Fox to his amazed audience. When we go back to Juarez, Mexico, do we fly over picturesque Arizona? Questions of a zealous nature have become by degrees petty waxen jokes. About sixty codfish eggs will make a quarter pound of very fizzy jelly. Murky haze enveloped a city as jarring quakes broke fourty-six windows. King Alexander was just partly overcome after quizzing Diogenes in his tub. The July sun caused a fragment of black pine wax to ooze on the velvet quilt. Two hardy boxing kangaroos jet from Sydney to Zanzibar on quicksilver pinions. Perhaps President Clinton?s amazing sax skills will be judged quite favorably. Was there a quorum of able whizzkids gravely exciting the jaded fish at ATypI? Ebenezer unexpectedly bagged two tranquil aardvarks with his jiffy vacuum cleaner. Fabled reader with jaded, roving eye seized by quickened impulse to expand budget. For only $49, jolly housewives made “inexpensive” meals using quick-frozen vegetables. The sex life of the woodchuck is a provocative question for most vertebrate zoology majors. Breezily jangling $3,416,857,209 wise advertiser ambles to the bank, his exchequer amplified. Jimmy and Zack, the police explained, were last seen diving into a field of buttered quahogs. Typography is known for two-dimensional architecture and requires extra zeal within every job. William said that everything about his jacket was in quite good condition except for the zipper. The vegetarian menu included gazpacho, piquant julienne beets, rusk rounds with yogurt, and excellent flan. Jelly-like above the high wire, six quaking pachyderms kept the climax of the extravaganza in a dazzling state of flux. No kidding, Lorenzo called off his trip to visit Mexico City just because they told him the conquistadores were extinct. Forsaking monastic tradition, twelve jovial friars gave up their vocation for a questionable existence on the flying trapeze. An inspired calligrapher can create pages of beauty using stick ink, quill, brush, pick-axe, buzz saw, or even strawberry jam. |
09 |
Голландские панграммы Sexy qua lijf, doch bang voor t zwempak. Mn chique juf zwiert langs de vip-skybox. De lompe gifbak choqueert zijn sexy vrouw. Filmquiz bracht knappe ex-yogi van de wijs. De quizmaster gaf zijn bleke ex-vrouw chips. Qua type blijft mn ex-vrouw de logische keuze. Bas wil zelf gympjes kopen van de extra cheque. Pas wijze lynx bezag vroom het fikse aquaduct. Ex-quizmaster verkwanselde copyrightbriefjes. Zweedse ex-VIP, behoorlijk gek op quantumfysica. Ex-quizmaster verkwanselde copyrightbriefjes. Qua sex is de ex van mijn zwager beter typt de chef koel. Quasi xenofobisch zag de verwijtende pater een lome yank. Ex-zakenvrouw geeft bijna acht smalle qwerty keyboards op. |
10 |
Немецкие панграммы Zwei Boxkämpfer jagen Eva quer durch Sylt. Mylord Schwejk quizt Express ab Ravigsfen. Franz jagt im komplett verwahrlosten Taxi quer durch Bayern. Typographie ist zweidimensionale Architektur und bedingt extra Qualität in jeder vollkommenen Ausfuehrung. |
11 |
Испанские панграммы Quiere la boca exhausta vid, kiwi, piña y fugaz jamón. Fabio me exige, sin tapujos, que añada cerveza al whisky. El veloz murciélago hindú comía feliz cardillo y kiwi. La cigüeña tocaba el saxofón detrás del palenque de paja. |
12 |
Французские панграммы Portez ce vieux whisky au juge blond qui fume. Moi, je veux quinze clubs à golf et du whisky pur. |
13 |
Чешская панграмма Příliš žluťoučký kůň úpěl ďábelské ódy! |
Артемий Лебедев § 34. Как завещал великий17 мая 1999 |
Пока народ безграмотен, из всех искусств важнейшими для нас являются кино и цирк.
Приписывается В. И. Ленину
01 |
Всякое творчество подразумевает зрителя, слушателя, читателя, ценителя. Коммерческое творчество (например дизайн) особенно. Чтобы потребитель не убежал прочь при первых звуках/строчках/взглядах, творчество должно быть эффективным. |
02 |
Западная индустрия за много лет отладила контакт со своим потребителем. Используя наработки академика Павлова, реклама звонила в колокольчик, и у потребителя капала денежка из фистулы, вставленной в кошелек. Звякнешь рекламкой и тут же, словно эхо, звучит монетка: подействовало. |
03 |
В результате мы наблюдаем почти идеальное общество: с одной стороны отличная, профессиональная реклама, составленная с помощью толп психологов, дизайнеров, копирайтеров, с другой потребители, готовые все купить. |
04 |
В основе этого гармоничного союза лежит простая истина продукт должен соответствовать запросу. В первую очередь эстетически. И индустрия выбрала самый сложный путь стараться делать красиво и хорошо. |
05 |
Переберемся на эту сторону Атлантики. И пройдем немного на восток, пока не окажемся дома. Что мы видим? Какие вкусы воспитал в себе народ? Что ему любо и за что он готов платить? |
06 |
Народ по умолчанию является тайным хранителем эталонов безвкусия, безграмотности, пошлости, китча и полного непонимания. Чтобы изменить эти настройки, нужно тратить годы на воспитание. Делать это нужно ненавязчиво, но настойчиво. |
07 |
Хозяйке |
Каждый человек нуждается в йоде. Без йода можно легко отрастить щитовидку и поставить кеды в угол. Как заставить людей его все-таки употреблять? Всех в аптеку не погонишь, все равно не пойдут. Решается проблема довольно просто на государственном уровне всех стран давно принято решение подсыпать йод в поваренную соль (в некоторых странах в сливочное масло). Так как соль все едят пудами, то и здоровье у народа в результате не так сильно портится. Это хороший пример ненавязчивого, но настойчивого решения проблемы. Купить соль без йода, кстати, проблематично (а огурцы надо солить только простой солью). Впрочем, добавляемые соединения йода распадаются через пару месяцев, поэтому соль в магазине иногда стоит обычная. |
08 |
В советские времена в головах людей, получивших образование до революции, еще была жива идея о том, что народ нуждается в эстетическом развитии. Московское метро, например, строилось с привлечением лучших архитекторов, и почти все первые станции получали гран-при на международных выставках. Обдумывалась каждая деталь ведь через метро должны проходить миллионы людей. Таким образом планировалось воспитывать общественный вкус: если знать, как выглядит хорошее, плохого не захочешь. |
09 |
Вот как описывали будущий вагон для московского метрополитена: |
10 |
Намечаемые архитектурные детали и членения необходимо осуществить из полированного дерева, все металлические части должны быть никелированы, стекло должно быть обязательно зеркальным, диваны, если будут жесткими, лучше всего сделать из дуба, чтобы избежать соблазна окраски (что всегда дешевит впечатление) и для меньшей амортизации. |
С. М. Кравец. Архитектура вагона метро // Метрострой. 1933, № 7. С. 20 |
|
11 |
Для того чтобы формировать вкус и воспитывать поколения, нужно иметь как минимум соответствующую государственную программу. |
12 |
Но государственная программа по прививанию вкуса вещь бесприбыльная и требует десятков лет для достижения результата. |
13 |
Лирическое |
Никто не знает, из каких цветов состоит российский флаг. В нашей стране даже деньги самый распространенный пример графического дизайна выглядят так, будто их рисовали для завертывания монпансье. Достаточно взять 50-рублевую купюру и посчитать количество пальцев на ноге у женщины. |
14 |
Чтобы покупали, нужно делать дизайн, соответствующий современным вкусам. |
15 |
Автор страшный идеалист, поэтому он считает, что для начала нужно поменять вкусы. |
Артемий Лебедев § 35. Разнообразие видов19 мая 1999 |
01 |
Руководитель веб-студии часто сталкивается с тем, что люди, которые хотят прийти на работу, совершенно не понимают простых законов устройства всего на свете. Или думают, что веб это такое казино, где при входе бесплатно выдают фишек на тысячу долларов, а проигрыши не засчитывают. |
02 |
Типичный случай. По электропочте приходит письмо: |
03 |
Subject: Работа |
04 |
Ради развлечения можно даже иногда пригласить человека на интервью. Но, как правило,такие люди не врут. Все, что написано в письме, правда. Они действительно ничего не умеют и действительно хотят получать большие деньги. Ведь они знают технологиюXXI века. Они видали интернет! |
05 |
Проблема шире, чем кажется. Дело в том, что для создания сайта требуются не только высококвалифицированные специалисты. Еще нужны «мексиканцы» люди, которые должны разгребать мегабайты исходных текстов, присылаемых заказчиком. Их зарплата редко превышает сто-двести долларов. |
В ценах 2008 года шестьсот-семьсот долларов |
06 |
И, как выясняется, таких людей практически нет. Каждый приходящий, пишущий и звонящий меньше чем на пять сотен не рассчитывает. То есть российский интернет совершенно не сформировал рынок «мексиканцев». Потому что все хотят ездить на лимузинах и курить сигары, расслабленно облокотившись на свою недвижимость. |
07 |
В качестве иллюстрации к этому параграфу прилагается список профессий на букву К из всероссийского классификатора. |
08 |
Кстати, хочется взять на работу калибровщика карандашных дощечек. А то как-то душно уже в обществе высокооплачиваемых профессионалов. |
09 |
Код и название профессии 12624000 Кабельщик-спайщик |
Артемий Лебедев § 36. Убитое поколение25 мая 1999 |
Иных уж нет…
А. С. Пушкин
01 |
Старые предметы будь то сберкнижка тридцатых годов или вывеска пятидесятых бесконечно приятны. Совсем не тем, что они стары. А тем, что в них видна рука автора, обладавшего представлением о прекрасном. |
См. также: § 151. Со временем все портится |
02 |
Что мешает нашим современникам делать так же хорошо, думать перед публикацией, видеть перед собой не малограмотного заказчика, а понимающего ценителя? Воспитание. |
03 |
В этом нет вины родителей, нянь, учителей и профессоров. Виновато само окружение. Именно оно воспитывает одно из самых важных качеств человека чувство вкуса и способность отличать эстетическое от плебейского. |
04 |
Все, кто создавал стиль эпохи двадцатых тридцатых годов, получили свои знания и представления о прекрасном не в трудовой вечерней школе. Графическая легкостьтридцатых заменилась «имперскостью» образов, но никто не может упрекнуть пятидесятые в отсутствии значимости для культуры. |
05 |
С момента прихода к власти Хрущева мы вдруг видим резкий перепад в другую сторону. В сторону полного отсутствия творческого начала. Связано это с тем, что НикитаСергеевич был приверженцем максимального сокращения всех трат. Именно ему мы обязаны «хрущобами» с потолками два пятьдесят. |
06 |
Лирическое |
Низкие потолки придумал не Госплан, а господин Ле Корбюзье. Последний является автором модулора набора пропорций, основанных на пропорциях человека. Ключевыми точками были пупок, грудь, голова, вытянутая вверх рука и так далее. Подо все это подводилась теоретическая база, доказывающая приятность этих пропорций для человеческого существования и восприятия. Следующей точкой по модулору была высота потолка два пятьдесят, которую якобы человеку было любо над собой видеть... А человек всегда хотел иметь потолки никак не меньше трех метров высотой. |
07 |
Хрущев велел удешевить вообще все. Каждая лишняя потраченная копейка тянулана должностное преступление. Именно поэтому в шестидесятые годы мы довольно быстро распрощались с хорошей архитектурой, дизайном и вообще подходом к творчеству как к затратному процессу. |
08 |
С тех пор нас сопровождают ценники в магазинах, сделанные при помощи трафаретаиз полимерной пленки. С тех пор наши деньги похожи на временные банкноты оккупационного правительства. С тех пор мы не видим ни новых шрифтов, ни качественных книг. |
09 |
Брежневские времена не подарили миру блестящих творцов. |
10 |
Политика удешевления и экономии привела к тому, что все те, кто сегодня моложе сорока пятидесяти, выросли в однообразно-сером, шаблонно-стандартном пейзаже. Монотонные бойлерные, панельные дома, мозаики из серии «Покорители космоса», тришрифта и один трафарет для любых целей привели к тому, что у молодых и дееспособных людей атрофировалось чувство прекрасного. |
11 |
Периодические попытки этого поколения заняться творчеством приводят к тому, что мы видим вокруг «мир глазами пигмея». |
12 |
Редкие люди смогли увидеть, что за серой стеной есть красочный мир, в котором хочется жить. Остальные так и остались малярами по бетону. |
13 |
Типичный российский пейзаж. Тюмень, 2004 |
Артемий Лебедев § 39. Поплачь о нем, пока он живой12 июня 1999 |
01 |
Вашему вниманию предлагается песня группы «Чайф», посвященная формату HTML. |
02 |
Зачем тебе знать, когда он уйдет, зачем тебе знать, о чем он поет. |
03 |
Припев: |
Поплачь о нем, пока он живой. Люби его таким, какой он есть. |
04 |
На детском рисунке домик с трубой. Фидель Михаилу машет рукой. |
05 |
Припев: |
Поплачь о нем, пока он живой. Люби его таким, какой он есть. |
06 |
У тебя к нему есть несколько слов, у тебя к нему даже, наверно, любовь. |
07 |
Припев: |
Поплачь о нем, пока он живой. Люби его таким, какой он есть. |
08 |
Тихое утро, над городом смог, майская зелень, энцефалит. |
09 |
Припев: |
Поплачь о нем, пока он живой. Люби его таким, какой он есть. |
Артемий Лебедев § 40. Цветовые теории21 июля 1999 |
01 |
Первобытные общества выделяли три основных цвета красный (кровь, огонь), белый(молоко, день), черный (земля, ночь). Чем сложнее и утонченнее общество, тем более широкая цветовая гамма существует в его культуре. |
02 |
Лирическое |
Сколько цветов в радуге? «Семь», ответит читатель. Для представителей некоторых африканских племен цветов в радуге два темный и светлый. Немец сочтет вопрос некорректным для него в радуге представлен полный спектр, то есть бесконечное количество цветов. |
03 |
Сегодня нет разделения цветов на главные и второстепенные. Есть набор упорядоченных и закономерных чисел. Цветовые системы различаются теперь не столько цветами, взятыми за основу, сколько детализацией разбивки и способностью описать и передать любой цвет. |
04 |
Выбор цветовой модели оправдывается лишь областью применения. CMYK в полиграфии, RGB на экране, LAB для описания и хранения любого цвета, который нельзя передать ни на бумаге, ни на мониторе. |
05 |
Хозяйке |
В теории смешение C, M и Y должно дать черный цвет, но на практике дает грязно-коричневый. Поэтому четвертой краской часто добавляют черную. Многие полиграфисты убеждены, что в аббревиатуре CMYK буква K последняя от слова black, которую якобы взяли для избежания путаницы с буквой B, обозначающей blue в цветовой модели RGB. На самом деле CMYK расшифровывается как cyan, magenta, yellow, key color. Причем key color (ключевой цвет) может быть любым: хочешь черным, а хочешь серебряным. |
06 |
Современный дизайнер не испытывает затруднений с нахождением того или иного цвета доступны все. Именно тут возникает вопрос: какие выбрать? Многие специально формализуют доступные им цветовые модели математически, беря за основу некоторые цифровые показатели. Скажем, черно-белую шкалу (256 градаций) можно разбить на 20 градаций: |
07 |
|||
08 |
При этом у зрителя остается впечатление «полной» гаммы. |
09 |
Этот маленький пример упрощенная модель восприятия сегодняшних зрителей. Никто не пытается изобрести свою цветовую модель, достаточно придумать числовую закономерность в существующих цветовых пространствах. Никакой тайныв последовательности цифр нет. Просто многим удобнее таким образом находить гармонию среди бесконечного количества цветов. |
Артемий Лебедев § 41. Шесть приемов порноиндустрии6 октября 1999 |
01 |
По внешним признакам всегда легко узнать информационный сайт, каталог, домашнюю страницу, поисковую систему. То же и с порнографическими сайтами: их всегда можно легко и безошибочно распознать, так как они редко бывают похожи на сайт новостного агентства. |
См. также: § 25. Явление формата |
02 |
Изучение основных технологических и визуальных особенностей порноиндустриального формата позволяет дать сайтостроителю несколько рекомендаций. |
03 |
Нельзя размещать больше двух больших баннеров (468×60) на странице Ставить рядом два больших баннера вообще категорически запрещено. Если никак нельзя обойтись одним баннером, нужно располагать их на значительном расстоянии друг от друга (вверху и внизу страницы, например). Бывают случаи, когда подряд идут пять-шесть баннеров. Это один из главных признаков порносайта. Многие не думают о репутации и готовы зарабатывать показы любым способом. |
04 |
Нельзя вешать больше шести кнопочек формата 88×31 Ровно по тем же причинам, что и в случае со стандартными баннерами. Если есть необходимость отблагодарить сотню других сайтов, нужно завести раздел «Ссылки» и перечислить там всех с помощью обычных гиперссылок (без графики). Разумеется, лучше вообще обойтись текстовыми ссылками. |
05 |
Нельзя открывать ссылки в новом окне Непрошеное появление нового окна первый признак того, что владелец сайта боится потерять посетителей. Если сайт неинтересен, его судьба быть забытым. Каждый человек в состоянии сам решить, в каком окне какую ссылку он хочет открыть. |
06 |
Категорически запрещается открывать новые окна в ответ на закрытие основного окна В некоторых случаях открываются аж по десять окон взамен (в расчете на то, что пользователь не успеет все закрыть и ему выдадут очередную порцию рекламы). За такое всегда надо бить морду веб-мастеру, если представится случай. |
07 |
Нельзя открывать «вспомогательные» окна («попапы») Этим страдают почти все службы, предоставляющие бесплатный хостинг (во «вспомогательном» окне показывается, как правило, баннер). Первая реакция пользователя закрыть такое окно, не дожидаясь загрузки содержимого. Многие сайтостроители думают, что в таком окне уместно дать рекламу какого-либо события на сайте или нарисовать «пульт управления» сайтом. Как правило, никто этих вещей не видит, потому что пользователям трудно побороть свои условные рефлексы. |
08 |
Если необходимо выдать новое окно (обычно фиксированного размера), надо сделать так, чтобы оно появлялось как ответ на действие пользователя (например, по нажатию на ссылку «Навигация»). |
09 |
Новое окно можно открывать только в случае крайней необходимости (например, если весь сайт существует только в этом новом окне и ограничен его размерами так любят делать на Западе). |
10 |
Нельзя вмешиваться в привычный интерфейс Никогда не надо раскрывать окно во весь экран, пряча стандартную навигацию и меню. Человек всегда должен иметь возможность нажать на кнопку «назад», и ничто не должно ему помешать это сделать. |
11 |
Две категории сайтов очень любят использовать порнотехнологии: игровые и туристические. И это вполне объяснимо. Игровые сайты, как правило, делаются Васей Пупкиным для заработка на показах баннеров. А туристические обычно принадлежат фирмам, задача которых продать как можно больше дешевых путевок. |
12 |
Правило: дизайн должен быть эффективен без использования нечестных приемов. |
Артемий Лебедев § 42. Родовая травма рунета12 октября 1999 |
01 |
Секрет успеха веба заключается в возможности ставить ссылки. Компьютерные сети и гипертекст жили довольно долго, но друг с другом были не знакомы. Когда они встретились, случилось чудо. До этого ни сети, ни гиперссылки никакого влияния на массы не оказывали. |
02 |
Первопроходцы интернета делали свои личные странички, далекие от совершенства. Но они ясно представляли себе чтобы интернет развивался, надо ставить ссылки. Каждый делал это как мог кто-то ставил ссылки на страницы своих приятелей по колледжу, кто-то собирал тематический каталог по астрофизике. Главное никто не сомневался в том, что ссылок ставить надо много. |
03 |
Самые популярные русские сайты в 1995 году (когда пятьдесят посещений в день считались сногсшибательным достижением) тоже содержали ссылки на все, что толькоможно. И это было огромной пользой для тех, кто тогда был в сети. |
04 |
Западный интернет быстро привлек людей с большими деньгами. Крупные инвесторы заинтересовались сетью и вложили туда миллиарды. Домашние странички резко ушли на второй план, а самые удачные коллекции ссылок превратились в корпорации. |
05 |
В рунете все начиналось на западный манер, но идеи первооткрывателей при них же и остались новички идеей ссылок не прониклись. |
06 |
Современные сценарии: На сайте нет вообще ни одной ссылки. «Зачем я буду кого-то рекламировать? Мне же не платят за это». На сайте есть раздел «Ссылки», в котором стоит ссылка на microsoft.com. «А бывают другие сайты?» На сайте повешено сорок кнопок. Часть из них знак уважения к другим сайтам, часть результат обмена. «Эту кнопку я повесил, потому что мне сайт этот очень нравится. А со всеми остальными я меняюсь: они мою кнопку держат, а я ихнюю». |
07 |
Хозяйке |
Кнопку размером 88×31 придумали в компании «Нетскейп». Первая картинка в этом формате выглядела так: Потом такую же сделал «Микрософт» для рекламы «Эксплорера». Потом еще кто-то, потом еще. Так в мире появился один из самых идиотских форматов. Ни два, ни полтора. |
08 |
Большинство сайтовладельцев боятся ставить ссылки. Те, кто сумел перебороть страх, пишут письма: «Прошу вас дать разрешение поставить ссылку на ваш сайт». |
09 |
Наличие большого количества сайтов с большим количеством ссылок на другие сайты основа развития интернета. Отсутствие ссылок приводит к междусобойчикам и застою.Ссылки в виде «кнопочек» уродуют сайты, но являются по неизвестной причине чуть ли единственным способом поставить ссылку в современном рунете. |
10 |
Мораль: ссылки можно и нужно ставить на любую страницу в интернете. Спрашиватьразрешения никогда не надо. Если владелец сайта просит не ссылаться, его можно смело послать. |
Артемий Лебедев § 43. Открывание новых окон8 ноября 1999 |
01 |
Открывать новые окна против желания пользователя смертный грех. |
02 |
Монитор это центральный пульт управления компьютером. Только при помощи монитора пользователь получает адекватную отдачу от своих действий и получает возможность взаимодействовать с компьютером. Без монитора нельзя узнать набрался ли текст, открылась ли программа, перемещается ли курсор, работает ли компьютер. |
03 |
Окно браузера это центральный пульт управления интернетом и основной информационный канал пользователя. Окно браузера практически автономно оно позволяет отображать любой вид данных (текст, графику, видео, звук и пр.) без помощи вспомогательных окон. Окно браузера снабжено системой навигации например, кнопками «вперед» и «назад». |
См. также: § 75. Про дом и про ссылки на самого себя |
04 |
Хозяйке |
Средний пользователь кнопкой «вперед» пользуется во много раз реже, чем кнопкой«назад». Более того, ежедневная необходимость в кнопке «назад» говорит о том, что«домоцентризм» веба (то есть принятие пользователями модели «дома» как отправнойточки навигации) ничуть не устарел. Начиная навигацию с определенной страницы, пользователь будет постоянно к ней возвращаться, хотя «отправная» страница может меняться в течение одной сессии (кнопка «домой» при этом сегодня используется не по назначению). Кнопка «назад» является вторым наиболее часто используемым элементом интерфейса браузера после курсора. Поэтому, кстати, прятать ее можно только тогда, когда окно без навигационных элементов не предназначено для перемещения на другие страницы скажем, при использовании такого окна для опроса из двух строк текста. |
05 |
Насильно открывать новое окно в браузере все равно что ставить на стол пользователю второй монитор без спросу. Разумеется, работать с двумя мониторами бывает иногда удобно. Разумеется, иногда удобно открыть и новое окно в браузере, чтобы в нем смотреть ссылки из «основного» окна. Но то и другое должно быть исключительно добровольным выбором пользователя. |
06 |
В каких случаях можно использовать новые окна? |
07 |
Для рекламных объявлений, опросов, «пультов управления» (типа стилизаций подтелевизионный пульт) и пр. Но тут есть риск нарваться на рефлекс пользователя, который закрывает любое новое непрошеное окно, не дожидаясь загрузки содержимого. |
08 |
Для создания альтернативного способа навигации (скажем, когда сайт делается в определенном фиксированном размере например, 300×400, и свободное пространство мешает). Но эта модель уже морально устарела, так как пользователю всегда проще использовать стандартную навигацию, чем придуманную создателем сайта. |
09 |
Для создания логического разделения на «проверенную» и «непроверенную» информацию. Скажем, серьезный аналитический сайт, дающий ссылку на какую-то страницу, содержимое которой он не контролирует, может открыть ссылку в новом окне. Но он обязан написать рядом с такой ссылкой что-то типа: «а вот это ссылка, которую можно изучить, но я за нее не отвечаю и буду открывать ее в новом окне». |
10 |
Последний случай единственный, по мнению автора, легитимный способ использования новых окон. Но предупреждение о том, что ссылка будет открыта в новом окне, обязательно. Потому что насильственная выдача информации без запроса со стороны пользователя называется спам. |
Артемий Лебедев § 46. Заставки на сайтах. Часть первая7 февраля 2000 |
Каждый день она входила и каждый день молилась о том, чтобы это ежедневное свидание сошло благополучно.
Л. Н. Толстой. Война и мир
01 |
Существуют страницы-заставки, выполняющие роль входной двери. На некоторых сайтах можно встретить первую страницу, которая не посвящена анонсам свежих материалов или перечню рубрик, а просто содержит красивую (или некрасивую) картинку. |
02 |
Впервые в рунете такая специальная заставка была применена 16 февраля 1996 годана сайте Н.Ж.М.Д.. |
03 |
|||
04 |
В те дни не было автоматического определения кодировок (в известном автору пространстве, по крайней мере), и вообще все русские сайты в то время были на английском. Тогда для каждой кодировки (для «Виндоус», ДОСа, Маков и пр.) держалась своя отдельная копия сайта. |
05 |
Изобретение подобной заставки служило прагматичной цели обеспечить человека читабельным предбанником и быть уверенным, что тот не будет страдать от неправильной кашеобразной кириллицы. |
06 |
Некоторые сайтостроители вообще делали сайты только в какой-либо одной кодировке. |
07 |
Позднее получило распространение автоматическое определение кодировки. Но еще года два на сайтах надо было ставить ссылки на разные кодировки многие посетители этим активно пользовались. Сегодня (года с двухтысячного точно) указывать кодировки на сайте считается дурным тоном, излишней заботой и забиванием головы бедному посетителю понятиями, от которых он весьма далек. |
08 |
Заставки потеряли свой первоначальный смысл (направо пойдешь КОИ найдешь).Теперь они нужны только на презентационных сайтах (и без всякого выбора кодировок). Потому что любой информационный сайт уже не должен задерживать пользователя лишней страницей. |
09 |
Заставки призваны произвести на посетителя определенное впечатление, создать настроение. Они необходимы на сайтах, где информация не меняется никогда или обновляется крайне редко. Если человеку сайт понравится, он поставит закладку на главную (а не на заставочную) страницу. Информационный проект тоже попадает в закладки. Но в момент самого первого посещения зритель должен моментально погрузиться в поток информации. Если сайт с новостями будет предваряться увесистой картинкой, к нему не возникнет доверия как к оперативному источнику. |
10 |
Ужасная манера в качестве заставки вешать скриншот с основной страницы сайта. Это особенно раздражает тем, что посетитель невольно вчитывается в названия разделов, выбирает понравившийся, тыкает в него и оказывается на странице, где еще раз нарисована вся навигация. |
11 |
Правило: если нет стопроцентной уверенности в необходимости заставки, и есть сомнения в том, что она произведет должное впечатление на посетителя, заставку делать не надо. |
Артемий Лебедев § 47. Заставки на сайтах. Часть вторая10 февраля 2000 |
Это было глухое отгороженное место, где лежали какие-то материалы.
Ф. М. Достоевский. Преступление и наказание
Он неприступен словно крепость,
Словно цитадель,
Поскольку охраняют вход как засекреченный завод,
А может, строже…
Группа «Секрет»
01 |
Обсудим функциональность и смысловую нагрузку заставок. |
02 |
Какие бывают заставки: I. Простая графическая заставка, коллаж, фотография, анимация, являющаяся ссылкой на главную страницу с содержанием. II. Флеш-заставка. Обычный презентационный ролик. Часто размещается временно чтобы заставить всех посмотреть информацию, скажем, о скидках. Месяц повисит и исчезнет. III. Простая страница, на которой расположена информация о технических ограничениях (например, «Сайт работает только в первом „Эксплорере“ при разрешении 100×100») или предупреждение для несовершеннолетних. IV. Любой набор информации ссылки на свежие новости, анонсы продуктов, адреса. |
03 |
Совершенно очевидно, что основная функция заставки (кроме информирования или создания настроения) служить входом на сайт. Заставку надо делать так, чтобы вход был очевиден. К сожалению, некоторые сайтостроители этого не понимают. Все элементы заставочной страницы должны сопровождаться текстовыми ссылками на главную страницу (например, надписью «вход»). |
04 |
Неправильно устраивать двери из кодировок. Во-первых, большинство современных пользователей уже не имеет представления о том, чем КОИ отличается от ДОСа. Во-вторых, нельзя заставлять человека совершать сложный выбор еще до того, как он чем-то заинтересовался на сайте. Ему проще уйти по кнопке «назад», чем задуматься о неочевидном выборе. |
05 |
Хозяйке |
В случае, когда на сайте используется флеш-заставка, обязательно надо давать ссылку «пропустить заставку». Потому что не всегда интересно несколько минут смотреть анимацию и слушать музыку, особенно если зрителя это достало еще в прошлое посещение (или уже достало в это). При повторном визите показывать флеш-заставку не нужно вообще. На основной странице надо обязательно дать ссылку на заставку вдруг пользователь пришел именно за ней. И наконец, нужно написать автоопределитель штепселя. |
09 |
Отдельного наказания заслуживают те, кто на заставочной странице, посвященной вопросам правильного браузера, разрешения, новостных блоков и пр., ставит в малозаметном месте слова «Войди тут». |
10 |
Трехдневным пыткам на дыбе должны подвергаться те, кто вообще не ставят ссылки на страницу с оглавлением сайта. У этих людей заставочная страница сама через какое-то время (достаточное, по убеждению автора, на изучение картинки) перебрасывает на главную. |
11 |
Правило: поменьше загадок для новых гостей. Посетитель всегда должен иметь возможность нажать на ссылку входа, не дожидаясь и секунды, пока сработает автоматический переброс или доиграет флеш-заставка. |
Артемий Лебедев § 48. Боремся за чистоту урлов23 марта 2000 |
01 |
Рассмотрим один из самых важных моментов веб-навигации возможность посетителя быстро и безошибочно определить свое местонахождение на сайте. |
02 |
Адрес страницы (урл) должен быть по возможности коротким и понятным. Все, что для этого нужно, немного внимания на первых этапах создания сайта. Перед тем как вывалить драгоценные мегабайты текстов в пучину веба, следует подумать о названиях директорий и файлов. |
03 |
Хозяйке |
URL означает uniform resource locator. Впервые эта аббревиатура появилась в рабочем документе автора веба Тима Бернерса-Ли 21 марта 1994 года. Изначально Бернерс-Ли использовал понятие UDI uniform document identifier. |
04 |
Для начала необходимо решить, на каком языке будут даны названия файлов. Лучше всего использовать английский. В редких случаях уместен русский (точнее, волапюк,транслитерация или клер) например, при написании матерных слов, при рассказах о Бабе Яге и Змее Горыныче, при употреблении русских слов, ставших частью английского. Крайне нежелательно смешивать языки, например:http://sait.ru/staff/sekretarsha/new/novichki.html. |
05 |
Данный параграф имеет в интернете адрес http://www.artlebedev.ru/kovodstvo/sections/48/. Каждый читатель может навигироваться по сайту, стирая справа части адреса до ближайшей косой черты. Если стереть 48, попадаешь в оглавление параграфов, и так далее. |
06 |
Если бы адрес был чем-нибудь типа www.artlebedev.ru/kovodstvo/?q= %E8 %E4 %E8 %EE % F2 %F1 %EA %E8 %E9+ %E7 %E0 %EF %F0 %EE %F1+ %ED %E0+ %F1 %E0 %E9 %F2&num=10, читатель совершенно терял бы ориентацию. К сожалению, многие сайтостроители не следят за чистотой адресов, за что посетители им платят сполна: не запоминают ни одной внутренней страницы. |
07 |
Лирическое |
Длинные и неудобоваримые адреса часто возникают из-за лени программистов. Надо один раз всех программистов собрать и объяснить, что пока адреса не станут нормальными, проект не откроется. Повозмущаются и сделают как надо. |
08 |
Правило: посетитель всегда должен получить осмысленное и предсказуемое содержимое, если он стер часть адреса до ближайшей косой черты. |
Артемий Лебедев § 49. Дублирующая навигация22 апреля 2000 |
Навига-а-атор, пропой мне канцону-другую...
Б. Гребенщиков
01 |
Вряд ли кто-то станет возражать против того, чтобы у всех сайтов адрес выглядел понятно и логично. Обычно посетитель стирает часть адреса до ближайшей косой черты и рассчитывает попасть на уровень выше того, где он находился. |
02 |
Для упрощения этого процесса существует дублирующая навигация строка со ссылками, соответствующими иерархии структуры сайта. |
03 |
Учите жаргон |
Дублирующая навигация еще называется градусником или хлебными крошками. |
04 |
Однако далеко не всегда адрес выглядит так, как описано в предыдущем параграфе. Пример сайт журнала «Итоги»: |
05 |
|||
06 |
Адреса на сайте не сообщают пользователю, в каком месте иерархии сайта тот находится. Поэтому дублирующая навигация стала практически основной. |
07 |
На сайте все должно быть прекрасно и адрес, и дублирующая навигация. В качестве примера сайт Бориса Акунина: |
08 |
|||
09 |
Если читатель не желает нажать кнопку «назад», ему будет удобно выбрать пункт дублирующей навигации. А адресная строка по-прежнему будет демонстрировать стройность и предсказуемость структуры сайта. |
10 |
Правило: дублирующую навигацию следует использовать во всех случаях, когда присутствует логическая вложенность содержания, но отсутствует отдельное боковое меню, то есть практически на всех информационных сайтах. |
Артемий Лебедев § 50. О статусной строке22 апреля 2000 |
Каков ваш статус, Лена? Проще говоря, каков ваш социум эр актум?
С. Довлатов. Наши
01 |
Произошло следующее: в машине спидометр закрыт газетой; на мобильном телефонедисплей залеплен изолентой; телевизор не показывает, на какой канал переключился зритель; на лекарстве срок годности закрашен авторучкой; в оглавлении книги отсутствует указание номеров страниц. |
02 |
Что делать? Убрать газету, отлепить изоленту, починить телевизор, купить новое лекарство, выбросить книгу. |
03 |
Когда читатель оказывается на сайте, где заботливый веб-мастер постарался скрыть статусную строку браузера, надо материться вслух. Статусная строка отображает, куда ведет та или иная ссылка. Там же обычно показывается состояние загрузки страницы. |
04 |
Многие сайтостроители забивают статусную строку всякой фигней вешают туда время, пускают бегущую строку с последней новостью, просто пишут «Добро пожаловать» или при наведении курсора на ссылку «Новости» выдают в статусной строке слово «Новости». Вся эта третьестепенная информация лишает пользователя одной из самых ценных возможностей узнать направление. Люди определяют нужность ссылки по ее внешнему виду. Скажем, если ссылка называется «Свежайшая информация», а ведет на not_ready.html, то нормальный человек не нажмет и так понятно, что ничего полезного там не будет. |
05 |
Другая разновидность этого преступления (лишение пользователя органов чувств, часть вторая) открывание отдельного маленького окна, где статусная строка отсутствует вообще. В такой ситуации зритель не знает, куда он попадет дальше, и не имеет представления о том, сколько ему осталось ждать загрузки. Особенно ужасно, когда в таком маленьком окне открывается флеш-ролик: кино обычно много весит, а оценить скорость загрузки не представляется возможным. |
06 |
Правило: нельзя вмешиваться в привычный стандартный интерфейс и нельзя прятать его элементы в ситуациях, когда человек их ожидает. |
Артемий Лебедев § 51. Почему сайты не должны издавать звуков2 мая 2000 |
Шадап, шадап, шадап, шап-ту-дай.
Шадап, шадап, шадап, шап-ту-дай.
Шадап, шадап, шадап, шап-ту-дай.
Шадап, шадап, шадап, шап-ту-дай.
А. Пугачева. Hе делайте мне больно, господа!
01 |
В чем главное отличие интернета от телевидения? В том, что сеть не издает звуков.Общение с компьютером устроено по принципу общения с книгой сиди себе и читай(или пиши). Нормальная книга никаких звуков не производит. Нормальный компьютер сам по себе тоже (не считая шума вентиляторов). |
02 |
Во время работы за компьютером люди обычно ставят себе какую-нибудь музыку. Или наслаждаются старой доброй тишиной. |
03 |
|||
04 |
Представим себе ситуацию: тихий, спокойный человек неспешно серфит по просторам нашей всемирной глобальной компьютерной и вдруг заплывает на страницу к Василию Пупкину. У тихого серфера в это время играет компакт-диск с тихой, спокойной музыкой.Страница Пупкина загружается неспешно, но и посетитель наш тоже особенно никуда не торопится. |
05 |
И в этот самый момент тихая спокойная мелодия перебивается звуками песни «There must be an angel» или «Хали-гали, паратрупер, нам с тобою было супер». Человек прекрасно помнит, что он слушает что-то другое, и снимает наушники, чтобы проверить, какая такаягадина решила включить попсу погромче. Но в комнате тишина. Он надевает наушники обратно, а там продолжает звучать «...playing with my heart» или «...супер восемь, хали-гали, мы с тобой всю ночь летали». |
06 |
Посетитель считает, что это звуковой обман, и не желает верить в него. На всякий случай он ставит на паузу свой компакт-диск. И теперь посторонняя мелодия слышна отчетливо.Тут до нашего знакомого доходит: «Это же фоновая музыка на сайте Пупкина!» Как от нее избавиться? Страница Василия прокручивается сверху донизу быстрым движением колеса мыши никаких признаков плеера нет. Нельзя поставить на паузу, нельзя выключить.Остается только молниеносно нажать «назад» и отложить в памяти информацию о том, что на страницу к Пупкину больше ходить не надо. |
07 |
Лирическое |
В свое время каталог сайтов «АУ!» (позднее «Атрус») встречал всех посетителей отвратительным женским воплем: «А-а-а-а-а-а-у-у-у-у-у!». С тех пор автор туда не ходит, хотя кричать перестали. |
08 |
И тем не менее многие сайты сегодня используют фоновую музыку или проигрывают звуковую заставку при входе. Этого делать нельзя по нескольким причинам: посетитель не готов к тому, что сайт будет звучать; у посетителя играет своя музыка; фоновую музыку практически никогда нельзя выключить; звук с сайта редко бывает хорошего качества; при переходе на другую страницу сайта музыка пропадает на самом неподходящем месте эффект еще хуже, чем от прослушивания радио в такси, где водитель ищет хорошую песню, переключаясь между станциями каждые две секунды; смысловой и функциональной нагрузки у музыки на сайте ноль целых, ноль десятых; веб среда текстовой и визуальной информации. Звук обитает во флеш-заставках(где действие связано со звучанием) или в аудиоформатах (которыепрослушиваются обычно с помощью специализированных программ). |
09 |
Звук имеет право на существование, если: посетителю предоставлена возможность самому указать, хочет он послушать сайт или нет; он несет смысловую нагрузку (что случается крайне редко). |
10 |
Правило: в интернете нельзя использовать звуки и музыку в декоративных целях. |
Артемий Лебедев § 54. Краткий экскурс в историю гипертекста12 июня 2000 |
Не знаю, сказал человек, подумав. Может, ваш приятель ее изобрел?
Вряд ли, сказал я. Он работал в другой области.
А. и Б. Стругацкие. Хищные вещи века
01 |
Вообще-то гипертекст появился задолго до интернета. |
02 |
Первой системой гипертекста принято считать толкование Книги псалмов Гильберта Порретанского из Пуатье (около 1150 года н. э.). Специальные пометки на полях отсылали читателя на страницы в других местах книги. Не хватало только компьютера, чтобы гиперссылками стало удобно пользоваться. |
Скучно читать? Весело в § 100 |
03 |
Первая теория автоматизации этого процесса принадлежит Ванневару Бушу, который представлял гипертекстовую систему в виде машины, оперирующей микрофишами(микрофотопленками). В 1945 году Буш описал эту, так никогда и не созданную, машину, назвав ее «Мемексом». Разумеется, ни о какой возможности перехода запроса от одного«Мемекса» к другому не было речи машина была задумана в виде автономного письменного стола. |
04 |
«Мемекс» |
Memex memory extender («расширитель памяти» англ.) |
05 |
Собственно термин гипертекст был впервые употреблен Теодором Нельсоном в 1965 году. Через семь лет им же была предложена система визуализации «параллельныхдокументов» «Ксанаду», наглядно представлявшая ссылки и связи. |
06 |
Терминал «Ксанаду» с двумя параллельными документами на экране |
||
07 |
А первым на практике использовал гипертекст Дуглас Энгельбарт (отец мыши) в 1968 году. |
08 |
Принципы «Ксанаду» вдохновили Билла Аткинсона (работавшего тогда в компании«Эппл») на создание программы «Гиперкард». Эта программа, в которой активно применялись гиперссылки, послужила основой для многих современных систем гипертекстовой помощи и определила основные инструменты навигации браузеров. |
09 |
Справедливости ради надо сказать, что большинство основополагающих изобретений и идей в области гипертекста остались нереализованными или плохо реализованными в сегодняшних браузерах, которые определяют массовое представление о гипертексте. |
10 |
Со времен Возрождения, кроме скорости перемещения по ссылкам, мало что изменилось чтобы составить хороший гиперссылочный аппарат, потрудиться придется не меньше, чем Гильберту Порретанскому. |
Артемий Лебедев § 55. Как писать слово «интернет»?30 июня 2000 |
Ну что, Знайка? стали спрашивать коротышки, подбегая к нему. Как ты объяснишь это?
Что же тут объяснять? развел Знайка руками…
Н. Носов. Незнайка на Луне
В Академии наук
Заседает князь Дундук.
Говорят, не подобает
Дундуку такая честь;
Почему ж он заседает?
Потому что жопа есть.
А. С. Пушкин
01 |
Некоторые люди пишут слово интернет латинскими буквами. Некоторые по-русски, но не склоняют. Некоторые в кавычках. Некоторые с прописной. |
02 |
Чтобы вооружиться железным аргументом при общении с клиентами нашей студии, мы отправили запрос в Институт русского языка Российской академии наук (ИРЯ РАН), ожидая авторитетного заключения. |
03 |
Ответное письмо на трех страницах вскоре пришло к нам по почте. |
04 |
|||
05 |
Первая ошибка была в первом же предложении: «...направляем заключением, подготовленное». |
06 |
Далее в одном предложении (с двумя вложенными двоеточиями) следовали еще две ошибки: |
07 |
|||
08 |
Сначала интернет представлен словом женского рода, затем написан с пропущенной первой н. Завершает предложение загадочное «и под.». |
09 |
В конце третьей страницы «направленного заключением, подготовленного» доцентом Ю. А. Сафоновой, заверенного личной подписью самого В. А. Пыхова, ученого секретаря ИРЯ РАН, читаем: |
10 |
|||
11 |
Пропажу в предпоследнем абзаце точек у двух предложений, отсутствие пробелов в блоке«им.В.В. Виноградова» на штампе, а также слово «референт» с большой буквы можно не заметить. |
Автор рекомендует фразу «беглый анализ прессы содержит и иные написания» печатать на бланке ИРЯ РАН золотыми буквами с тиснением |
12 |
«Консультационная услуга в области современного русского языка по запросу № ___» стоит в ИРЯ РАН триста рублей (почти десять долларов). То есть по пятьдесят рублей за ошибку в тексте, не считая штампа, нет все-таки пророка в своем отечестве. |
13 |
Правило: слово интернет в русском языке пишется с маленькой буквы и склоняется по падежам: и. интернет р. интернета д. интернету в. интернет т. интернетом п. об интернете |
Домашнее задание Расшифруйте РАН. Сколько слов должно быть написано с большой буквы? На бланке есть три написания: Российская Академия Наук (в логотипе на бланке); Российская Академия наук (на прямоугольной печати); Российская академия наук (на круглой печати). |
14 |
P. S. К сожалению, после нашей публикации ИРЯ РАН прекратило осуществлять консультационные услуги в письменном виде. Теперь в институте на вопросы по русскому языку отвечают только по телефону. |
Артемий Лебедев § 56. Информационные и презентационные сайты11 июля 2000 |
01 |
Веб за время своего недолгого существования несколько раз менял ориентацию, и каждый раз от него ждали больше, чем он мог предоставить. Изначально набор средств и возможностей для создания сайтов был крайне скудным. Постепенно появились зачатки инструментария для создания таблиц, фреймов и пр. Но до сих пор нет универсального способа через браузер делать то, что каждому доступно в операционной системе: например, выбирать несколько объектов, перемещать их, пользоваться контекстно-зависимым меню, не говоря о многом другом. |
02 |
Дизайнеры, видавшие виды мультимедийные технологии, верстальные программы, графические редакторы, анимационные и трехмерные пакеты, были (и до сих пор остаются) крайне разочарованы отсутствием предсказуемого результата и невозможностью реализовать все свои дизайнерские идеи. |
03 |
Так начался процесс «засунем в браузер все, что только можно»: флеш, видео, трехмерку,звук, чат, конференции... В большинстве случаев зритель просто не в состоянии все это увидеть или услышать, потому что у него медленная связь, старый компьютер, маленький монитор. Но самое главное: людям просто не нужно все это разнообразие, производимое создателями мегабайтных творений. |
04 |
Сайт без картинок и теней это тоже сайт. Дизайн это прежде всего конструирование и подача информации. |
05 |
Большинство сегодняшних веб-дизайнеров не понимает, что их труд по накрамсыванию скриншотов это бессмысленная и неактуальная работа. Настоящий сайт это всегда сложный конструкторский проект. Сделать сайт, который живет при любой ширине экрана, во много раз сложнее, чем сайт с фиксированной шириной. Сделать графические заголовки и врезки может даже человек с коэффициентом интеллекта, равным комнатнойтемпературе. |
06 |
Все вышесказанное, разумеется, не отменяет эстетической стороны создания сайта. |
07 |
Чтобы понять разницу между функциональностью и эклектикой, надо представить удобное, ровное, размеченное автомобильное шоссе, с одной стороны, и лабиринт из английских кустов, в котором проложена мозаичная тропинка с другой. И то и другое труд дизайнера. И то и другое произведение искусства. На шоссе обычно никто не обращает внимания, а тропинкой в лабиринте больше одного раза в жизни мало кто пользуется. Это и есть разница между информационным и презентационным дизайном. |
08 |
Информационный дизайн (www.ya.ru) Живет на всю ширину экрана. Грузится за секунды и работает везде. Идеально подходит для ежедневного использования. Не требует времени на изучение все сразу понятно. Знакомый дизайнер утверждает, что приведенный пример полный отстой. |
|
Презентационный дизайн (mtelecom.ru) Ограничен в ширине, чтобы поместиться в окне при минимальном разрешении (фиксированный дизайн на ширину больше 620 пикселей ламерство и неуважение по отношению к пользователю). Грузится долго даже на быстром канале, а зритель с отключенной графикой лицезреет большое количество непоказанных картинок. Требуется человеку один раз в год в момент принятия судьбоносного решения о покупке пейджера, компьютера, автомобиля, дома. Как правило, имеет запутанную структуру, сложную навигацию, построенную на навороченной метафоре, требует привыкания к Главной Идее Дизайнера. Знакомый дизайнер утверждает, что приведенный пример «так себе», но делает именно так, утяжеляя графику в три раза, произносит магические слова «я делаю настоящий дизайн», после получения гонорара увеличивает самомнение в четыре раза. |
09 |
Сразу забежим в недалекое будущее презентационный дизайн изживет себя. Скоро все, что грузится больше пяти-десяти секунд, начнет искать новые пути выражения, отличные от веба. |
10 |
Чтобы выжить, презентационным сайтам придется либо брать на вооружение приемы информационного дизайна, либо предоставлять альтернативный (быстрый) доступ к информации. |
Артемий Лебедев § 57. Делайте сайты проще2 августа 2000 |
Простота необходимое условие прекрасного.
Л. Н. Толстой. Из письма к Л. Андрееву от 02.09.1902
01 |
Почти сто лет прошло с момента написания эпиграфа к этому параграфу, а ценность высказывания не уменьшилась. |
02 |
Желание усложнить всегда происходит от другого желания набить себе цену. Мало кто станет разбираться в сложном на то и расчет. Подумают раз сложно, значит, человек знает, что делает. Просто и у дурака выйдет. Поэтому, например, невозможно читать даже школьные учебники по физике написано так, чтобы в авторитетности автора не возникло ни малейшего сомнения. |
03 |
Зачем сознательно усложнять работу с сайтом? Есть три варианта. |
04 |
Вариант 1. Минимализм... Создатели сайта smi.ru захотели поиграть в минимализм, в результате чего получилось так: |
05 |
|||
06 |
Если не пользуешься этой формой, все хорошо. Но когда заносишь курсор,то задумываешься. Во-первых, какая рассылка мне грозит? Раз в пять минут или три раза в год? И о чем? Во-вторых, словосочетание «ваш@адрес» у неопытного человека вообще вызовет чувство легкого испуга на адрес электронной почты не совсем похоже, на адрес сайта тоже... Полторы строчки комментария сделали бы из неудобоваримой псевдотехнократической зауми образец понятного лаконизма. |
07 |
Вариант 2. Капитализм Примеров безобразно много. Взять тот же download.com. Чтобы дойти от формы поиска до нужного файла, человек вынужден преодолеть четыре-пять страниц. Спрашивается,зачем? Сколько страниц загружено, столько баннеров скачано. Эта совершенно гнусная практика с годами лишь набирает обороты. Типа, куды ж ты денешься, раз тебе файл нужен. |
08 |
Сайт, закармливающий баннерами, плод труда глупого веб-мастера. Скажем, zdnet.ru относительно длинные статьи разбивает на три-четыре части. Создатели сайта думают, что пользователь просто окутан их заботой. На самом же деле до конца такой поделенной на куски статьи доходит только сильнейший. Остальные отваливаются по дороге, потому что пятикилобайтный кусок текста не идет в сравнение с тридцатью килобайтами анимированной рекламы, полученными на каждой странице. |
09 |
Вариант 3. Технологии XXI века... |
См. также: § 46. Заставки на сайтах. Часть первая |
10 |
На второй странице видим такое: |
11 |
|||
12 |
Весь текст (кроме примера запроса) сделан графикой и весит почти пятьдесят килобайт. Все признаки настоящей интерактивной поисковой системы налицо. |
13 |
Заинтригованный, ввожу запрос: «кто такой лебедев?». |
14 |
Получаю новое окно, которое просит меня подтвердить, не ошибся ли я в составлении запроса, интересуется моим электронным адресом, уточняет, как ко мне обращаться, и спрашивает, где, собственно, искать. |
15 |
|||
16 |
Нажимаю на кнопку «Ввод» и оказываюсь в чате. |
17 |
|||
18 |
Наверху написано: |
19 |
В этот момент мне в голову приходит мысль, что оператор у себя во втором окне открыл мой любимый ya.ru и ищет там по слову «лебедев». Ниже приводится диалог с оператором и мои наблюдения. |
20 |
Диалог с оператором Диалог с внутренним голосом Алексей Здравствуйте, Тема. Вас приветствует оператор Алексей. Ссылка на www.design.ru первое, что выдает Яндекс на запрос«лебедев». Алексей Вы знаете, мы не можем долго ждать вашего ответа... Он и вправду интерактивный. Тема это страница студии. А кто он такой? «Лебедев С. А. создатель МЭСМ» ссылка под номером 4 в результатахЯндекса. Тема видимо, мне был нужен первый. мне сказали, что он порет сайты что вы об этом знаете? Ссылка на www.tema.ru прямо наверху в Яндексе. Тема я хотел бы подробнее узнать о порке Эта ссылка у Яндекса идет с порядковым номером 2... Видно, что оператор уже мечется. Тема а где тут про порку-то? Я прямо вижу искаженное лицо оператора Яндекс на словосочетания«порки лебедева» и «лебедев порет сайты» не выдает ссылку на «Порку»... Алексей Приятно было с Вами работать. До свидания. Русский народный метод копи-пейст. |
21 |
Этот пример прекрасно иллюстрирует способы усложнения. Неудивительно, что служба«Интернет-хелп», расчитывавшая брать деньги за свои услуги, разорилась через пару лет после написания этого параграфа. |
22 |
Вот как описывали свою методику авторы проекта: |
23 |
«Идея проекта состоит в том, что пользователям интернета помогают ориентироваться в сети операторы InternetHelp.ru, люди, владеющие уникальной методикой информационного поиска, разработанной в компании InternetHelp Ltd. Сегодня это единственная команда профессионалов такого рода во всем Рунете». |
24 |
Мораль: успех бизнеса в интернете заключается в максимальной открытости. Следуетназывать вещи своими именами, не продавать воздух, не употреблять всуе слов«электронная коммерция» и «битуби». Надо быть понятнее и проще. |
См. также: § 60. Э... коммерция |
Артемий Лебедев § 60. Э... коммерция24 сентября 2000 |
К обеду астролябия была продана интеллигентному слесарю за три рубля.
И. Ильф и Е. Петров. Двенадцать стульев
01 |
Электронной коммерции не существует. Людям навешали лапши на уши. Они поверили в это так же, как в существование ошибки 2000 года. Ни того, ни другого не было и не будет. |
02 |
Словосочетание «электронная коммерция» несет в себе бодрый заряд маркетологического идиотизма. Поход в булочную и процесс покупания батона никто не рекламирует как«коммерцию с помощью кассового аппарата». |
03 |
Сотни людей и компаний в России, десятки тысяч за рубежом все они не покладая рук варят лапшу для ушей. |
04 |
Инвесторов пугают и стращают словами, похожими на названия африканских племен, «битуби» и «битуси». Инвестор и сам обманываться рад. Пошел человек в магазин за батоном это битуси. Грузовик с батонами подъехал к магазину это битуби. Бабулька продала батон у входа в метро это ситуси. И так далее, успевай только слоги менять местами. Просто, а как красиво звучит! |
05 |
Есть еще другой вариант приставлять к каждому слову вначале букву с дефисом: «Е-». Можно и строчную: «е-». Е-любой е-уважающий е-себя е-предприниматель е-купится е-на е-эти е-слова. И слово «е-бизнес» некоторые уже пишут по-русски, не краснея. |
06 |
Что же мне не нравится? Почему мне не все равно, кто кого с е-корабля на е-бал? |
07 |
Во-первых, надо сначала научиться делать простую коммерцию, а потом уже организовывать продажи через интернет. |
08 |
Прежде чем собираться на конференциях в тиши подмосковных лесов или роскоши холлов столичных отелей, чтобы обсудить новые способы привлечения покупателей«кастомизацией» сайта (подстраиванием под вкусы, проще говоря), нужно быть гибче в офлайне. |
См. также § 65. Скиномания |
09 |
Яркий пример. В нашей студии работают шестьдесят человек. И мы решили поставить холодильник с кока-колой, чтобы любой желающий мог воплотить слоган «Всегда кока-кола!» в жизнь. |
10 |
Позвонили в одноименное ЗАО («Кока-кола рефрешментс Москоу» или как-то так), и сразу же выяснилось, что холодильник нам не поставят, потому что для этого надо быть как минимум супермаркетом и заказывать декалитры газировки в неделю. Купить холодильник тоже нельзя, ни за какие деньги. |
11 |
Можно поставить автомат, куда каждый должен засовывать купюру достоинством в 10 руб. Сказано сделано, поставили. Десятки в студии моментально выросли в цене, хотя изначально мы рассчитывали покупать напитки оптом и сделать их для любого сотрудника или гостя бесплатными. |
12 |
В один прекрасный момент лазутчик из одноименного ЗАО прокрался в наш офис и повысил стоимость напитка до 12 руб. Теперь кроме десяток каждый должен был еще иметь в кармане или на столе россыпь мелочи. Работа остановилась сотрудник, испытывающий жажду, забыв об имидже, караулил коллег в коридоре и внезапно вырастал из стены, требуя мелочь. |
13 |
В студии родилась отличная идея. Дело в том, что когда у тебя есть выбор из пяти напитков, они все очень быстро надоедают. И ты стоишь минут пять перед аппаратом и не знаешь, что купить. Подбрасываешь монетку, спрашиваешь окружающих. |
14 |
Так вот, идея заключалась в том, чтобы одна из кнопок на морде холодильника была«рандомайзером», выдавая каждый раз что-нибудь непредсказуемое. Но строгие дяди из ЗАО и слышать об этом не захотели. Ишь чаво придумали! |
15 |
Мерзость аппарата заключалась в том, что купюроприемник очень быстро выходил из строя. Вторая проблема крылась в скорости поглощения воды напитки исчезали к выходным, а «завоз» осуществлялся только по средам. Никакие попытки убедить ЗАО привезти бутылки пораньше не находили понимания у бизнесменов. |
16 |
История закончилась, когда аппарат отказывался брать деньги две недели подряд, напитки были выручены из него за мелочь, а на дворе стояло воскресенье. Были вызваны фирменные грузчики с домкратом, которые увезли красную гадину с большой обледенелой бутылкой на фасаде, испортив при этом стену в студии. |
17 |
Еще более печальная судьба была у автомата «Марс» с шоколадками внутри (жравшегоэлектричество киловаттами). Все они стоили по девять рублей. Бизнес-опрос: сколько раз в течение дня у шестидесяти человек может найтись столько мелочи по карманам? Черную гадину с большим початым батончиком на фасаде увезли фирменные грузчики через тридня. |
18 |
Ни одна из компаний, ответственных за установку подобных автоматов, не думает о прибыли мы предлагали, например, перечислить деньги сразу на счет, чтобы можно было просто нажать на кнопку и получить напиток и конфету. Не-е. |
19 |
Спрашивается, зачем этим компаниям электронная коммерция? Зачем она другим компаниям, которые в офлайне не могут организовать нормальную доставку, наладку, работоспособность, съедобность, сервис и все остальное? Попробуй купить себе ботинки в американском интернетовском магазине. Даже если они там найдутся, выяснится, что привезут их только в Бостон, но никак не в Москву. |
20 |
Жалко людей. Они от э... коммерции ничего не получат, потому что никто не может им объяснить, что же такого волшебного произойдет, если подключить кассовый аппарат к интернету. |
21 |
Прежде чем начать в России продавать что-либо через интернет, нужно пройти этап продажи по каталогам. Нужно обзавестись нормальными курьерскими службами. Нужно использовать все возможности для распространения своей продукции. И только потом прибить большую букву Е перед вывеской. |
Артемий Лебедев § 61. Краткий самоучитель по быстрорастворимому креативу1 декабря 2000 |
01 |
Одна из основных задач креативного агентства или студии придумывать и делатьтворческие работы. Но далеко не каждая дизайнерская задача позволяет использовать средства и инструменты, требуемые для исполнения дорогого и большого проекта. В первую очередь это зависит от клиентов как правило, они не готовы платить, скажем, за баннер столько, сколько они потратили бы на заставку для первой страницы сайта (хотяиногда баннер делать сложнее и дольше). |
02 |
Большинство отечественных дизайнеров не уделяют особого внимания этой проблеме у них под рукой есть пяток ссылок на сайты фотобанков и десяток сидюков с пиратской библиотекой изображений. |
03 |
Дизайн-студия, состоящая из одного халтурящего студента, может себе позволить братьтридцать-пятьдесят долларов за баннер, сделанный из одной украденной картинки и криво положенного анимированного шрифта. Как ни странно, но бóльшая часть«взрослых» студий не стесняется работать таким же образом. Сайты, построенные на одной картинке (часто с заретушированным водяным знаком), слишком распространены и узнаются за километр. Даже если у менеджера подобной студии проснется совесть и он заплатит сотню за официальную лицензию на изображение, честь студии не будет спасена использование готовых картинок из фотобанков является моветоном, если мы говорим о дизайнерской работе, а не о вторсырье. Пользоваться готовым очень просто и не стоит тех денег, которые платятся за оригинальную работу. |
04 |
Лирическое |
Обращаться к фотобанкам можно только тогда, когда изображение нельзя получить за счет собственных сил и ресурсов. К таким изображениям относятся снимки из космоса и архивные кадры. Но даже в этих случаях лучше найти первоисточник и выбратьте фотографии, которые не висят в первом попавшемся каталоге. |
05 |
Отдельное исключение канонические изображения и репродукции картин. Скажем,«Мона Лиза» она «Мона Лиза» и есть, ничего тут не придумаешь. И «Бурлаки на Волге» не могут быть разными они всегда одинаковые, и репродукция из фотобанка скорее всего окажется лучше, чем оригинал из школьной столовой. |
06 |
Что же делать бедному дизайнеру, когда нужно быстро и недорого получить изображение, но злой арт-директор не разрешает даже смотреть в сторону фотобанка? |
07 |
Для достижения прекрасного результата под рукой полезно иметь сканер и цифровую камеру. Можно обойтись и чем-то одним, но сканер неудобно выносить на улицу и прикладывать к асфальту, а фотоаппарат хуже справится с получением изображения из старой книги. |
08 |
Итак, примеры. |
09 |
Дизайнер думает А что надо сделать Мне надо проиллюстрировать раздел «Партнерство» для сайта компании N. Пойду-ка на photodisc.com и напишу в строчке поиска partnership. Мне выдадут сорок страниц с рукопожатиями. Достаточно взять иллюстрацию с первой же страницы и поставить ее в раздел. Взять Пупкина и Тютькина, поставить их к холодильнику, если нет другого белого фона, и снять на цифровой фотоаппарат их рукопожатие.Лучше вообще придумать что-нибудь другое, потому что рукопожатие это самое банальное, что только можно себе представить в качестве иллюстрации партнерства. Мне поручено сделать баннер, рекламирующий осенние скидки компании Y. Схожу-ка я на corbisimages.com и поищу там по ключевому слову как-там-будет-по-английски кленовый лист. Выйти во двор, подобрать лист с земли и отсканировать его. Мне поручили сделать страницу, где на листе бумаги от руки написано«суп на плите, котлеты в холодильнике». Надо будет взять шрифт Бетина скрипт или Браш скрипт и готово. Взять листок бумаги и написать на нем от руки нужную надпись. Бумажку отсканировать. |
10 |
Если нужна картинка лампочки, вывинчивается лампочка из патрона и фотографируется. Нужен часовой механизм снимается первый попавшийся; нету на барахолке покупаются сломанные часы за десять рублей. Нужна фактура земли во дворе есть клумба. Нужен цветок продается в палатке. Нужна клавиатура вот она. |
11 |
И так далее. |
Артемий Лебедев § 62. Экранная типографика17 декабря 2000 |
Посвящается О. Н. и всем-всем-всем
01 |
Все тексты должны обязательно обогащаться . Ни один текст не должен появиться на публике в исходном сыром виде. |
02 |
Краткий справочник § § параграф © © знак охраны авторского права (copyright) ® ® символ зарегистрированного товарного знака ™ ™ символ товарного знака ° ° знак градуса « « левая кавычка (левая ёлочка) » » правая кавычка (правая ёлочка) … … многоточие ’ апостроф „ „ открывающая лапка “ “ закрывающая лапка “ “ открывающая английская лапка ” ” закрывающая английская лапка • • жирная точка – среднее тире (в русской типографике не используется) − − минус ± ± плюс-минус — тире № № знак номера |
Полный справочник по знакам можно найти на страницеHTML 4.0 Entities |
03 |
Кавычки В русских текстах используются «елочки» или „лапки“: « ... » „ ... “ |
См. также § 104. Кавычки |
04 |
Во всех текстах на английском: “ ... ” ... |
05 |
Ни в коем случае не знаки дюйма и не «программистские» кавычки (которые используютсятолько для набора исходных кодов программ или в электронной переписке): " … " |
06 |
Тире Тире не надо путать с дефисом оно обычно в два-три раза длиннее: |
См. также § 97. Тире, минус и дефис, или Черты русскойтипографики |
07 |
Неправильно Правильно Коляныча - за пивом послать! Коляныча за пивом послать! |
08 |
Перенос слов Нужно уделять максимум внимания словам, которые могут быть перенесены на новую строчку при изменении ширины окна браузера. |
09 |
Так как никто не может знать, когда и где предложение будет разбито на строчки, нужно обрабатывать все случаи. На строчке не могут остаться: инициалы, одно-, двух- и некоторая часть трехбуквенных слов, цифры года. На строчке должно остаться длинноетире. |
10 |
Чтобы слова не перескакивали нежелательным образом, их нужно «привязывать» к соседним словам неразрывным пробелом: |
11 |
Неправильно Правильно Коляныч пошел за Коляныч пошел
|
12 |
Строгих правил по поводу переноса слов нет, все они носят рекомендательный характер. Каждый раз нужно вникать в смысл текста и привязывать предлоги и союзы к следующему за ними слову, а частицы к предыдущему. |
13 |
Привязки Неразрывный диапазон (nobr) используется в случаях, когда неразрывный пробел ( ) неуместен. Это касается телефонных номеров и ряда слов, которые пишутся через дефис(некоторые браузеры переносят слова в месте дефиса). |
14 |
<nobr>212-85-06</nobr> <nobr>во-первых</nobr> |
15 |
Нельзя писать номера телефонов на западный манер, то есть с одним дефисом (212-8506), нужно всегда писать с двумя. Допускается замена дефисов на пробелы, когда подряд указываются несколько номеров. |
См. также: § 91. Краткая история телефонных номеров |
16 |
Знаки в тексте Во всех случаях надо использовать специальные знаки, не пытаясь их эмулировать с помощью других знаков. |
17 |
Неправильно Правильно (C) 2000 Vassily Poupkine(R) © 2000 Vassily Poupkine® |
18 |
Пример набора …Когда В. И. Пупкин увидел в газете («Сермяжная правда» № 45) рубрику Weather Forecast®, он не поверил своим глазам температуруобещали ±451 °F. |
Для того чтобы не расставлять все знаки и неразрывные пробелы руками, воспользуйтесь «Типографом» |
Артемий Лебедев § 63. Садись, благодарная Россия, «два»!20 января 2001 |
01 |
Весной 1992 года в Москве на Славянской площади состоялось торжественное открытие памятника святым Кириллу и Мефодию работы скульптора В. Клыкова. |
02 |
Зимой 2001 года в Москве на Славянской площади появился автор «Ководства» и сфотографировал надпись на вышеупомянутом памятнике. |
03 |
|||
04 |
В параграфе 23 давался полезный совет: не зная броду, не суйся в воду. Разовьем мысль на примере надписи, выполненной на церковнославянском языке. |
См. § 23. Немного о дореволюционной орфографии |
05 |
На памятнике Кириллу и Мефодию в металле отлиты пять орфографических ошибок: |
06 |
|||
07 |
В слове «апостол» и в имени Мефодий не может быть омеги. |
08 |
В имени Кирилл должна стоять буква и, а не i. |
09 |
Две ошибки в слове «Россия» это позор посильнее безграмотного платного ответа из Института русского языка РАН. Вместо о должна стоять омега, а вместо и i. |
См. § 55. Как писать слово «интернет»? |
10 |
Почему нельзя просто написать русским языком простой текст? |
11 |
Очевидно, что у написавшего этот текст на памятнике была одна задача выпендриться. Чем больше непонятных для современника букв, тем лучше. Сразу веет какой-то тайной,сразу благоговение наполняет зрителя. Ведь памятник праотцам славянской письменности это тебе не Петр I со штурвалом, тут без мудрости веков никуда. |
12 |
Если присмотреться к надписи еще внимательнее, станет заметно, что в мастерской скульптора уже проходила работа над ошибками. |
13 |
|||
14 |
Очевидно, буква «Е» является результатом более поздних изменений, так как она ни по наклону, ни по размеру не вписывается в стиль надписи. А выделять ее нет никакого смысла. Те, кто отливал надпись, сами настолько не понимали текста, с которым работали, что им было все равно. Взяли букву «Э», перевернули и втиснули как попало. Хотя в этом же слове стоят две другие буквы «Е», совершенно отличные по стилю. |
15 |
Надпись без ошибок на памятнике Кириллу и Мефодию в Киеве. Зато за такие пробелы между словами дизайнеру надо оторвать руки |
||
16 |
Правило: ошибок на обложках книг, в иллюстрациях, на вывесках (а тем более на памятниках) нельзя допускать категорически. Ошибки в наборном тексте тоженедопустимы, но к ним можно относиться более терпимо (не забывая исправлять, разумеется). |
17 |
Артемий Лебедев § 65. Скиномания24 февраля 2001 |
01 |
У создателей сайтов есть такой профессиональный термин кастомизация. Происходит он от английского слова customization и обозначает возможность настроить сайт «подсебя», выбрать, какой блок информации появится раньше другого и появится ли вообще. Не проходит мода на сайты, дающие пользователю возможность спрятать или показать блок с гороскопом или поменять местами спорт и политику. |
02 |
Самое страшное, когда о настройке начинают думать создатели информационных и газетно-журнальных сайтов. Приходится доказывать, что самое главное для издания сохранить свое лицо и свой голос. |
03 |
У главного редактора всегда должна быть возможность придумать передовицу и поместить ее именно на первую полосу, а не на шестнадцатую. Именно редакция должна выбирать иллюстрации и темы, но никак не читатель. Читатель может сделать выбор только между редакциями и их публикациями. |
04 |
Лирическое |
В текстовом редакторе «Ворд» пятой версии для Макинтоша была возможность выбрать два вида меню профессиональное и упрощенное. Нововведение пришлось придушить,так как никто не хотел признавать себя недостаточно квалифицированным для профессионального статуса. Разумеется, можно было бы обойтись более мягкой формулировкой. Подход, ставший стандартом среди больших и сложных программ, настройки каждого пункта меню в отдельности и тонны пиктограмм, привязанных к функциям, не решает проблемы. Пользователи хотят видеть все кнопки. Люди обожают, когда пульт дистанционного управления телевизором похож на приборную панель гражданского авиалайнера. Поэтому вся техника потребительского класса увешана лампочками и кнопочками, а на профессиональной технике два-три переключателя. Но потребитель так устроен, что хочет и кнопочки иметь, и к профессиональному приобщиться. Так возникают приставки и окончания «про». Например, караоке-про, что само по себе оксиморон. |
05 |
Любая попытка предоставить человеку товар «под него» обречена на провал. Потому что человек (явно того не осознавая) хочет получать ненужную информацию, мусор, рекламу, статьи нелюбимых авторов и просто проходить мимо изданий, которые он никогда не покупает. Потому что именно мусор и создает фон, на котором проявляются вкусы и пристрастия человека. |
06 |
|||
07 |
Возможность выбрать информацию (читать только новости по «интересующим» темами смотреть рекламу только «интересующих» товаров) очень быстро вырабатывает у человека ощущение информационного вакуума. Поэтому единственно возможная настройка в мире информации это собственно выбор издания. |
08 |
Однако представляется разумным давать посетителю возможность выбора внешнего вида. В конце концов, если произвести что-либо в десяти разных цветах, то пользователипрекрасно разделятся на десять групп по интересам. Никто же не возмущается формой электрической розетки и не раздражается по поводу стандартного расстояния между штырями штепселя (если только это не американец, приехавший с ноутбуком в Англию). В магазине при этом каждый выбирает цвет и форму розеток по своему вкусу. |
09 |
Такую же возможность должны давать и крупные сайты, предоставляющие различные виды сервисов. Это касается поисковых систем, почтовых служб, списков рассылок и т. д. Ни в коем случае нельзя давать пользователю настраивать внешний вид газет, новостных лент, презентационных и корпоративных сайтов или магазинов. |
10 |
Определять количество информации и наличие тех или иных блоков может толькосоздатель сервисного проекта, но никак не посетитель. Точно так же, как владелец квартиры не имеет права сносить или передвигать капитальные стены, но может клеить обои и вешать картины. |
11 |
Очертив круг проектов, где уместно давать людям возможность выбора, остается толькопредложить форму реализации. Ни при каких обстоятельствах нельзя размещать рядом с блоками кнопки типа «отредактировать» или «настроить». У человека не должно возникать ощущения, что информация может быть убрана только потому, что ему в данный момент она не интересна. |
12 |
Есть два возможных варианта выбора внешнего вида сайта. |
13 |
Вариант № 1. Предоставить посетителю входы на несколько по-разному раскрашенных и оформленных сайтов. Например: red.domain.ru, green.domain.ru, blue.domain.ru. |
14 |
Вариант № 2. Предоставить посетителю возможность самому нарисовать дизайн, но при обязательном условии количество и состав блоков должны остаться неизменными. Например, нельзя позволять убирать логотип сервиса. При этом разумным представляется давать несколько видов конструкторов самый полный, попроще и совсем минималистичный. Такого разнообразия будет более чем достаточно. Размещать можно по адресу типа variant.domain.ru. При этом обязательно должен функционировать основной адрес www.domain.ru, который, собственно, и будет лицом сервиса. |
Артемий Лебедев § 66. Рыба6 марта 2001 |
01 |
Чтобы показать заказчику эскизы, нужно где-то найти тексты и картинки. Как правило, ни того, ни другого в момент показа эскизов у дизайнера нету. Что же делает дизайнер? Рыбу. |
02 |
Рыбу можно вставлять, использовать, вешать, заливать, показывать, запихивать... Словом,с ней делают что угодно, лишь бы эскиз был максимально похож на готовую работу. |
03 |
Если в качестве рыбных картинок использовать цветные прямоугольники, а вместотекста несколько повторяющихся слов, эскиз будет выглядеть неестественно. |
04 |
Сравним три примера: |
05 |
Тут будет текст тут будет текст тут будет текст тут будет текст тут будет текст тут будет текст тут будет текст тут будет текст тут будет текст тут будет текст тут будет текст тут будет текст тут будет текст тут будет текст тут будет текст тут будет текст тут будет текст тут будет текст тут будет текст тут будет текст тут будет текст тут будет текст тут будет текст тут будет текст тут будет текст тут будет текст тут будет текст тут будет текст тут будет текст тут будет текст тут будет текст Принцип восприятия непредвзято создает паллиативный интеллект, условно. Концепция ментально оспособляет закон внешнего мира.Сомнение раскладывает на элементы неоднозначный структурализм. Смысл жизни профанирует принцип восприятия, отрицая очевидное. Жизнь философски ассоциирует напряженный постмодернизм. Объектдеятельности означает конфликт. Согласнопредыдущему, конфликт, в рамках сегодняшних воззрений, ясен не всем. Те, кому когда-либо приходилось делать в квартире ремонт, наверное, обращали внимание на старые газеты, наклеенные под обоями. Как правило, пока все статьи не перечитаешь, ничего другого делать не можешь. Интересно же обрывки текста,чья-то жизнь... Так же и с рыбой. Пока заказчик не прочтет всё, он не успокоится. Бывали случаи, когда дизайн принимался именно из-за рыбного текста, который, разумеется, никакого отношения к работе не имел. |
06 |
Иногда даже хорошие дизайнеры не утруждают себя набиванием абстрактного текста,а вписывают три-четыре слова (пример в левой колонке). Это очень плохо, потому что не позволяет зрителю оценить, как на самом деле будет выглядеть текст. Повторяющийся паттерн (узор) текста один из самых плохих эффектов при показе дизайна. |
07 |
Текст ни о чем (пример в средней колонке) хороший способ попытаться сосредоточить внимание заказчика на дизайне, форме, верстке, цвете. Некоторые вместо текставставляют философскую бессмыслицу. Так как читать такой текст неинтересно, то всевнимание переключится на детали оформления. |
Замечательный генератор гироскопическо-почвоведческого бреда работает по адресу referats.yandex.ru |
08 |
Каждая студия выбирает свой стиль работы с рыбой. Автор считает, что все тексты нужно писать самому дизайнеру (правая колонка). У нас в студии принято составлять такуюрыбу, чтобы она сама по себе вызывала желание принять дизайн. Поэтому очень часто рыба становится частью готового проекта так она нравится клиенту. |
Примеры из жизни рыбы в «Закулисах» |
Артемий Лебедев § 67. Lorem ipsum6 марта 2001 |
01 |
В западной традиции рыбой выступает фрагмент латинского текста из философскоготрактата Цицерона «О пределах добра и зла», написанного в 45 году до нашей эры. Впервые этот текст был применен для набора шрифтовых образцов неизвестным печатником еще в XVI веке. |
02 |
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisisat vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. |
03 |
Сегодня этот текст используют практически все дизайнеры, набирающие рыбу латиницей. Абзац считается каноническим во всех справочниках по типографике и предлагается к использованию в статьях, посвященных изготовлению макета верстки при отсутствии финальных текстов. В руководствах по работе с фирменным стилем крупных международных компаний именно с этих слов начинаются образцы верстки. Существуютдаже издания с названием Lorem ipsum. |
Футболка «Лорем ипсум» в нашем магазине |
04 |
Впрочем, этот текст безнадежно далек от оригинала. Он даже уже не родственник 32 абзаца первой книги цицероновского трактата: |
05 |
Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt, explicabo. nemo enim ipsam voluptatem, quia voluptas sit, aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos, qui ratione voluptatem sequi nesciunt, neque porro quisquam est, qui dolorem ipsum, quia dolor sit, amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt, ut labore et dolore magnam aliquam quaerat voluptatem. ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? quis autem vel eum iure reprehenderit, qui in ea voluptate velit esse, quam nihil molestiae consequatur, vel illum, qui dolorem eum fugiat, quo voluptas nulla pariatur? |
06 |
Интересно узнать, в какой момент слова из середины предложения (dolorem ipsum) стали началом традиционного типографского абзаца (Lorem ipsum). |
07 |
Желающим использовать в своей верстке именно неправильный вариант следует убедиться, что в нем нет ничего непристойного за годы модификации этого рыбноготекста многие шутники чего только не повписывали туда. |
08 |
Все-таки, lingua latina non penis canina est. |
Артемий Лебедев § 68. Доменные имена по-русски8 апреля 2001 |
01 |
Некоторое время назад у китайцев появилась возможность регистрировать доменные имена по-китайски. Недавно о похожей услуге объявила компания РБК. Она предлагает регистрировать домены по-русски в зоне .com. |
Алена Миклашевская Банк.com в придачу к bank.ru//Коммерсантъ. 2001. 28 февраля. С. 4. |
02 |
Пожалуй, идея регистрировать домены не латинскими буквами это самое идиотское, что появилось за последнее время в сети. |
03 |
Не только с точки зрения интерфейса, но и с точки зрения организации информации смешивание алфавитов представляет собой чудовищную проблему для любого, кто захочет потом в такой каше разобраться. Смешанные алфавиты (и смешанные регистры в системах, где разница существует, как в «Юникс», например) хороши только для создания паролей. Но доменное имя это не шифровка, оно нужно для того, чтобы его могли при желании набрать руками. |
04 |
Владелец русскоязычного домена сможет вместо www создать домен третьего уровня ввв.Com это сокращение от английского commercial, и набирать это надо латинскими буквами. |
05 |
Русские домены таят в себе еще много проблем. Во-первых, непонятно, как набрать домен русскими буквами, когда нельзя быть уверенным, что у всех пользователей одна кодировка. Во-вторых, при нажатии на любую ссылку внутри сайта русские буквы домена будут превращаться в такие закорюки: %F5%F3%E9%ED%FF. В-третьих, с таким адресом нельзя нормально пользоваться электронной почтой(письмо просто не дойдет). В-четвертых, русский домен нельзя перевести в латиницу переводное название может оказаться давно занятым. |
06 |
Но самая страшная проблема может возникнуть в случае, когда кто-то решит завести адрес, в котором в пределах доменного имени второго уровня будут перемешаны русские и латинские буквы. Например: www.IВМ.com. В слове IВМ только первая буква латинская. Вторые две это русские «вэ» и «эм». С таким адресом можно сделать копию сайта «Ай-би-эм» и повесить форму для сбора денег под видом электронного магазина (а дизайн воруется с идеальной аккуратностью без затруднений). |
07 |
Чем длиннее существующий домен, тем тяжелее предусмотреть и зарегистрировать все сочетания букв из разных алфавитов (мы еще не забываем про кодировки). |
08 |
Хозяйке |
Кстати, все буквы на современных автомобильных номерах в России (которыес регионом) только латинские. Набор знаков ограничен двенадцатью A, B, E, K, M, H, O, P, C, T, У, X. На синих номерах МВД еще встречается буква D. Нужно это для того, чтобы в нашем номере могло разобраться любое учреждение мира. Все-таки сложно в Интерпол сообщать, как именно выглядят и произносятся буквы Ы, Ю или Щ. |
09 |
Про универсальность вообще можно забыть. Нет русской клавиатуры под рукой отдыхай, дорогой товарищ. Если кому-то этот аргумент кажется неубедительным пусть наберет хоть один адрес по-китайски. |
Артемий Лебедев § 69. Разрешение картинок16 июня 2001 |
01 |
Попробуем разобраться в одном из самых больших заблуждений человечества за всю историю существования экранной графики. |
02 |
Дело в том, что у электронного изображения вообще нет разрешения. Разрешение (точнее, разрешающая способность) может быть только у приспособления ввода/вывода монитора, принтера, сканера, фотоаппарата. |
03 |
В науке разрешающую способность измеряют в количестве различимых параллельных линий или точек на миллиметр. Поэтому есть смысл измерять линии на миллиметр илиточки на дюйм у монитора и принтера, а не у изображения. |
04 |
Картинке в «Фотошопе» совершенно все равно, сколько ей задать точек на дюйм в форме изменения размера картинки. Этот параметр ни на что не повлияет при выводе изображения на экран. Потому что картинка состоит из такого-то количества пикселей в ширину на такое-то количество в высоту. |
05 |
Многочисленные авторы учебников и книг по созданию сайтов либо советуют использовать 72 или 96 точек на дюйм, либо деликатно обходят вопрос стороной.Функция «сохранить для веба» в «Фотошопе» тупо сохраняет все картинки с разрешением 72 точки на дюйм. Обойти это можно, только пользуясь другими инструментами для сохранения файлов, но это все равно ничего не даст, так как разрешение, записанное в форматах ГИФ или джипег, проигнорируют и браузер и монитор. |
06 |
Загадочные 72 точки на дюйм идут с тех времен, когда имело смысл слово «визивиг».То есть 72 последовательных пикселя на экране Макинтоша печатались линией длиной в один дюйм на бумаге. Пиксель на заре настольно-издательских революций решили приравнять к типографскому пункту, который никогда не был равен 1⁄72 дюйма, но всегда был близок к этому значению (в разных странах причем по-разному). |
WYSIWYG what you see is what you get (что видишь [на экране], то и получишь [при печати] англ.) |
07 |
Это же соотношение лежит в основе языка «Постскрипт», под управлением которого работают большинство принтеров в мире, а также всех программ, произведенных компанией «Адобе». Разумеется, компьютеры победили, и сегодня в одном дюйме 72 пункта. |
См. также: § 81. Жизнь и необычайные приключениятипографского пункта |
08 |
Если ГИФу установить разрешение в одну точку на дюйм, то ничего не произойдет.Сколько изображение занимало пикселей по высоте и ширине, столько и будет занимать. Если увеличивать значение разрешения, то некоторые программы будут пытаться соответственно уменьшать изображение при выводе на принтер, компенсируя по дороге несоответствие размера пикселя одной точке принтера. |
09 |
Фактоид |
Размер пикселя это как размер ангела: точных данных ни у кого нет. |
10 |
При попытке напечатать ровно один пиксель, разные программы будут выдавать разные результаты. Сторона одного напечатанного на бумаге пикселя в среднем равна 0,35 мм. |
11 |
Для экрана же разрешение роли не играет. Браузер вообще не интерпретирует это значение (хотя у разных браузеров свое представление о том, что такое пиксель в миллиметрах на печати). «Фотошоп» использует разрешение по назначению только при печати как логическое значение. |
12 |
Подробнее о происхождении 72 и 96 точек, а также о разрешении экрана следующий параграф. |
Артемий Лебедев § 70. Разрешение экранов. И немного о происхождении 72 точек на дюйм24 июня 2001 |
01 |
Компьютер не имеет ни малейшего представления о том, какое разрешение (в точках на дюйм) в данный момент на экране. Более того, компьютер не может об этом спросить ни у монитора, ни у видеокарты. Потому что те тоже не знают. |
02 |
Если компьютер высчитывал бы из значений высоты, ширины и диагонали экрана разрешение в точках на дюйм, значение получалось бы относительным, так как на любом кинескопе с электронно-лучевой трубкой можно свести пучок к форме, отличной от предполагаемой графическим софтом. Решить эту проблему можно будет в каком-то тамбудущем и только на цифровых дисплеях с матрицей известного размера. |
03 |
Если вы хотите узнать разрешение своего экрана, воспользуйтесь калькулятором: |
04 |
Разрешение экрана в пикселях: × Диагональ монитора в дюймах: ″ Приблизительное разрешение в точках (пикселях) на дюйм:
|
Тем, у кого монитор не жидкокристаллический: для лучшего результата надо найти дюймовую линейку и приложить ее по диагонали. Дело в том, что заявленная диагональ вашего монитора на самом деле на дюйм-два больше реальной (мониторы с диагональю 21″ могут при проверке легко оказаться 19-дюймовыми) |
05 |
Вернемся к загадочным цифрам, о которых мы говорили в прошлом параграфе. Откудапроизошли стандартные разрешения в 72 и 96 точек на дюйм? С Макинтошами мониторытрадиционно поставлялись с заранее определенным разрешением, и менять его было нельзя. «Эппл» исходила из того, что «визивиг» возможен при 72 точках на дюйм, и отход от этого разрешения непозволителен. В мире писюков, напротив, мониторы традиционнобыли с переменным разрешением, и это поддерживалось программно. При этом«Микрософт» посчитала, что в 14-дюймовый экран вполне может вписаться изображение размером 1024×768. Методом научного тыка было выбрано разрешение в 96 точек на дюйм (в 1,3 раза больше макинтошного). |
06 |
В середине 90-х годов прошлого века «Эппл» дозрела до понимания, что индустрия ускакала далеко вперед и 72 пикселей в одном линейном дюйме уже недостаточно, так как мониторы стоят денег, а тратить пару тысяч на 21-дюймовый экран для Мака, который показывает столько же, сколько писишный 17-дюймовый, желающих становилось все меньше. |
07 |
В результате этих малонаучных низкотехнологичных размышлений со стороны гигантов компьютеростроения в глупом положении оказался пользователь. Так как компьютер ничего не знает о разрешении экрана, операционной системе приходится догадываться в буквальном смысле слова. Макинтош исходит из предположения, что разрешение равняется 72 точкам на дюйм, а «Виндоус» предполагает, что в дюйм умещается 96 точек. |
08 |
Казалось бы, бог с ним. Но нет. То самое предположение о разрешении, зашитое в систему(в «Виндоус» можно менять значение, но обычный пользователь этого никогда в жизни не делает), напрямую влияет на размер экранных шрифтов. Шрифт размером в 72 пункта(то есть почти в дюйм) на Маке будет занимать 72 пикселя, а на писюке 96 (на треть больше дюйма). |
09 |
12-пунктовый текст на экране Макинтоша 12-пунктовый текст на экране PC |
10 |
Но мониторы-то в наши дни у всех одни и те же, как и разрешения. В результате получается, что все писишники совершенно не понимают, чем же так хорош 12-пунктовый текст у них-то на экране он высотой в 16 пунктов (пикселей). И что мы получаем в результате? Тотальное использование <font size=-1> практически на всех сайтах. А макинтошники вечно недоумевают: как же это можно читать текст высотой в четыре пикселя? |
11 |
Картинки везде показываются одинаково, потому что меряются они в пикселях. Но скоро перестанут. О том, почему разрешению в будущем отведена бóльшая роль, а также о том, почему пиксельная графика умрет, следующий параграф. |
Артемий Лебедев § 71. Смерть пиксельной графики25 июня 2001 |
01 |
Разрешение на экране то же самое, что и масштаб в картографии. Изображение может быть сколь угодно детальным, но при увеличении разрешения (положим, было 640×480, а стало 1024×768) появляется больше графической информации при уменьшении деталей.Так же и с масштабом: взяли глобус Гомель исчез. |
02 |
Разрешение экрана (как сейчас): Разрешение: 72 ppi Разрешение: 144 ppi Разрешение: 288 ppi |
||
03 |
Но одно дело карта, а другое чертеж. В нем может быть масштаб 1:1. Тути обнаруживается большой недостаток изображения на компьютере (да и в телевизоретоже). Сегодня нельзя на экране монитора показать пачку сигарет в натуральную величину. А на бумаге можно при любом разрешении печати. |
04 |
Разрешение графики на экране (как должно быть): Разрешение: 72 ppi Разрешение: 144 ppi Разрешение: 288 ppi |
||
05 |
Увеличение разрешения не должно влиять на размер. Разрешение изображения должно быть параметром качества (и только во вторую очередь размера). Именно эту проблему в «Виндоуc» пытаются решить, ставя размер шрифта в зависимость от предполагаемого разрешения. |
06 |
Хозяйке |
Задавание размера шрифта в пикселях технически просто, но является дурным тоном. |
07 |
Растровая графика состоит из вполне определенного количества пикселей, и увеличение разрешения должно сказаться в первую очередь на весе файлов в килобайтах. Зато векторная графика чувствует себя прекрасно, так как ей все равно она при любом размере выглядит прилично. Это означает, что уже довольно скоро все пиктограммы, курсоры, элементы управления, шрифты и иллюстрации будут адаптироваться к текущему разрешению экрана. Все, что можно векторизовать, будет векторизовано. А у растровой графики параметр «разрешение» обретет вполне ясный смысл он будет указывать на запас качества иллюстрации при определенных физических размерах по горизонтали и вертикали. |
08 |
Хозяйке |
В спецификации формата ГИФ вообще отсутствует понятие разрешения. Там есть толькоместо для указания пропорций пикселя. В те времена (1987 год) подумали о пикселях с соотношением сторон 1:4, но не вспомнили о разрешении. |
09 |
Низкое разрешение не является чем-то выдающимся и по сравнению с высоким должно проиграть. Вязаные буквы на свитере проигрывают по качеству шелкографии на майке.Лазерный принтер лучше матричного. Буквы на дисплее мобильного телефона можнотерпеть только по причине отсутствия альтернативы. |
10 |
Пиксельная графика умрет, потому что при высоком разрешении экрана один пиксель будет незаметен. «Пикселизированные» картинки будут нужны не чаще, чем мозаика из кафельных плиток. |
11 |
Если читатель не запутался в пикселях, пунктах, логических и физических мерах длины,то ему прямая дорога к параграфу 81, где речь идет о происхождении пункта. |
Артемий Лебедев § 73. Культурные контексты27 октября 2001 |
01 |
Отсутствие единых стандартов всегда будет преследовать человечество. Только примут один стандарт, появляется еще более правильный, но первым-то уже все пользуются. Такбыло с измерением времени вроде все договорились про астрономическое, как выяснилось, что атомное точнее. В русской радуге семь цветов, а в немецкой весь спектр. В европейской культуре белый символ чистоты, а в азиатской смерти. |
02 |
Даже если собрать все человечество и назначить час Ч для пере?хода на один язык, общие стандарты и ценности, уже через день обнаружится, что ничего из затеи не выходит. Не получится у тех, кто живет в сорокаградусную жару, произносить в качестве комплимента женщине «ты такая горячая!». |
03 |
Все человечество поделено на культуры, языки, традиции и виды из окна. Назовем это культурными контекстами. Культурный контекст может существовать на уровне семьи, здания, села, области, края, республики, страны, континента, полушария и пр. Культурный контекст позволяет узнавать «своих» во всех смыслах этого слова. |
04 |
Дизайнеру (в значении от «творца» до «пропагандиста» и от «дворника» до «идеолога») нужно ощущать рамки своего культурного контекста и уметь смотреть на вещи объективно. |
05 |
Скажем, читатель встретил объявление, что 1 декабря состоится конец света. Сразу женадо представить себе часовые пояса. Они идут не так равномерно, как меридианы. Часовой пояс в одной стране может быть шириной в три пояса другой страны. В Самаре уже 1 декабря, а в Ульяновске (пара часов езды) еще 30 ноября. Конец света как пойдет? По границам области? А на летнее время поправку сделает? |
06 |
Слабость человека в том, что он не в состоянии трезво воспринимать действительность.Он постоянно рад обманываться. Человек с радостью купит сицилийский укроп, не задумавшись над отличием этого укропа от бабы-Дусиного. Человек покупаеттелевизор размером со стену, хотя все телевизоры в мире получают одинаковый сигнал с одинаковым количеством линий изображения. |
07 |
Слабость человека сила дизайнера. Дизайнер может вить веревки из зрителя. Манипулировать. Но, как правило, только в рамках своего культурного контекста. Потому что дизайнер тоже человек и он тоже думает, что сахар в упаковке лучше, чем сахар вразвес из бакалейного отдела. Хотя на вкус один сахар от другого не отличается. |
08 |
Хозяйке |
Замечательно учат непредвзятому восприятию криминалистов. Обнаруженное золото может быть записано в протокол только как металл желтого цвета. А служебная собака называется биодетектор. |
09 |
Чтобы дизайнер смог работать за пределами своих привычных культурных контекстов, он должен обладать помимо соответствующего чутья еще и большими знаниями. А также уметь различать суть за ширмой чужого дизайна и смысла. |
10 |
В жизни отсутствие понимания другого культурного контекста оборачивается как минимум конфузом. |
11 |
Известный бомж-пакет «Доширак» изначально появился на российском рынке под названием «Досирак» |
||
12 |
Немецкий производитель столовой воды сначала привез бутылки под маркой Blue Water (переводится как «лазурнаявода», а читается как «блю вота»), а потом уже начал печатать новые этикетки Water Blue |
13 |
Причина подобных ошибок непонимание. Международные компании работают во всех странах мира с одними и теми же рекламными ходами и слоганами. Потому что им так проще. |
14 |
Случаи, когда крупная компания приглашает для работы местную дизайнерскую команду, достаточно редки. Главным образом потому, что дизайнеры просто плохо делают свою работу. |
15 |
Достаточно посмотреть любой рекламный журнал. Например, про мобильные телефоны.Компании-дилеры так рекламируют товары международных марок (телефоны «Сименс» будет рекламировать персонаж по имени Тетя Сима, это кажется дилеру смешным), что желание кому-нибудь поручить сделать что-нибудь на местный лад отпадает навсегда. |
16 |
Хорошие клиенты и хорошие исполнители существуют, но они редко встречаются на выставках. Что делать компании, которая страдает от плохого дизайна? Искатьталантливую команду дизайнеров. Что делать команде дизайнеров? Доказывать, что ониталантливы. |
Артемий Лебедев § 74. Доллар куда будем ставить?28 октября 2001 |
01 |
Ну ничего нет такого, что бы везде было одинаково. Весь мир перешел на метрическую систему мер, а Соединенные Штаты Америки, Республика Либерия и Союз Мьянма используют дюймы, футы и унции. Это называется традиция. А когда дело касаетсятрадиций, шутки в сторону могут и полоснуть. Поэтому приходится изучать традиции.(Иногда это называется «интернационализация» или «локализация».) |
02 |
Когда нужно скачать новую версию программы, часто приходится выбирать между версиями English US, English GB и English Intl. Что такое американский английский и чем он отличается от международного или британского? Кроме разницы в написании слова«мусорная корзина» (trash по-американски и wastebasket по-английски), отличий немного. Но мелочи это самое главное. |
03 |
Хозяйке |
В сентябре 1999 года американский спутник «Марс климат орбитер» подлетел к Марсу и упал на него. Компания «Локхид Мартин», построившая спутник, использовала старую английскую систему мер (старую, потому что Великобритания уже шесть лет как ей официально не пользуется), а лаборатория реактивных двигателей НАСА считала все в метрической системе. Первые использовали фунт-секунды, а вторые ньютон-секунды. Насовцы вбивали координаты в локхидовский аппарат, и никто за все время подготовки к полету и девять месяцев самого полета ничего не заподозрил. Ошибка обошлась в 125 миллионов долларов. |
04 |
Кто оказался бóльшим идиотом в истории со спутником НАСА. Потому что в США принято считать в дюймах и футах, если не сказано иначе. «Локхид» так и говорил:«Если бы мы указывали значения в метрической системе, мы бы отметили это особо». |
05 |
Обычно требует отдельного комментария система, находящаяся в меньшинстве. Скажем,в Англии на каждом пешеходном переходе на земле нарисована большая стрелка и написано: «посмотри направо». Потому что свои и так знают, а приезжие тут жепопадают под колеса. Но для англичан (и жителей других стран с левосторонним движением) ни в одной стране не пишут на переходе, что надо смотреть налево. Потому что большинство не оправдывается. |
06 |
Существуют свои «традиции большинства» и в русской типографике. Напоминать о них раньше не приходилось, потому что были правила, и корректоры с редакторами за ними следили. «Меньшинством» были обладатели компьютеров. А потом вдруг меньшинство стало большинством. Потому что сегодня бльшая часть всех текстов набирается и тиражируется на компьютере. Традиции типографики у компьютерщиков (особенноу российских) никогда внимательно не изучались. А с переходом на компьютеры газеты и журналы забыли даже про корректоров. |
07 |
Совершенно естественно, что западная техника повлияет на способы верстки и работы с текстом. Так было всегда, когда более совершенная технология не просто заменяла устаревшую, а меняла привычки и правила. Печатный станок позволил производить в нескольких экземплярах другой по виду текст (наборный), а не просто копировать то, чтораньше писали от руки. |
08 |
О влиянии средств набора мы поговорим в следующих параграфах, а сейчас более подробно остановимся на некоторых традициях русской типографики и расставим все черточки над й. |
См. также § 62. Типографика |
09 |
Инициалы это сокращения от имени и отчества, а два сокращенных инициала подряд не могут превращаться в аббревиатуру. |
10 |
Неправильно Правильно В.И.Пупкин В. И. Пупкин |
11 |
В латинской транскрипции тоже нельзя отчество писать одной буквой при полном имени.Отчество это не второе имя и не может сокращаться на манер инициала «Ф.» у президента Кеннеди. |
12 |
Неправильно Правильно Василий И. Пупкин Василий Пупкин |
13 |
Правила набора знаков препинания у нас больше всего совпадают с немецкими. Писать кавычки в виде знака секунды можно, но только если под руками нет ничего, кроме клавиатуры от телеграфного аппарата, или речь идет о написании электронного письма. |
14 |
Скажем, в венгерском (и в том же немецком иногда), кавычки пишутся так: »колбаса« это же не пример для подражания. |
15 |
Неправильно Правильно "колбаса" «колбаса» |
16 |
Как бы соблазнительно ни выглядел доллар слева от суммы, писать его в русских текстахможно только справа. (Исключение могут составлять финансовые и биржевые тексты,но это отраслевой стандарт, который не может распространяться на остальные области.) |
17 |
В русском языке единица измерения, стоящая перед значением, означает примерно столько: «долларов сто». А не писать пробел перед знаком доллара, это все равно что писать 50руб. Так себе может позволить упражняться в типографике только продавщица продмага с трафаретом и шариковой ручкой. (Исключение тут составляют финансовые документы, где отсутствие пробела страхует от приписки лишних цифр.) |
18 |
Неправильно Правильно $100 100 $ |
19 |
Скажи косым чертам в датах нет! (Исключение делается в случае записи месяцев римскими цифрами 15/IV/2001.) Стоит ли напоминать, что русский формат даты может быть только ДД.ММ.ГГГГ или ГГГГ.ММ.ДД. |
20 |
Неправильно Правильно 01/15/2001 15.01.2001 |
21 |
В названиях дней недели и месяцев нет ничего такого, за что их стоило бы писать по-русски с заглавной. Это в немецком все существительные пишутся с прописной (от этого немцы не раз страдали и пытались устроить реформу). |
22 |
Неправильно Правильно 25 Мая, Понедельник 25 мая, понедельник |
23 |
Разряды лучше всего разделять простым пробелом (половинным, если мы набираем для бумаги), но только начиная с пятизначных чисел. А запятая может использоваться толькодля отделения целой части от десятичной. |
24 |
Неправильно Правильно 15,000.001 15 000,001 |
25 |
Для обозначения разделителя времени используется понятное и очевидное двоеточие. Военные могут писать 1545, им так удобнее. Военный даже свидание назначает любимой девушке на «четырнадцать ноль пять». |
26 |
Неправильно Правильно 15.45 15:45 |
27 |
Не будем долго говорить, что слова «элитный» и «эксклюзивный» использовать нельзя, это тема для отдельного разговора. А вот писать в заголовках и рекламных текстах все слова с большой буквы отвратительная манера. Происходит она, как правило, от неуверенности в литературном даре и боязни недохвалить и недовозвысить продукт.То же самое относится и к местоимению «Вы» с большой буквы: так писать нельзя(исключение личная переписка с уважаемым человеком). |
28 |
Неправильно Правильно Необыкновенное Элитное Эксклюзивное Жилье! Неплохая квартира. |
29 |
Сегодня не пришлось бы писать этот параграф, если бы заказчики имели хоть малейшее представление о вышесказанном. Но за плохое качество рекламы нельзя винить заказчика, потому что он может купить только то, что ему продают. Самый большой камень летит, разумеется, в огород рекламных агентств и дизайнеров, которые не отягощают себя внимательным отношением к тому, что производят. |
Артемий Лебедев § 75. Про дом и про ссылки на самого себя8 ноября 2001 |
Друг! У вас какая система? Разрешите взглянуть...
Система обычная. Нажал на кнопку и дома.
«Кин-Дза-Дза»
01 |
Метафора дома появилась в гипертекстовых системах задолго до всемирной паутины. В те времена пиктограммой домика обозначался возврат к началу координат к оглавлению или в корневую директорию. |
02 |
Прошло много лет. |
03 |
Кнопка «дом» присутствует теперь в любом браузере на одном и том же месте на панели управления. Первоначальная функция дома утратила свое значение, и даже название места, куда вела кнопка, домашняя страница перестало ассоциироваться с кнопкой «дом». Домов стало много, это и есть повсеместно протянутая паутина. |
04 |
Раньше как было? Сделаешь домашнюю страницу это твой трамплин во внешний (иливнутренний) мир. И кнопка удобная была под рукой, вела как раз домой. Сегодня кнопка с домиком стала удобной закладкой, доступной на панели управления, а не в списке излюбленных мест. |
05 |
Алчные провайдеры, поставляющие браузеры новичкам, прописывают свой адрес в качестве домашнего. Сайты конкурируют за свое место под кнопкой каждый хочет быть домом для пользователя. |
06 |
Лирическое |
Кнопки «вперед» и «назад» помогают в навигации по сайту. Перезагрузкой можно обновить только текущую страницу. Кнопки печати, размера шрифта, просмотра исходного кода, а также стоп все они работают с открытой в данный момент страницей. Сегодня кнопка «дом» является фактически единственной на панели управления браузера, чья функция не связана со страницей, открытой в данный момент. |
07 |
В идеальном интерфейсе браузера кнопка с домиком должна отправлять на главную страницу того сайта, который смотришь. Она должна быть неактивна, если пользователь находится как раз на главной странице сайта. |
08 |
Можно так сделать? Не вопрос. Через несколько лет так и будет. (А заодно появится кнопка «инфо», которая будет открывать страницу с информацией о текущем сайте сейчас ее очень не хватает.) |
09 |
Но пока производители до этого не дошли, сайтостроители нашли альтернативу для этой цели используется логотип наверху страницы. Де-факто это уже стало мировым стандартом. |
10 |
Лирическое |
Еще один популярный вид ссылки на главную страницу домик. Эта пиктограмма, ставшая самой распространенной в рунете, впервые была применена автором на сайте«Комстара» в начале 1997 года. Сегодня кнопка «дом» является фактически единственной на панели управления браузера, чья функция не связана со страницей, открытой в данный момент. |
11 |
Делать ссылку с логотипа на главную («домашнюю») страницу хорошо и правильно. Но при этом надо избегать самой часто распространенной ошибки (ради которой и написан этот параграф) если мы находимся дома, то ссылки «на главную» там быть не должно. Это относится и к другим местам на сайте: любая ссылка подразумевает перемещение. |
12 |
Один из основных законов ориентирования на вебе и гипертекстовой навигации: ничто не должно содержать ссылку на само себя. |
См. также в «Техногрете»: Степан Резников. Правильные ссылки |
Артемий Лебедев § 76. Два главных принципа построения интерфейсов21 декабря 2001 |
01 |
По своему управлению микросистема Radiotehnika R-100 принципиально отличается от всех музыкальных систем, представленных сегодня на рынке. |
02 |
|||
03 |
В Студии Лебедева придумана концепция с двумя идентичными пультами, каждый из которых работает как в режиме дистанционного управления, так и в качестве панели микросистемы. |
04 |
В традиционном исполнении (как у всех остальных) пульт дистанционного управления значительно отличается от объекта, которым он управляет. Отличие, разумеется, не только внешнее, а в первую очередь интерфейсное. |
05 |
Идеология управления R-100 построена на двух основополагающих принципах, применяемых студией во всех работах, связанных с проектированием интерфейсов. |
06 |
1. Единство формы единство содержания |
07 |
А как быть, если элементы управления одной и той же функцией совершенно не похожи внешне? Регулятор громкости может быть в форме круглой ручки, в то время как на пульте управления ту же функцию выполняют две кнопки. Это не просто неудобно. Это создает очень большие психологические сложности, так как у пользователя не вырабатывается моторная память. |
08 |
В R-100 эта проблема полностью решена. |
09 |
|||
10 |
2. Наличие двусторонней связи |
11 |
Мы можем увеличить уровень громкости например, усилителя дистанционно. Индикатор громкости на усилителе поменяет свое состояние, но на пульте это никак не отразится. Более того, из-за интерфейсных проблем производители техникивынуждены делать элементы управления дискретными (например, «звук +» и «звук −» вместо одного плавного регулятора звука). |
12 |
Теперь представим себе, что у нас и на пульте, и на объекте присутствует одинаковая ручка плавной регулировки звука. Мы закрываем рукой инфракрасный порт пульта и меняем уровень громкости. На объекте ничего не происходит. Теперь мы уберем руку с порта что произойдет? Чье положение индикатора окажется приоритетным? Изменится ли звук до положения, установленного на пульте, или нет? Производители сегодня борются с этой дилеммой с помощью дискретности элементов управления. Именно поэтому, когда меломан на своем пульте выбирает пятый трек, лампочка этоготрека загорается только на объекте, но не на пульте. |
13 |
В R-100 эта проблема тoже полностью решена, так как обратная связь осуществляется по радио и обмен информацией происходит постоянно. |
14 |
|||
15 |
Оба вышеописанных принципа построения интерфейсов одинаково применимы как к железу, так и к софту. |
16 |
Постоянство, предсказуемость и одинаковость поведения одного элемента управления должны присутствовать во всей системе. Еще лучше во всех системах. Если мы меняем звук колесом, то регулировка звука везде должна производиться именно колесом, а не кнопками, рычагами, бегунками и пр. Именно поэтому плохо придумывать для сайтов нестандартные элементы управления, если можно использовать системные средства. |
17 |
Человек знаком с десятком элементов интерфейса своей операционной системы и не станет осваивать новые способы управления только потому, что они присутствуют на сайте, который он видит впервые. |
18 |
Системы с двусторонней связью актуальны в электронике и построении программных интерфейсов. Если мы изменили уровень звука на одной панели, то индикатор уровня звука должен поменяться на всех остальных панелях. Если панели одновременно видны,то изменения также должны быть одновременно представлены пользователю. |
Артемий Лебедев § 77. Евро пришло26 декабря 2001 |
01 |
В ночь с 31 декабря на 1 января 2002 года к нам приходит новый персонаж. Его зовут не Дед Мороз. Его зовут евро. |
02 |
Мы сразу же начнем писать его с маленькой буквы (хотя в большинстве текстов сегодня его почему-то пишут с большой) и будем считать, что оно среднего рода (как песо). |
03 |
Знак евро для России пока еще является экзотикой. У дизайнеров рекламных объявлений в стандартном оформительском наборе вообще нет евро. Символы современного российского города шрифты Браш скрипт, Бетина, Парсек пока еще не обновились у каждого уважающего себя оформителя вывесок и объявлений. |
04 |
Нам еще предстоит застать волну самопальных евро, нарисованных левой ногой. Следитеза вывесками на обменных пунктах. |
05 |
|||
06 |
Вернемся немного назад, в начало семидесятых. Главный дизайнер Европейского сообщества Артур Ейшенменгер, отвечавший за работы по созданию европейского флага и знака (см. любой предмет из Европы в том месте, где обычно стоит знак стандарта), рисует закорюку в виде буквы С, перечеркивает ее знаком равенства и уходит в отставку. |
Kate Connolly, «Inventor who coined euro sign fights forrecognition,» The Observer, 23.12.2001 |
07 |
Проходит много лет. В 1992 году собираются евроминистры и решают сделать единую евровалюту (йе-йе!). А в 1997 году дедушка Ейшенменгер смотрит телевизор и вдруг видит президента Еврокомиссии Жака Сантера, демонстрирующего пятиметровую загогулину из оргстекла, которую европейские правительства приняли в качестве знака новой евровалюты. «Матильда, смотри, это моя Е, моя Е!» закричал выпрыгнувший из кресла дед своей жене. |
08 |
Интрига в том, что Еврокомиссия никогда не называла автора знака евро. Известны имена и должности авторов евробанкнот и евромонет. А про дизайн самого знака было сказано, что он выбран из тридцати вариантов, рассматривавшихся на внутренних заседаниях. И что из них сперва было выбрано десять вариантов, а потом из десяти осталось два, а потом Жак Сантер и Ив-Тибо де Сильги (еврокомиссар, ответственный за евро) выбрали один-единственный вариант. |
09 |
Такая вот бельгийская демократия. Хотя, собственно, чему тут удивляться. Наши деньгитоже никто публично не обсуждал. Дали сто рублей со шрифтом Адвертайзерс готик радуйся. Но одно дело деньги у нас. В конце концов, одна страна. А евро делается для многих стран, в которых существует хотя бы традиция общественно важные вещи обсуждать. И вот всем этим странам подсовывают «постмодернистский крендель». И они молча его едят. Потому что вкус европарламента мало чем отличается от вкуса стран участниц Варшавского договора или Содружества Независимых Государств. |
10 |
Чем больше старперских министров соберутся вместе, тем кастрированнее получится предмет их эстетических притязаний. Дизайн самих денег евро наглядный томупример. Очень напоминает по стилю папку с документами какой-нибудь конференцииСЭВ. |
11 |
Но что есть, то есть. Самое главное началось потом. Еврокомиссия наняла каких-то консультантов по стандартам визуальной идентификации (т. е. тех, кто говорит, как что рисовать). И те выдали примерно такое: |
12 |
Следует обратить внимание на то, что параллельные линии имеют скосы на концах. Снаружи элемента «С» две линии располагаются одна под другой. Внутри элемента «С» нижняя линия смещена влево на расстояние, вычисляемое путем продления вниз направляющей по углу скоса верхней линии. Официальный знак евро в разных форматах |
||
13 |
При этом не допускалось никакое другое использование знака. Не будем подробно описывать негодование дизайнерской общественности, но Еврокомиссии пришлось несколько раз переписывать правила использования символа. Остановились на том, что есть официальный знак, а есть просто некие признаки, которые должны присутствовать, когда он рисуется для конкретного шрифтового начертания. |
14 |
Проблемы с евро возникают постоянно. Во-первых, дедушка Ейшенменгер совершенно не собирался делать знак для обозначения валюты. Он просто любил букву Е, которая с детства присутствовала в его фамилии. Во-вторых, знак подавался Еврокомиссией как логотип, а не как будущий общеупотребительный символ. Это примерно как если бы существовал один-единственный способ отображения буквы Ю какой шрифт ни возьми, Ю всегда должна быть одинаковой. Бред? Бред. Так и тут. |
15 |
К сожалению, многие производители шрифтов успели врисовать именно логотип, а не новый адаптированный к начертанию знак в свои шрифты. Автор убежден, что знак евро должен быть во всех смыслах частью того шрифта, которому он принадлежит. |
16 |
|||
17 |
Как Еврокомиссия описывает на официальном сайте новый знак? Что он означает? В параллельных линиях нам предлагается увидеть стабильность новой валюты. В форме знака E намек на букву эпсилон, отсылающую нас к Греции как колыбели (таки написано) европейской цивилизации. Ну и все это вместе является первой буквой в слове «Европа». |
18 |
Еще одна проблема со знаком заключается в том, что он спроектирован как символ, который пишется перед числом. А во многих странах так не пишут. Во Франции, в Германии, в России и других странах символ пишется после значения. |
19 |
Остается только поздравить друг друга с одним из самых уродливых знаков в наборной кассе. |
Артемий Лебедев § 78. Пиктограммы и идеограммы26 декабря 2001 |
01 |
Что может быть проще пиктограммы? Ее задача кажется совершенно понятной передать информацию короче, быстрее, понятнее, эффективнее, чем слово. |
02 |
В какой-то момент развития графических интерфейсов сначала производители, а потом и потребители решили, что на этих самых интерфейсах сошелся клином белый свет. И образованные, умеющие читать люди вдруг обнаружили недетскую страсть к пиктограммам и идеограммам. |
03 |
Хозяйке |
Пиктограмма это когда нарисован стакан и имеется в виду стакан. Идеограмма это когда нарисован стакан и имеется в виду стакан, бухло, попойка, стекольная промышленность, процент пьяных водителей и пр. в любой грамматической форме. |
04 |
Вволю намучившись с идеограммами, человечество придумало алфавитное письмо. Именно с помощью этого вида письма автор написал то, что читатель сейчас прочел. Вроде работает. А теперь посмотрим на иллюстрацию: |
05 |
|||
06 |
Это навигационное меню программы «Акробат ридер». Красным подчеркнуто то, на чтонадо обратить внимание. Внимание! Необходимо ответить на один простой вопрос: что обозначают пять пар стрелок? Разумеется, это «вправо-влево» и «вперед-назад». Но что влево? И что вправо? |
07 |
Чтобы узнать ответ, нам придется открыть «Акробат», подвести курсор к каждой из стрелок и прочитать подсказку. Подсказка, разумеется, будет написана старыми добрыми буквами, которых так стеснялись разработчики интерфейса. |
08 |
Ну хорошо. А что если мы берем знаки, значение которых может трактоваться толькоодним образом? Скажем, дорожные знаки. Прекрасный пример простоты и понятности. Заедем с ревизией в Санкт-Петербург, на Невский проспект. |
09 |
|||
10 |
В кадр попало сорок пять знаков, висящих над одним перекрестком. Плюс реклама. В жизни это выглядит страшнее столько же знаков висит для едущих в обратную сторону. Очевидны благие намерения тех, кто знаки вешал им хотелось, чтобы над каждым рядом висели все необходимые указания. Но водитель смотрит на мир шире чуть шире 180 градусов, если быть точным. И в его поле зрения попадают все знаки. Плюс реклама. |
11 |
Человек в состоянии моментально увидеть и распознать некоторое ограниченное количество объектов (скажем, семь или пятнадцать). Эти объекты должны быть разными, чтобы не превратиться в кашу, требующую значительного времени на анализ. В идеальном навигационном интерфейсе человек не должен испытывать затруднений с ответом на вопросы «где я», «из чего я выбираю» и «куда я попаду». |
12 |
Если пиктограммы и знаки имеют несколько трактовок (то есть становятся идеограммами) или просто непонятны, то их значение необходимо дублировать текстом. |
13 |
Использование простого знака Использование идеограммы с текстом |
Артемий Лебедев § 79. Делать фонт болдом или италиком?28 декабря 2001 |
01 |
Так получилось, что за свою недолгую историю книгопечатание не принесло нам разнообразия в оформлении наборного текста. Разбавлять «одинаковость» можно разными шрифтами, форматами и размерами. |
02 |
Если мы набрали текст каким-то шрифтом, наши дальнейшие маневры весьма ограничены. Можно увеличить интерлиньяж (расстояние между строками), выровнять строки по правому или по левому краю. Подчеркнуть интонацию на письме почти нечем в наличии щепотка знаков препинания. |
03 |
Есть еще несколько типографских способов обозначить смысловую часть. Эти способы делятся на позволительные и непозволительные. |
04 |
Позволительные: жирное начертание, полужирное начертание («п/ж») и курсив. Непозволительные: разбивка, подчеркивание, выделение цветом. Сразу скажем, что непозволительны эти три способа только в основном наборе текста. В качестве акциденции (т. е. специального художественного оформления, для заголовков, на плакатах и пр.) они пригодны. Но в книге (по глубочайшему убеждению автора) использовать разрядку или подчеркивание категорически нельзя эти приемы появились от безысходности во времена пишущих машинок надо же было хоть как-то выделять слова. |
05 |
Получается, что в наследство от предков нам достались только два пригодных способа выделять слова в тексте: полужирным и курсивом. |
06 |
Хозяйке |
Впервые курсив в печати применил типограф Альд Мануций в конце XV века. Курсив появился как подражание начертанию документов папской канцелярии. Поскольку дело происходило в Италии, то распространившийся дальше по Европе шрифт так и назвали итальянский. Он известен каждой секретарше под названием «италик». |
07 |
В наборе можно использовать полужирное и курсивное начертания безо всяких зазрений совести. Полужирный больше подходит для заголовков, курсив для выделения слов без изменения оптической равномерности полосы. Полужирный тоже подходит для выделения слов в тексте, но у него есть одна особенность жирное слово видно на полосе еще до того, как читатель дошел до выделенного места. Поскольку это может лишить читателя заготовленного автором сюрприза, лучше в таких случаях использовать курсив. Он достаточно выделяет слова, но не бросается в глаза, пока вгляд не подойдет к нужной строке: |
08 |
При современном развитии печатного дела на Западе напечатать советский паспорт это такой пустяк, что об этом смешно говорить... При современном развитии печатного дела на Западе напечатать советский паспорт это такой пустяк, что об этом смешно говорить... |
09 |
Если говорить о том, что правильнее использовать, то в наборном тексте лучше применять курсивные, а в заголовках полужирные начертания. |
10 |
Как и любым другим специальным приемом, выделением текста стоит пользоваться в меру. Набирать целую страницу курсивом неуважение к диоптриям читателя. |
11 |
Если возникает необходимость в полужирном наборе выделить какое-либо слово,то нужно использовать полужирный курсив. Сам по себе он практически не имеет права на существование: |
12 |
При современном развитии печатного дела на Западе напечатать советский паспорт это такой пустяк, что об этом смешно говорить... |
13 |
Если в курсивном наборе нужно выделить какое-либо слово (для использования полужирного курсива в курсивном наборе должны быть исключительно веские причины),то применяется обычное, некурсивное начертание. Особенно так любят делать на Западе: |
14 |
При современном развитии печатного дела на Западе напечатать советский паспорт это такой пустяк, что об этом смешно говорить... |
15 |
Полужирное начертание имеет иллюстративный и рекламный характер и практически никогда не встречается в художественном тексте. Курсив как раз весьма пригоден для художественной литературы и цитат: |
16 |
Если вы не купите наши пластиковыетрубы, вас всю жизнь будут преследовать кошмары, а ваше существование потеряет всякий смысл. Пластиковые трубы ваша единственная надежда в этом сложном мире. Солнце клонилось к закату, и в комнате появился нежный, знакомый с детства запах миндального печенья. Тетка Ивана всегда говорила, что так пахнет цианид. Что это, он пока не знал. |
Артемий Лебедев § 80. За спиной у президента31 декабря 2001 |
01 |
Когда президент выступает по телеку, у него кроме слов есть в арсенале еще одно эффективное оружие то, что за ним находится. |
02 |
Мало кто помнит, чтó именно находится за президентом. Когда смотрят видят, но не осознают. Президент часто меняет задник, но ведь это естественно, он же не на месте сидит. |
03 |
Автор давно следит за президентом. Точнее, за тем, что у него за спиной. И, надо заметить, в смысле оформления задника американский президент нашего превосходит. Ну то есть не он, конечно, а команда стилистов и консультантов, но это тоже о чем-то говорит. |
04 |
Давайте заглянем в прошлое. Так выступал Леонид Ильич Брежнев. На фоне картаСССР: |
05 |
06 |
Так выступал Игорь Леонидович Кириллов, когда генсек не мог подняться с кровати к видеокамере. На фоне Спасская башня Кремля и кусок синего студийного фона, чтобы у зрителя не создалось ощущения, что диктор сидит на улице и мерзнет: |
07 |
08 |
Так выступал Михаил Сергеевич Горбачев. Мы видим бесхитростную картину. Никакой четкой идеологии в кадре, все слышно в голосе. На фоне фон: |
09 |
10 |
Посмотрим теперь на американского президента: |
11 |
12 |
Мы застали его в момент разговора о войне в Афганистане. На фоне фотокарточки детей (те, ради кого все затевается, будущее Америки) в золоченых рамках (дети наше все). Занавески почти закрыты, флаги придвинуты к плечам просвет только один, да и тот занят Джорджем У. Бушем (рамы напоминают, что за президентом окно в страну). |
13 |
Руки президента говорят нечто среднее между «я очень искренен» и «всех задушу». А теперь самое главное. Так сказать, сигнал. Поскольку «эффекта 25-го кадра» не существует, приходится использовать оставшиеся двадцать четыре. |
Подробнее об «эффекте 25-го кадра» см. § 94, абзац №. 19 |
14 |
Обратим внимание на темно-синий флаг с гербом США. Он стоит по левую руку мистера Буша. Флаг по случаю разговора о войне свернут и повернут так, чтобы в кадр попадалатолько та рука (или нога?) орла, в которой находятся тринадцать стрел знак войны. Когда американский президент говорит про систему национального образования, в кадре всегда видна рука-нога орла с оливковой веткой, на которой тринадцать листьев знак мира. |
15 |
Вернемся теперь к нашим баранам, то есть к консультантам наших президентов по оформлению задников. |
16 |
Так выступал Борис Николаевич Ельцин в 1995 году: |
17 |
18 |
На фоне зеленые шелковые (или какие там) обои, штандарт президента РоссийскойФедерации в виде половой тряпки на швабре, одностороняя елка (вторая часть обрезана, чтобы не мешала), бра, телефоны в ассортименте (ну когда они себе поставят цифровую АТС с одним аппаратом?). Спереди обилие малахитовых держалок для канцтоваров, настольная лампа. Президент сидит в позе провинившегося двоечника в учительской. Руки скрещены на столешнице высоковатого стола. |
19 |
А так выступал Борис Николаевич Ельцин в 1996 году: |
20 |
21 |
На фоне елка, часы, показывающие без пяти двенадцать, кусок флага РоссийскойФедерации. Галстук президента образует единое цветокомпозиционное целое со спинкой кресла и часами. Спереди символ государственной власти в виде золотой кололки для орехов с орлом чернильница президента. |
22 |
Так выступал Борис Николаевич Ельцин в 1999 году, произнося знаменитые слова«Я ухожу...»: |
23 |
24 |
На фоне елка в нише, огороженной подобранными шторами, две пилястры в непонятно-классическом стиле. Флаг (а точнее, штандарт президента РФ) почему-то стоит по левую руку. Когда флаг один, его лучше ставить справа. На флаге виден герб Москвы, кусок правой ноги и левая голова орла трактуйте как хотите. На переднем плане справа чернильница целиком («я ухожу, смотрите, какая у меня была чернильница»), слева карандашница («я ухожу, авторучек не осталось»). Традиционное для Ельцина преобладание темно-зеленых оттенков. Часы видны только на руке, который на них час непонятно. |
25 |
А так выступал Владимир Владимирович Путин сразу после Бориса Николаевича Ельцина: |
26 |
27 |
На фоне елочка (осталась ельцинская, заметим). Флаги расставлены правильно: справа российский, слева президентский. На президентском штандарте в ноге орла виден скипетр. Пусть со складкой, но зато не кусок от скипетра. На столе ничего(только пришел, еще не выдали карандашницу). Руки держит под столом, сидит вполоборота (читай: есть что скрывать, неуверен в себе). |
28 |
А вот выступление Владимира Владимировича Путина по поводу 60-летия со дня начала ВОВ: |
29 |
30 |
Один из первых случаев, когда флаг стоит более или менее приемлемо. Хреново толькооператор стоит, но это по другому ведомству. В ноге орла держава. Обстановка рабочая. |
31 |
А теперь посмотрим на два герба российский и штатовский и попробуем понять проблему наших стилистов. |
32 |
|
||
33 |
Американский герб весь насквозь символичен и продуман. Там всего по тринадцать звезд, полосок, стрел, листьев, ягод в листьях и даже букв в слогане e pluribus unum(из множества единое лат.). В ногах орел держит символы войны и мира очень удачный набор. Орел смотрит направо вполне понятное для власти направление. |
34 |
Российский герб шизофреничен. Во-первых, он смотрит в обе стороны. Во-вторых, на груди у него второй герб московский. В-третьих, он держит в ногах два предмета скипетр и державу они оба являются символами власти. И непонятно, когда какой из них использовать. Но и это еще не все на наконечнике скипетра находится еще один двуглавый орел. И всё повторяется до бесконечности, как во фрактале. |
35 |
Очевидно, придворные геральдмейстеры ищут пути выхода из ситуации. Орел,развернутый державой, явная попытка переосмыслить этот символ монаршей власти в качестве земного шара. Осталось представить скипетр в виде автомата Калашникова, и герб будет закончен. |
36 |
Автор видит два варианта. Первый похоронить герб как не соответствующий текущемугосударственному строю (царя-то нет). Второй перерисовать герб заново, оставив двуглавие в качестве символа единения Запада и Востока (популярная трактовка). Безделушки в виде корон, крестов, палок и шаров повыкидывать. И закрыть наконец эти страшные колени перьями. |
37 |
Когда такие тонкости начнут хотя бы обсуждать те, кто отвечает за внешний вид президента, мы больше не увидим главу государства в роли Снегурочки. |
38 |
Артемий Лебедев § 81. Жизнь и необычайные приключениятипографского пункта22 января 2002 |
01 |
Что нужно знать о пункте? Слово происходит от латинского punctum точка. Пункт является единицей типографской системы мер типометрии. До изобретениятипографского пункта размеры шрифтов различали по названиям. Скажем, «цицеро»(12 пунктов) назван так потому, что в 1467 году шрифтом этого размера впервые были напечатаны труды Цицерона. |
Термин типометрия происходит от названия прибора типометра (изначально называвшегося «прототипом»), который Фурнье и придумал |
02 |
Идея стандартизации размеров шрифтов возникла еще в 17 веке, но первый удобный в использовании типографский пункт был предложен только в 1737 году французскимтипографом-словолитчиком Пьером-Симоном Фурнье. По его системе каждый кегель состоял из известного количества пунктов: нонпарель из 6, петит из 8 и т. д. |
03 |
В то время во Франции привычной линейной мерой был туаз, равный 6 королевским футам (pied de roi). Фут равнялся 12 дюймам, дюйм 12 линиям, а линия 12 пунктам.Два этих самых пункта Фурнье в изданном им руководстве принял за один типографскийпункт. Однако мы уже не раз убеждались, что в истории человечества все всегда шло через жопу накосяк. По каким-то причинам новорожденный типографский пункт ко второму изданию двухтомника Фурнье в 1764 году оказался короче пункта 1737 года, став, такимобразом, произвольной величиной. |
04 |
Хозяйке |
Любая система мер предусматривает эталон. Скажем, акр это площадь, которую за день вспахивает пара волов. Ноль по Фаренгейту температура замерзания насыщенного солевого раствора (по другим источникам воды с нашатырем). Аршин стал по указу Петра I равен 28 английским дюймам. А английский дюйм, в свою очередь, равняется ширине большого пальца на мужской руке или, чтобы быть точным, трем ячменным зернам, положенным вплотную друг к другу. Сегодня в мире все неметрические меры (всякие ярды с фурлонгами и унции с бушелями) определены по метрическим параметрам. До 1964 года в США метр определялся как 39,37 дюйма. Зато теперь английский дюйм совершенно четко определен как 2,54 см. А французский как 2,706 см. К сожалению, сегодня мы точно не знаем, какого именно роста была Дюймовочка. |
05 |
Однако, благодаря своей простоте, «испорченная» система Фурнье стала стандартом. Позднее (в 1783 году) неточности исправил другой француз известный типографФрансуа-Амбруаз Дидо. Точнее, он взял и назначил типографский пункт не взятой с потолка, а математически точной величиной 1/6 линии, положив в основу тот жефранцузский королевский фут (равный 324,84 мм). То есть, вернулся к значению, предложенному Фурнье в 1737 году. |
06 |
|||
07 |
А уже к 1795 году французы ввели метрическую систему, похерив все королевские футы, а вместе с тем и «стандартную» основу типографского пункта. |
08 |
В 1879 году в США (в те времена САСШ) начали широко применять пункт, изобретенный Нельсоном Хоуксом, который считал, что сама идея пункта принадлежит ему. Хоукс обнаружил, что цицеро (шрифт 12-го кегля) составляет 1/6 дюйма (а мы знаем, что так оно и должно быть). И убедил своего босса, владельца крупнейшей словолитни Мардер, Люз и Ко который в тот момент как раз обновлял хозяйство после большого пожара использовать новую систему. |
09 |
Дело дошло до национального стандарта. Но самое забавное, что Ассоциация словолитчиков Соединенных Штатов в то время все системы измерений привязывала к метрической системе. И назначила 83 цицеро равными 35 сантиметрам (пункт стал равен 0,3514 мм). Вот как хотелось соответствовать метрической системе. |
Пункт Хоукса в 1886 году стал стандартом в Соединенных Штатах, а через несколько лет и в Великобритании |
10 |
В том же 1879 году немец Герман Бертгольд перевел пункт Дидо в метрическую систему: в одном метре 2660 пунктов. Сегодня в Германии, Восточной Европе и России используется именно этот пункт, определяемый в метрической системе как0,3759 мм и округляемый до 0,376 мм. |
11 |
И вот что мы получаем (мучайтесь, дорогие дизайнеры): |
12 |
пункты французские дюймы миллиметры Фурнье ≈ 0,0137 ≈ 0,364 Дидо/Бертгольда ≈ 0,0147 ≈ 0,376 английские дюймы Хоукса ≈ 0,0138 0,3514 в линотипе ≈ 0,014 ≈ 0,3968 в Постскрипте 0,013(8)… ≈ 0,3527 |
13 |
Так исторически сложилось, что ни один пункт не равняется точно 1/72 дюйма. Все пытались подогнать, ни у кого не вышло. Зато в 1980-х годах компания Адобе придумала язык Постскрипт, в котором пункт был назначен ровно одной семьдесят второй английского дюйма: 0,013(8)… |
14 |
И теперь каждый желающий может с помощью компьютера печатать шрифты в пунктах с сумасшедшей точностью. |
Артемий Лебедев § 82. Параграф, освещенный матовой лампочкой10 февраля 2002 |
01 |
Многоязычность это отдельная большая проблема для дизайнера и редактора.Современные схемы распространения товаров предусматривают (в целях экономии) изготовление одной упаковки на 20 стран. Так как вероятность наличия во всех 20 странах народа, говорящего на одном языке, стремится к нулю, приходится писать на всех двадцати языках одновременно. |
02 |
Решить эту проблему пытаются разными способами. И все они кривые. |
03 |
Иногда сам продукт делается без надписей (или с надписями на английском), а в коробку кладется инструкция на разных языках. Оглавлением, как правило, никто не пользуется: листают страницы, пока слова не приобретут очертания знакомых. |
04 |
Иногда инструкция не нужна. Нужно просто на упаковке написать, что внутри (ГОСТобязывает). Тогда пишут подряд на всех языках. Часто возникает глупая ситуация в некоторых языках слова совпадают. А производитель, как идиот, повторяет одно и то же слово, причем никто потом не может сказать, что это за язык. |
05 |
Иногда слова предваряют названием языка (или страны), на котором они написаны. Туттоже возникает проблема как обозначать английский? Среди вариантов, встреченных в природе EN, US, UK, GB. Поди сходу догадайся, какое из четырех искать. |
06 |
Иногда язык обозначают флагом страны, в которой этот язык принято использовать. Но и тут проблемы. Во-первых, с тем же английским. Какой флаг у английского языка английский? американский? ооновский? |
07 |
А как быть со странами, где говорят на нескольких языках? |
08 |
В полной мере проблему ощущает Европа раз объединились в Евросоюз, то всё должно быть понятно всем. Даже на деньгах теперь название на двух языках латинскими буквами (повезло: у всех совпало) и по-гречески (представляю, как дизайнер проклинал в этот момент Грецию). |
09 |
Но изящество, наблюдаемое на дензнаках евро, не распространяется на все случаи жизни. Вот так приходится обозначать таблицу с классом энергопотребления на товарах, продающихся в Европе: |
10 |
|||
11 |
Тут неизвестный нам дизайнер вместил слово «энергия», чтобы его могли прочитать в 15 странах. |
12 |
Это пример особого издевательства над человеком. Кстати, пример взят с коробки электрической лампочки General Electric. Продается в любом магазине «Свет». Поскольку наш стандарт не требует указывать класс энергопотребления, никто не пытался сделать надписи на русском. Хотя с обратной стороны на 19 языках написано: «матовая». |
13 |
Правило: не надо смешивать языки. На одном смысловом поле должен быть один язык.Следует избегать верстки страниц, где в разных колонках разные языки. Отвратительновыглядят визитки на двух языках. Ни в коем случае нельзя верстать по схеме «абзац так,абзац сяк». |
14 |
Если предмету нужна инструкция, то наиболее удачным решением будет «один язык один буклет». На сайтах следует ограничиться переключателем. |
15 |
Артемий Лебедев § 83. Секреты хорошего гипертекста18 февраля 2002 |
01 |
Если вы читаете этот параграф, то уже знаете, что такое гиперссылка (как сюда еще попасть?). И те, кто делает сайты, они тоже знают, что это такое. Только очень мало кто умеет ставить ссылки правильно. |
02 |
Учебники по HTML обходят стороной вопросы: где именно нужно делать ссылки и сколькоих должно быть. |
03 |
Есть несколько способов определения хорошего гипертекста (речь не идет о меню, разделах со ссылками и прочих навигационно-информационных материалах). |
04 |
Целостность текста |
05 |
Делать гипертекст самодостаточным в ущерб смыслу и самому тексту большая ошибка.Самодостаточным должен быть текст, а гиперссылки просто помогают получить дополнительную информацию по теме. |
06 |
Отсюда следует простой вывод: ссылки должны ставиться так, чтобы читатель от их отсутствия ничего не потерял. |
07 |
Неправильно Правильно Ищете юриста? Всю необходимую информацию вы можете получитьтут. Всю необходимую информацию вы можете получить у юриста. |
08 |
Как показывает практика, перестроиться на правильное написание текста можно за день. Авторы, привыкшие к тому, что гиперссылка неотъемлемая часть текста и смысла, сначала протестуют, но, перестроившись, уже не могут вернуться обратно. Для начала нужно просто написать человеческий текст, а потом уже расставлять в нем ссылки. |
09 |
Удобство чтения |
10 |
Если формат технически позволяет использовать какую-либо возможность, это само по себе не должно быть поводом ее использовать. Если формат GIF позволяет анимировать картинки, стоит сто раз подумать нужна ли анимация вообще. Флешидеально подходит для статического представления информации. Нет необходимости использовать 16 миллионов цветов на мониторе только потому, что это техническиосуществимо. |
11 |
Неправильно Правильно По мнению дегустаторов, соевый турецкий шоколад по своим органолептическим качествам напоминает вкусом пластилин. По мнению дегустаторов, соевый турецкий шоколад по своим органолептическим качествам напоминает вкусом пластилин. Ассоциация дегустаторов Шоколадная фабрика «Шахразада» Органолептический анализ |
12 |
Ссылки в тексте это всего лишь возможность, но никак не необходимость. Удобства в примере слева нет. Видимая компактность информации перестает быть преимуществом, если речь идет о странице текста. |
13 |
Ценность ссылок |
14 |
Приемлемо Совсем хорошо Колотый лесоматериал заготовки из древесины, получаемые раскалыванием коротких кряжей в радиальном направлении. Колотый лесоматериал заготовки из древесины, получаемые раскалыванием коротких кряжей (толстых, коротких отрезков ствола дерева) в радиальном направлении. |
15 |
В данном случае использован пример из Большой советской энциклопедии. На сайте самой БСЭ вариант слева не только уместен, но и необходим ссылки ведут на другие словарные статьи. Пример справа пригоден для всех случаев, кроме словарных. |
16 |
Полнота информации |
17 |
Неправильно Правильно Продолжаем расследование. Как мы писали на прошлой неделе («Гдеона моет веник?», 05.07.98), 45% домохозяек во время уборки смачивают веник в унитазе, 46% в раковине, 7% в ведре, а 2% предпочитают наводить порядок сухим помелом. Продолжаем расследование. Как мы писали на прошлой неделе («Где она моет веник?», 05.07.98), 45% домохозяек во время уборки смачивают веник в унитазе, 46% в раковине, 7% в ведре, а 2%предпочитают наводить порядок сухим помелом. |
18 |
В подобной ситуации читатель, пропустивший начало, всегда может наверстать упущенное. В идеале, ссылка на новую статью должна появиться в архивном материале. Потому что никто не может знать, что еще редакция написала на эту тему, а использовать в данном случае поиск неблагодарное занятие, потому что равносильно гаданию. |
19 |
Перекрестные ссылки между свежими и архивными материалами, во-первых, помогут читателю получить информацию, во-вторых, значительно повысят ценность архива. |
20 |
Интонация и смысл |
21 |
Гиперссылками нельзя пользоваться как флюоресцентным маркером выделил целый абзац и сидишь довольный. |
22 |
Ссылка должна быть короткой. Лучше всего одно-два слова. Допустимо делать ссылкой название статьи или произведения, но если мы имеем дело со списком названий, лучше придумать другой способ указания ссылок иначе читатель окажется перед страницей, где куда ни ткни ссылка. |
23 |
Внешний вид ссылки в тексте (выделение цветом и, как правило, подчеркиванием) уже сам по себе способен влиять на интонацию. Другие способы выделить интонацию курсив и полужирное начертание. Поэтому стоит избегать совмещения приемов, если ставится задача именно интонационного выделения. Использовать полужирное начертание для ссылки уместно, но именно как способ обратить внимание на ссылку, а не как способ показать, что важное слово является ссылкой. |
24 |
Положение гиперссылки Смысл С 16 февраля к любому параграфу «Ководства» можно написать свой комментарий. Ссылка ведет на пресс-релиз или какой-нибудь материал, где организация по дате имеет значение. С 16 февраля к любому параграфу «Ководства» можно написать свой комментарий. Ссылка на список всех параграфов выбирай любой и комментируй. Возможна ссылка на какой-то один параграф «любой» последний, скажем. С 16 февраля к любому параграфу «Ководства» можно написать свой комментарий. Ссылка на «Ководство». Имеет право на существование, когда читатель знает про параграфы, про то, как пишутся комментарии, и теперь узнает о возможности комментировать именно «Ководство». С 16 февраля к любому параграфу «Ководства» можно написать свойкомментарий. Ссылка ведет на страницу с подробным описанием возможностей комментирования, на форму для написания комментария или на какой-либо конкретный комментарий, заслуживающий внимания. С 16 февраля к любому параграфу «Ководства» можно написать свойкомментарий. А так делать нельзя. |
25 |
Теперь читатель осведомлен, следовательно вооружен. |
Артемий Лебедев § 84. Сколько байтов в килобайте?26 февраля 2002 |
Алиса. Меня зовут Алиса…
Шалтай-Болтай. Какое глупое имя! Что оно значит?
Алиса. Разве имя должно что-то значить?
Шалтай-Болтай. Конечно, должно! Возьмем, к примеру, мое имя оно выражает мою суть! Замечательную чудесную суть! А с таким именем, как у тебя, ты можешь оказаться чем угодно… Ну просто чем угодно!
Л. Кэрролл. Алиса в Зазеркалье
01 |
Сегодняшний параграф посвящен теме, с которой начинается любой компьютерный учебник. Начинается он, как правило, с объяснения минимальной терминологии вот есть бит, а когда битов становится восемь, то это уже байт. А когда байтов накопится1024, получим килобайт. Каждый эту смертную скуку по разу прочел, кто-то запомнил, кто-то нет; прочитал учебник, закрыл и все. |
02 |
Тут и начинается наше расследование. |
03 |
Давным-давно, в стародавние времена жили-были компьютеры. И все в них измерялось в байтах. Но они быстро выросли, и байтов стало много-много целые тыщи. Тогдамудрые компьютерные первопроходцы придумали термин K для обозначения 210 байт(то есть 1024 байта). Выбор двойки не случаен компьютеры работали, работают и в ближайшее время будут работать в двоичной системе. |
04 |
Человечество же в своем развитии остановилось на десятичной системе счисления она была выбрана опытным путем в процессе долгого перебора пальцев чуть раньше, чем был изобретен компьютер. А в конце 18 века стандартолюбивые французы придумали метрическую систему мер, основанную как раз на десятке. |
05 |
Хозяйке |
В метрической системе обычно берут за основу какой-нибудь греческий или латинский корень и приставляют его ко всему. Все эти приставки производят десятку в какую-нибудь степень. Скажем, миллиметр это 10-3 метров (одна тысячная метра). А километр это103 метров (одна тысяча метров). Все метрические обозначения нужно писать правильно, так как от этого зависит смысл:μ означает микро..., м означает милли..., м означает метр, а М мега... |
06 |
Итак, мы знаем, что десятичная приставка «к» происходит от слова «кило» (тысяча), пишется маленькой и означает умножение на тысячу. Двоичное К не имеет к «кило» никакого отношения хотя бы потому, что компьютер байты десятками не считает это за него начали делать люди. Глядя на надпись «60 K байтов», какой-то сисадмин сказал:«гыы, шыисят кило байтов». Его услышал другой сисадмин и запомнил. Так и пошло.(Пример подобной расшифровки буквы на манер метрической величины: мегабайт метр.) |
07 |
Так мы получили расшифровку единицы «К байт» («кабайт») в виде «килобайт», хотя этого никто не имел в виду изначально. Остальные значения подбирались по аналогии мегабайт, гигабайт, терабайт… Все эти слова, по виду напоминающие метрические величины, на самом деле являются степенями двойки. А думать в степенях двойки очень неудобно никто не думает о мегабайте как о 1024 килобайтах. |
08 |
Но это только половина истории. Самое интересное: килобайты бывают не только двоичными, но и десятичными. И мы с ними ежедневно сталкиваемся. |
09 |
Так исторически сложилось, что в К-байтах измерялась компьютерная память (RAM). Поэтому 10 МБ памяти это 10 485 760 байт, но никак не 10 000 000 байт. |
10 |
Бóльшая часть производителей жестких дисков указывает объем изделий в десятичныхмегабайтах и гигабайтах. А операционные системы смотрят на диски с точки зрениядвоичных мегабайтов и гигабайтов. При покупке жесткого диска на 50 ГБ надо быть готовым к тому, что «недо» составит 3,5 ГБ. Оставшиеся 46,5 ГБ это и есть честный объем диска. Но в двоичных гигабайтах! |
11 |
Своей жизнью живет телекоммуникационная индустрия. Там изначально заведено все измерять в десятичных килобитах. Обычно скорость передачи данных меряется килобитами в секунду (кб/сек). Модем на 28,8 кб/сек при хорошей погоде передает ровно 28 800 бит в секунду, то есть примерно три с половиной двоичных килобайта в секунду. В модеме «на 28,8 К» обозначение «К» вместо «кб/сек» является плодом фантазии маркетологов и профессионалами не используется. |
12 |
Особый случай наблюдался у изобретателей 3,5-дюймовой дискеты (которая, на самом деле, 90-миллиметровая). На каждой коробке было указано «1,44 МБ». Все помнят это число. И все помнят, что влезало на дискету гораздо меньше обещанного. А всё почему? Потому что название было придумано исходя из десятичных байтов 1 440 000 такихбайт это как раз 1,44 десятичного МБ. А в двоичных байтах это 1,4 МБ. |
13 |
Читатель, к этому месту слегка подуставший от разницы между двоичными и десятичными измерениями, представит, что с этой разницы имеют производители железа. Реклама пойдет на всё, чтобы нарисовать самую вкусную цифру. Франклиныиз кошелька будут вылетать охотнее на красивую приманку. Больше от рекламы ничего, собственно, и не требуется. |
14 |
Лирическое |
В характеристиках жидкокристаллических мониторов стоит обратить внимание на надпись: «диагональ экрана 15″ (эквивалент 17″ с электронно-лучевой трубкой)». Это означает лишь то, что производители обычных кинескопов меряют диагональ включая нерабочие области. Все равно в мире не бывает таких потребителей, которые придут в магазин с дюймовой линейкой, чтобы замерить экран. Главное победить в борьбе красивых цифр. Поскольку промышленность пока не научилась делать жидкокристаллические экраны с нерабочей областью, рекламистам приходится выдавать тайны прошлогодних трюков. |
15 |
Чтобы хоть как-то спасти эту шизофреническую ситуацию, Международная электротехническая комиссия (МЭК) попыталась в марте 1999 года навести порядок. Мэковцы предложили использовать новые названия для двоичных измерений и придумали новые сокращения: килобайт предлагалось переименовать в кибибайт (КиБ), мегабайт в мебибайт (МиБ) и т. д. В ноябре 2000 года эти изменения были официально внесены в международный стандарт. |
См.: IEC 600272 (200011) Letter symbols to be used in electrical technology Part 2: Telecommunications and electronics |
16 |
Хорошая по замыслу идея с треском провалилась в день написания этого параграфаЯндекс по запросу «кибибайт» выдал ровно семь сайтов. Из них два сборники анекдотов. |
17 |
Все-таки хорошее название очень важная вещь для претендующих на всемирное признание. «Бибикать» никто не захотел. А «мебибайт» звучит одинаково неприятно на всех языках. |
18 |
Напоследок приведем таблицу с правильными русскими названиями и аббревиатурами. |
19 |
Название Аббревиатура Значение Стандарт МЭК (неживой) бит б 0 или 1 байт Б 8 бит килобит кбит 1000 бит килобайт (двоичный) КБ 1024 байта кибибайт килобайт (десятичный) кБ 1000 байт мегабит Мб 1000 килобит мегабайт (двоичный) МБ 1024 килобайта мебибайт мегабайт (десятичный) МБ 1000 килобайт гигабит Гб 1000 мегабит гигабайт (двоичный) ГБ 1024 мегабайта гибибайт гигабайт (десятичный) ГБ 1000 мегабайт |
* |
Сокращение имеет право на существование, но оно излишне длинное и может стать поводом для разночтения. |
Артемий Лебедев § 85. Симметрию на помойку27 февраля 2002 |
01 |
Работа дизайнера заключается в том, чтобы не испортить смысл дизайном. Нужно найти идею и донести ее до зрителя так, чтобы она прозвучала и оставила впечатление. |
02 |
Однако большинство из тех, кто себя считает дизайнерами, придерживается другой точкизрения. Они уверены, что дизайн это когда не сразу понимаешь, что хотели сказать. |
03 |
Симметрия помогает дизайнеру все испортить. |
04 |
Пример первый |
05 |
|||
06 |
Зритель видит «Товары для ВАКА». Задумывается. Находит слово «животных». Затем начинает переваривать полученную информацию. |
07 |
Такое расположение текста в угоду симметрии можно увидеть практически на любом кинотеатре, например: «КИНО ПОЛЯРНЫЙ ТЕАТР». Имеется в виду кинотеатр «Полярный», но для дизайнера проще уйти в дворники, чем поставить слова в таком порядке. |
08 |
«Стоматологические УЛЫБКА услуги». «Всегда в продаже 19 РУБ! кофе на вынос».Остальные примеры найдете сами, оглянувшись по сторонам. |
09 |
Пример второй |
10 |
|||
11 |
Это означает «Центральное бюро путешествий». Даже бустрофедон (одна строка слева-направо, следующая справа-налево) легче читать. Здесь же зритель должен спуститься сверху вниз, потом подняться наверх, пройти слева направо, а потом снова отправиться вниз. А некоторые будут читать парами: «ЦП ЕУ НТ…», пока не поймут, что смысла не прибавляется. |
12 |
Результаты тестирования показывают, что зритель тратит на правильное прочитывание этой вывески вслух от 7 до 30 секунд. При этом первая реакция молчание, а потомтолько попытка произнести слова. Первая попытка «бюро центральное путешествий» не засчитывается. Возьмите секундомер и проверьте на своих знакомых. |
13 |
Вывод |
14 |
Асимметрия не просто художественный прием, это способ добиваться понимания. |
15 |
Артемий Лебедев § 86. Плохие дизайнеры и плохие заказчики24 марта 2002 |
01 |
Низкий уровень культуры современных дизайнеров (что непростительно), а также низкий культурный уровень заказчиков (что простительно) способствуют появлению на свет бессмысленных произведений. |
02 |
Заказчики иногда просят сделать что-нибудь ужасное. Дизайнеры соглашаются с заказчиками и сами предлагают ужасное. Зрители смотрят на результат и находят в нём положительные стороны далеко не всем свойственно критически относиться к увиденному. |
03 |
Дизайн так же просто обсуждать, как и спорт. Или автомобили. Или погоду. Специалист каждый второй. Люди сами выбирают себе кафель в ванную, сами покупают тарелки,сами приобретают люстру в гостиную. Результат известен зайдите в среднестатистическую квартиру. |
04 |
Малахитовый унитаз не сам по себе появился, его кто-то придумал, кто-то заказал, кто-то произвел. Теперь представьте, что эти же люди занимаются дизайном других предметов. |
05 |
Плохого дизайна не было бы, если бы не существовало плохих дизайнеров. Если бы заказчик просто физически не мог реализовать свою бредовую идею, мир не увидел бы еще одного ужасного произведения. Но дизайнеры идут на поводу у заказчиков, уверенные в том, что противостояние бессмысленно. Впрочем, обратное тоже имеет место быть: хороший заказчик приходит к плохому дизайнеру и получает, разумеется, г. Которое потом тиражируют и массово транслируют. |
06 |
И виноват в обоих случаях дизайнер. Не вижу смысла его защищать. Заказчик не обязан быть утонченным гурманом. Надо сказать спасибо, что он вообще пошел к дизайнеру, а не сам всё нарисовал (что случается). |
07 |
плохой хороший плохой результат ужасен хороший результат хороший результат плох результат отличный |
* проценты даны «на глаз» |
08 |
Рассмотрим два примера. Названия компаний не приводятся, потому что это не принципиально для нашего случая. |
09 |
Плохой заказчик. Плохой дизайнер |
10 |
|||
11 |
Заказчик, очевидно, хотел рекламу подержанных (б/у бывших в употреблении) ноутбуков. Дизайнер послушно выделил две буквы кеглем в полтора раза большим, чем надпись, потому что иначе даже секретарша заказчика впадала в ступор и прочесть результат не могла («ноутб/уки» попробуйте разобрать). |
12 |
Хороший дизайнер должен был переубедить заказчика и написать просто «подержанные ноутбуки». |
13 |
Хороший заказчик. Плохой дизайнер |
14 |
|||
15 |
Заказчик, очевидно, придумал хороший слоган для рекламы квартир в новом доме: «новая,теплая, ваша». Дизайнер поставил три стрелки, полностью разрушив смысл. Получается, что наверху новая квартира, в середине теплая, а внизу ваша, дорогой покупатель, старая и холодная. С многоточием, блестяще передающим разочарование и безнадежность. |
16 |
В принципе, хорошая вещь не требует, чтобы в нее тыкали пальцем. |
Артемий Лебедев § 87. Клиент всегда неправ25 марта 2002 |
Он хочет, чтобы в центре картины был, конечно, он сам. Его нужно написать в виде Юпитера, который сидит на Олимпе, а под ногами у него облака. Справа от него стоит Георг Вашингтон в полной парадной форме, положив руку ему на плечо. Ангел с распростертыми крыльями парит в высоте и возлагает на чело президента лавровый венок, точно он победитель на конкурсе красоток. А на заднем плане должны быть пушки, а потом еще ангелы и солдаты.
О. Генри. Короли и капуста
01 |
Хочется продолжить разговор о клиентах и заказчиках. Кто такой клиент? Если мы говорим не про Eudora, The Bat или Outlook Express, клиент это любой человек. Каждый, кто хоть раз в жизни выходил из дома купить колбасы, может считать себя клиентом. |
02 |
Отношения между теми, кто услуги предоставляет, и теми, кто ими пользуется, обычно непростые. Разделим мир условно на поставщиков и потребителей (не забывая, что каждый человек в разное время бывает то одним, то другим). |
03 |
Поставщик себя уважает: «На витрине все написано». Клиенту хочется, чтобы ему рассказали про колбасу подробнее, назвали цену, доверительно шепнули: «Эта не очень. Берите ту, мы в обед ели, всем понравилась. И недорогая». |
04 |
Клиент хочет, чтобы поставщик исполнял желания и реализовывал мечту. При этом клиент исходит из своих представлений о том, что такое «очень хорошо». Если поставщик немного не дотягивает до этого уровня не отрезал, скажем, хвостики у колбасного батона, клиент сделает замечание или уйдет в другое место. |
05 |
Если поставщик превысил уровень ожиданий не ограничился отрезанием хвостиков, не просто завернул в самую лучшую бумагу, не только отмерил на глаз ровно 400 граммов, но и рассказал, что, согласно ГОСТ 23670-79, вареная колбаса должна храниться не более 72 часов, а сардельки не более 48 часов с момента окончания технологическогопроцесса при температуре не выше +6 °C клиент «тает». Он понимает, что в других местах к нему относились хуже, чем могли. |
06 |
|||
07 |
Поставщик колбасы должен знать и понимать всё в своей области. У него должно быть свое мнение, свой опыт. Если к нему приходит неграмотный клиент, возможен конфликт.Тут есть два сценария: либо клиент переучится, либо нет. |
08 |
Сценарий первый |
09 |
Брателло, заверни-ка в газету 150 грамм зельца с рогами и копытами, да поживей. |
10 |
И уходит навсегда. Будет ли поставщик переживать по поводу потери такого клиента? Вряд ли. |
11 |
Сценарий второй |
12 |
Будьте добры, заверните, пожалуйста, в газету 150 граммов зельца с рогами и копытами. |
13 |
Если в такой ситуации товар понравился клиенту, он не просто вернется еще, но станет верить поставщику. Будет пробовать другие товары, воспитывать свой вкус. И станет постепенно грамотным (хорошим) клиентом. |
14 |
Посмотрим теперь на ситуацию с другой стороны. |
15 |
Сценарий третий |
16 |
Здравствуйте. Окажите мне любезность отрежьте, пожалуйста, 300 граммов неаполитанского рулета. |
17 |
Клиент, скорее всего, ничего не купит. Разве что для собачки. И никогда не вернется. |
18 |
Сценарий четвертый |
19 |
Здравствуйте. Окажите мне любезность отрежьте, пожалуйста, 300 граммов неаполитанского рулета. |
20 |
Такой клиент еще не родился, к сожалению. |
21 |
За десять лет своей профессиональной деятельности я встречал самых разных клиентов.Среди дизайнеров считается почему-то, что клиент это такая загадочная фигура с непредсказуемыми запросами и обязательной анекдотической поговоркой «вот здесь добавьте красненького». |
22 |
Ничего подобного. Клиент, как я уже говорил, это кто угодно. Если вы сталкивались в жизни с непониманием, хамством, некачественной работой, то уже имеете представление о том, что знает и чувствует клиент. |
23 |
В жизни вообще очень мало профессионалов. В любом деле. Кругом плохие дантисты, музыканты, писатели, кассирши, учителя. Думаете, на этом фоне много хороших дизайнеров? Практически нету. |
24 |
Клиент, со своей стороны, совершенно не обязан быть профессионалом по общению с дизайнерами. Он, как правило, австралопитек в вопросах визуальной культуры. Зато он добился результатов в своем деле, иначе у него не было бы повода идти к дизайнеру. Дизайнер, как правило, тоже австралопитек в вопросах визуальной культуры.Он пользуется компьютером как пишущей машинкой и воспринимает клиента как вурдалака. |
25 |
Когда клиент просит изобразить в знаке земной шар, дизайнер, боясь потерять 50 долларов, делает что велено. Если бы эта ситуация была придумана, вокруг нас не было бы такого количества знаков с земными шарами. Не то чтобы метафора планеты была плохой. Просто она не подходит компании, чей бизнес установка жалюзи. |
26 |
Дизайнер должен иметь свою позицию и уметь ее аргументировать. Это не поможет ему сразу стать хорошим. Но, по крайней мере, научит пониманию. |
27 |
Устраиваясь на работу, плохой дизайнер пишет, что он знает Photoshop, CorelDraw,Illustrator, 3DMax, Painter… А хороший просто показывает, что он сделал. Потому что совершенно не важно, в какой программе и каким способом сделана хорошая работа. Бессмысленно знать тонкости инструмента, с помощью которого не умеешь ничего хорошего сделать. |
28 |
Задача дизайнера отвлечь внимание клиента и в это время сделать такую работу, которая принесет клиенту доход (исчисляемый в чём угодно). Хороший дизайнер иллюзионист. Он должен не просто отвлечь внимание стройным рассуждением.Он должен добиться хорошего результата. Как совершенно неважно. И совершенно неважно, понял ли клиент, что ему сделали. Важно, чтобы поняли те, с кем клиенту приходится иметь дело. Те, ради кого, собственно, делается дизайн мы с вами. |
29 |
Разумеется, клиент всегда неправ. Потому что у него другие заботы есть. |
Артемий Лебедев § 88. Идеальная урна20 мая 2002 |
…На ходу железными своими юбками она опрокидывала урны для окурков. С кастрюльным шумом урны катились по ее следам…
И. Ильф и Е. Петров. Двенадцать стульев
01 |
Крайне интересная тема проектирование и создание городских объектов. Облик города складывается не только из зданий, но и из характерных для города деталей телефонныхбудок, почтовых ящиков, фонарных столбов, скамеек, урн. |
02 |
Сегодня мы поговорим об урнах для мусора. Данный параграф является результатом двухлетнего исследования автором этого вопроса. За рамками нашего обзора останутся урны для праха, а также избирательные урны. |
03 |
|||
04 |
Задача урны вовремя подхватить небрежно кинутый в ее сторону мусор. Когда в поле зрения урны нет, среднестатистический человек использует любую емкость или полость для избавления от мусора основание фонарного столба, вертикальную часть рамы школьного стула, пространство между стеклами окон первых этажей и пр. |
05 |
Типы урн |
06 |
Урна для установки в помещении Уличная урна для размещения под навесом Уличная урна |
07 |
Способы размещения урн |
08 |
Напольное размещение Крепление на столбе Настенное размещение |
09 |
Конструкции урн стационарные и переносные переворачивающиеся и статичные с пакетом и без с ведром и без с крышкой/навесом и открытые |
10 |
Стационарная урна Переносная урна Переворачивающаяся урна |
|
11 |
Урна с ведром Урна с полиэтиленовым пакетом Урна с декоративной крышкой |
12 |
Урна с ведром и навесом Урна с пакетом и крышкой Кронштейн для полиэтиленового пакета |
13 |
Способы защиты от несанкционированного использования |
14 |
Основная проблема в обслуживании урны необходимость своевременно удалять из нее мусор. Так как урна наполняется безо всякого расписания, нужно постоянно ее проверять и опустошать. Урну обслуживает пеший дворник, который должен либо перевернуть ее в специальную тележку, либо достать из нее мешок. |
15 |
Стационарная урна должна быть устроена так, чтобы в случае разрыва мешка (или кражи ведра) у дворника осталась возможность помыть ее. Это не составляет проблемы с переносными или опрокидывающимися конструкциями. Однако в большой стационарной урне должна быть предусмотрена возможность «доступа внутрь». Именно поэтому все большие урны имеют специальную дверку, которая открывается толькоключом (заодно обеспечивая доступ к мешку). |
16 |
Урна с дверкой на переднем плане видны петли Урна с крышкой и дверкой Урна с дверкой |
17 |
Соблюдение чистоты |
18 |
Мешок уменьшает площадь грязной и пахнущей поверхности. Чтобы сохранить полезные качества мешка, в урнах такой конструкции всегда применяется тот или иной вид фиксации либо с помощью прижимной крышки, либо мешок оборачивается вокруг краев урны (ведра). |
19 |
Урна, которая никогда в жизни не мылась Урна, которая моется, когда мешок не спас Урна, которую мыть не надо никогда (толькоулицу вокруг) |
20 |
Происхождение видов |
21 |
|||
22 |
Идеальная урна закрытая, с ведром внутри, с пакетом в ведре, с открывающейся дверкой для чистки и потенциальным местом для рекламы. Идеальная урна такжеснабжена идеальной пепельницей, но это уже тема отдельного исследования. |
См. также: Туалеты и урны в культурах народов мира. Китай. |
Артемий Лебедев § 89. Боязнь простоты2 июня 2002 |
01 |
Половина функций видеомагнитофона или музыкального центра нужна только для того,чтобы соблазнить покупателя в магазине. Красивый рисунок на подошве ботинка нужентолько для того, чтобы покупатель порадовался ему на полке. Сколько раз покупатель изучает рисунок подошвы обуви, которую он носит второй месяц? |
02 |
Человеческая страсть ко всему навороченному цинично используется акулами капитализма. Но далеко не всегда за навороченностью стоит расчет. |
03 |
Люди боятся показаться недостаточно умными. Люди, считающие себя творческими, особенно. Авторы учебников вдвойне. Дизайнеры втройне. |
04 |
Для маскировки используется заумь. Чем непонятнее выразился, тем лучше никто не обвинит в отсутствии оригинальности. Если бы миром заведовал среднестатистический дизайнер, то на дорогах вместо белых полос разметки были бы виньетки в стиле хохломы, палеха и гжели. Красиво ведь. |
05 |
Неудобно? Непонятно? Нелогично? Неприятно? Дизайнер на эти вопросы ответа знать не хочет. Заказчик ответов тоже не знает, потому что непрофессионал практически никогда не может понять, хорош дизайн или плох. |
06 |
Дизайнер увлечен процессом создания. Заказчик радуется первому впечатлению. Проходит неделя, месяц, год дизайн попадает в реальную жизнь. А там всё иначе. |
07 |
На свете очень мало людей, знающих, что в мобильном телефоне самое важное удобство набора номера и качество связи (а не календарь месячных или децибелометр), а втелевизионном пульте легкость изменения уровня громкости и переключения каналов(а не кнопка настройки насыщенности цвета). |
08 |
Дизайнер боится показаться простым. Он уверен, что за простоту мало платят. Ему кажется, что шрифт с завитушками придает работе законченный вид, а простой шрифт свидетельствует о том, что дизайнер не знает, как установить себе завитушечный. Дизайнер не считает работу законченной, если под текст не положено изображение. А если еще и заголовки безобразно и нечитабельно набраны проект сдается с чистой совестью. |
09 |
В свою студию я приглашаю дизайнеров, которые прошли тест. Тест состоит из 57 заданий и высылается тем, кто в состоянии показать приемлемое портфолио. Одноиз заданий сформулировано так: «Сделать панель управления самого лучшего на свете лифта в 23-этажном здании». При этом никаких дополнительных разъяснений или комментариев я не даю как поймут, пусть так и делают. По результатам тестане составляет сложности оценить, чего на самом деле стоит дизайнер. |
10 |
Вот что присылают претенденты (они не сговаривались): |
Варианты размещения кнопок по кругу: |
Варианты с набором нужного этажа на клавиатуре: |
|||
12 |
Из тридцати дизайнеров, получивших это задание, только один сделал пульт, где кнопки расположены вертикально в ряд то есть самым простым и очевидным образом.Остальные если и рассматривали подобный вариант, то сочли его недостаточно«крутым». Как иначе можно объяснить варианты с кнопками, расположенными полукругом? А по кругу? А, прошу прощения, по спирали? |
||
13 |
Дизайнера, который не умеет находить простых решений, нельзя выпускать к людям. Разумеется, минимализм не единственно возможная концепция в дизайне. Но оригинальность ради оригинальности не стоит ломаного гроша. Потому что«оригинальный» дизайн пополнит кладбище смысла на следующий день после родов. |
Артемий Лебедев § 90. Пломбир для пассажиров первого класса7 июня 2002 |
01 |
В современном мире без конкурентных преимуществ никак нельзя. Расшибись, а что-нибудь новенькое придумай, чтобы остальные догоняли. В первую очередь это касается производителей техники, электроники и программного обеспечения. Компании, работающие в других областях, очень переживают, что им не удается постоянно придумывать новые и новые возможности для своих продуктов. Действительно сложно каждый год выпускать картофелечистку с новыми опциями. |
02 |
Автомобилестроение всегда было областью, где человечество реализовывало смелые фантазии. На протяжении века интерфейс управления автомобилем оставался неизменным: крутишь руль вправо едешь вправо, крутишь влево едешь влево. Всё остальное в автомобиле регулировалось таким же понятным, естественным и предсказуемым образом: эта кнопка включает фары, эта радио, педаль нажимается, ручка поворачивается. Это было время хороших интерфейсов. |
03 |
Когда количество функций переходит определенный рубеж, возникает проблема размещения кнопок, рычагов, переключателей и тумблеров на панели управления. Не может же телевизионный пульт быть похожим на пульт атомной электростанции. |
04 |
В качестве централизованного интерфейса для управления сотнями функций очень соблазнителен монитор из-за компактности, универсальности и динамичности отображаемой информации. |
05 |
Производители автомобилей ежегодно увеличивают количество функций и одновременно избавляются от лишних физических кнопок. Практически ни одна новая модель дорогого автомобиля сегодня не выпускается без компьютера. Жидкокристаллический дисплейтеперь занимает почетное место в центре, прямо перед водителем. |
06 |
Компьютер в автомобиле вызывает чувство глубокого недоумения он из другого мира и сделан людьми, которые ничего не знают о простоте управления. Автомобильные компании, в свою очередь, не разбираются в компьютерах и вешают в салон экраны, радуясь, как дети, разноцветным картинкам. |
07 |
Журнал XXL Auto пригласил меня провести тест-драйв автомобиля BMW 745i. Эта модель снабжена медленным компьютером, который продается под красивым и бессмысленным маркетинговым названием iDrive. Управляют компьютером при помощи серебристого шайбообразного контроллера, расположенного там, где обычно находится ручка переключения передач между передними сидениями. |
08 |
Честно скажу я впервые сидел в автомобиле, у которого есть меню Settings. |
09 |
Две кнопки перед контроллером не имеют никакого отношения к iDrive они открывают правую и левую половины подлокотников для доступа к бардачку. Между кнопками замочная скважина для запирания бардачка. |
||
10 |
Контроллер по сути своей это прибитая гвоздями компьютерная мышь с ограниченной функциональностью. Шайба нажимается, крутится вправо и влево, сдвигается в восьми направлениях. |
11 |
Основное меню iDrive выглядит так: |
12 |
|||
13 |
Движение контроллера в восьми направлениях нужно только для выбора основных пунктов меню, больше эта функциональность нигде не используется. Если вы, находясь в разделе Communication, сдвинете контроллер вниз, то безо всяких предупреждений окажетесь в разделе Entertainment. По логике создателей, водитель запомнит расположение восьми пунктов меню. Поскольку водитель не настолько готов тренироватьсвою память, он попытается каждый раз выбирать раздел из основного меню, для чего контроллер надо дернуть в каком-то одном направлении два раза (извращенноепредставление о реализации «двойного щелчка»). Так как контроллер круглый и вращающийся, дернуть дважды в одном направлении удается не всегда, и вы попадаете в другой пункт меню. При этом глаза следят за дорогой не забывайте. |
14 |
Вот как лаконично описывает прелесть iDrive официальный сайт BMW в России: «Вконтроллере применяется система Силовой динамической обратной связи, благодаря чему контроллер общается с пользователем. Положение текущего меню отображается на дисплее управления». |
15 |
Подобное описание не дает никакого представления о том, что именно покупатель получит за сто тысяч долларов. После тестирования системы решиться на такую покупку еще тяжелее. Реклама сообщает: «Положение текущего меню отображается на дисплее управления». Давайте посмотрим на меню и попробуем ответить на вопрос: где мы находимся? |
16 |
|||
17 |
Правильный ответ: мы находимся в пункте Settings (настройки) основного меню, в подпункте управления ходовой частью (пиктограмма с автомобилем). В этом подпункте мы навели фокус на другой подпункт Display languages (выбор языков), но еще не зашлитуда. Заметим при этом, что заголовок в подсказке справа ничем ни видом, ни стилем, ни размером, ни выделением, ни пикселем, ни шрифтом не отличается от текста подсказки. Settings и Display languages выглядят как два пункта меню. |
18 |
Попробуйте теперь (используя весь свой словарный запас на всех языках, какие толькознаете) ответить на следующие вопросы: чем отличается DSC от DTC, что такое PDC pic., что такое Comfort EDC и почему Auto P находится на таком большом расстоянии от Auto P MFL? |
19 |
Самая большая ошибка, допущенная инженерами BMW, заключается не в том, что управление семью сотнями (как указано в рекламе) функций было упрятано в один контроллер, а в том, что в iDrive были сосланы важные и полезные режимы. Управление стояночным тормозом и отключение системы динамической тяги не должны были попасть в дебри меню, которым невозможно пользоваться во время езды. |
20 |
Маленькая картинка с надписью DTC в меню настроек (попробуйте быстро найти ее на иллюстрации выше) теоретически позволит водителю-профессионалу выключить систему динамической тяги, чтобы перейти в режим управляемого заноса. Профессиональный гонщик должен выполнять до четырех операций в секунду. С помощью системы iDrive он такой возможности лишен при переключении пунктов меню нужно ждать около секунды, пока на экране загрузятся картинки. |
21 |
В первые минуты сидения за рулем радуешься простоте приборной доски минимум кнопок и индикаторов. Потом понимаешь, что всё не так просто. Одна кнопка отключенияDTC, которую можно нажать пальцем, избавляла бы от необходимости залезать в меню компьютера и повышала бы безопасность. |
22 |
Борьба двух школ компьютерной и инженерной видна не только в наличии неудобного iDrive, поглотившего часть привычных ручек и кнопок. Так, в машине два CD-проигрывателя. Один на шесть дисков управляется только через iDrive. Второй на один диск управляется сам по себе. Уровень потока кондиционированного воздуха в сторону головы нужно долго настраивать через меню, а температура регулируется обычной ручкой на панели. Такая шизофреничность говорит о том, что часть инженеров BMW была категорически против превращения новой модели в тамагочи, но смогла отстоять только некоторые из своих требований. |
23 |
Единственное положительное впечатление осталось от лицензированной технологиикомпании Immersion тактильной обратной связи. Контроллер позволяет физически почувствовать переход между группами пунктов меню, а также перемещение по самим пунктам. Когда пунктов нет (в главном меню, например) шайба свободно вращается. Впрочем, тут тоже не обошлось без проблем: если несколько раз прокрутить контроллер в одном направлении, он начинает заедать. |
24 |
Гений технической мысли, расположивший кнопку выброса картриджа для шести компакт-дисков перед пассажирским сиденьем, не учел анатомии человека, имеющего ноги. Когда я сидел на месте пассажира, мое колено четыре раза нажимало на кнопку, а когда водитель давил на газ, картридж вылетал на пол. |
25 |
|||
26 |
Крупные авиакомпании (как и автомобилестроители) соревнуются друг с другом, предоставляя всё более и более комфортабельные условия пассажирам первого класса. |
27 |
В первом классе можно попросить одеяло и подушку. Увеличение пространства для ног на 20 сантиметров дает авиакомпании право в течение года рассказывать про бесконечную заботу о тех, кто заплатил 2000 долларов за билет. |
28 |
Особое значение в самолете придается качеству питания и уровню сервиса. Пассажирам первого класса подают общепитовский лангет на фарфоре. Им полагаются металлические вилки вместо пластмассовых. Им разливают вино на два доллара дороже того, которым поят пассажиров экономического класса. |
29 |
Невообразимая роскошь на борту самолета угощение пломбиром с долькой киви.Себестоимость такой порции 20 центов. Но когда ты находишься на высоте10 километров, меньше чем за стоимость отечественного автомобиля поесть мороженого не удастся. |
30 |
Точно так же плохонький PC под управлением Windows CE с медленной графикой и неудачным интерфейсом можно получить только в самых дорогих автомобилях. |
Артемий Лебедев § 91. Краткая история телефонных номеров18 июня 2002 |
01 |
Известно, что первые слова, сказанные по телефону 10 марта 1876 года, принадлежат шотландскому изобретателю Александру Грэму Беллу: Mr. Watson Come here I wantto see you («Мистер Ватсон, зайдите, я хочу вас видеть»). Чтобы позвонить в соседнюю комнату своему помощнику, Беллу не пришлось набирать номер в мире на тот момент было только два телефонных аппарата. |
02 |
Набросок устройства телефонного аппарата, сделанный Беллом (предположительно 1876 год) |
||
03 |
Прошло несколько лет. Абонентов стало много. Аппаратов тоже. Появились городскиетелефонные сети, каждому аппарату присвоили номер. Можно было позвонить абоненту, назвав требуемый номер телефонистке. |
04 |
В 1910 году в США, наиболее телефонизированной по тем временам стране, было более 7 миллионов абонентов. В России 155 тысяч. Обычный телефонный номер тоговремени был четырехзначным, в крупных городах пятизначным. Чтобы позвонить за пределы городской сети, абоненту требовалось назвать телефонистке город и номер. Разговор заказывали и ждали. |
05 |
В десятых годах XX века автоматические телефонные станции (АТС) постепенно стали вытеснять «барышень», которые соединяли абонентов вручную. К первой мировой войне в США было более 100 АТС, в Германии 7, в Великобритании 2. В Москве первая АТС появилась только в 1924 году в Кремле. Городская АТС заработала в 1930 году. |
06 |
У них Американцы, раньше всех столкнувшиеся с семизначными номерами, нашли решение проблемы запоминания (а тогда казалось, что семизначные номера помнить сложно) в использовании мнемонических правил первые три цифры заменялись буквами, с которых начиналось какое-нибудь слово. По техническим соображениям в Америке на единицу не начинался ни один номер. По историческим соображениям ноль всегда использовался для вызова телефонистки. Таким образом, любой американский номер мог начинаться на любую цифру, кроме 1 и 0. |
07 |
Мнемонические правила до середины 1960-х использовались в Лондоне и Париже. Американцы сначала использовали схему БББ-ЦЦЦЦ (три буквы четыре цифры). Таккак запас новых слов, начинающихся с нужных трех букв, подходил к концу, в 1930 году Нью-Йорк, а в 194748 годах и остальные города были переведены на схему ББЦ-ЦЦЦЦ. |
08 |
Номера писались (и произносились) так: |
09 |
1924 год. Номер телефона TREmont 3106 (873-3106) |
||
10 |
1948 год. Номер телефона HArrison 7-8723 (427-8723) |
11 |
1960 год. Фильм с Элизабет Тейлор BUtterfield 8 (288) |
12 |
У нас Всё, что было связано с телефоном (от аппаратов до станций), приходило в Россию с Запада. Международное телефонное общество Белла из Нью-Йорка в 1881 году заключило с Россией контракт на устройство и эксплуатацию телефонных сетей в Санкт-Петербурге, Москве, Варшаве, Одессе, Риге и Лодзи сроком на 20 лет. |
13 |
В России компания «Л. М. Эриксон и Ко.» открыла свою первую станцию в 1893 году в Киеве. В конце XIX века бывший владелец мастерской по ремонту телеграфныхаппаратов Ларс Магнус Эриксон имел в России самый большой рынок сбыта и хотел даже переехать в Петербург. Сегодня компания Ericsson в своем годовом отчете описывает этотак: «Уже в конце 1890-х Эриксон вел дела по всему миру, включая такие страны как Китай, Россия и Мексика». |
14 |
В 1900 году Эриксон построил свою первую зарубежную фабрику в Санкт-Петербурге. В 1927 году она была переименована в «Красную зарю» и начала выпускать первые советские телефонные аппараты. |
15 |
В Милютинском переулке в Москве находилась крупнейшая в Европе телефонная станция, которой владело Русско-датско-шведское акционерное общество (здание до сих пор используется в качестве телефонного узла). В 1917 году революционно настроенные массы в течение пяти дней осаждали засевших в здании юнкеров. Через пять дней ни одного юнкера не осталось, а из 60 тысяч номеров работало около 10 тысяч.В 1920 году Совнарком распорядился отобрать у частных лиц все телефонныеустановки номеров не хватало. |
16 |
Хозяйке |
Автоматический набор номера производился с телефонного аппарата, снабженного наборным диском. Предыдущие модели телефонов были с прямым выходом на телефонистку или с индуктором (той самой ручкой, которую надо крутить, чтобы позвонить в Смольный), который также соединял с телефонисткой. Телефоны с дисковым набором были редкостью и устанавливались только у важных лиц (200 номеров в Кремле и 20 номеров в научно-техническом отделе ВСНХ). Такие аппараты называли«вертушкой». Сегодня это слово осталось в языке как обозначение прямого правительственного телефона в кабинете у большого начальника, хотя в современных«вертушках» номеронабиратель либо кнопочный, либо его нет вовсе. |
17 |
Последнее, что могло волновать СССР в 20-е годы, создание системы мнемонических правил для запоминания телефонных номеров. В то время не были редкостью номератипа Б-ЦЦ-ЦЦ (буква четыре цифры). Позже появились АТС и с двухбуквенными индексами, но поскольку каждая буква проговаривалась отдельно, это создавало толькосложности при запоминании. Буквы рядом с цифрами в СССР использовались до 1968 года. |
18 |
1968 год. Листовка об отмене букв в московских телефонах (с сайта МГТС) |
||
19 |
1970 год. «Памятка абоненту городской телефонной сети», издательство «Связь» (из коллекции автора) |
20 |
Как звонили У первых телефонов номеронабирателя не было. В книге «Список абонентов Московскойтелефонной сети» за 1916 год первый пункт правил пользования телефоннымиаппаратами гласит: «Центральная станция вызывается простым снятием микротелефона с рычага. Дежурная на станции должна ответить, сообщая свой нумер. Затем абонент ясно и отчетливо сообщает нумер, с которым требуется соединение». |
21 |
На первых дисковых аппаратах были только цифры. В 20-е годы прошлого века рядом с цифрами появились буквы. |
22 |
В США на телефонном диске рядом с каждой цифрой (кроме единицы и нуля) находилось по три буквы алфавита. Буквы Q и Z не использовались из-за схожести с 0 и 2. |
23 |
Англичане размещали букву O на нуле всё равно выглядят одинаково. |
24 |
Шведы и немцы использовали по одной букве рядом с цифрой: A, B, C, D, E, F,G, H, J, K, занимая все десять цифр. Буква I не использовалась, так как ее легко спутать с единицей. |
25 |
В СССР на телефоне рядом с цифрами тоже было 10 букв: А, Б, В, Г, Д, Е, Ж,И, К, Л. Буква З не использовалась, потому что похожа на тройку. |
26 |
Как звонят Сегодня в России не производят телефонов с русскими буквами. Многие европейскиетелефоны выпускаются вообще без букв. Все американские телефоны рядом с цифрами содержат и буквы. |
27 |
Все без исключения современные мобильные телефоны содержат полный латинский алфавит (а некоторые модели русский). Тут возникает проблема с двумя способами использования букв. Первая модель американская. Если вы едете по дороге и видите на большом грузовике надпись How am I driving? Call 1-800-EAT-SHIT, это значит, что вам предлагают позвонить по телефону 1-800-328-7448. |
28 |
Но когда вы набираете SMS-сообщение, буквы работают в другом режиме недостаточно один раз нажать на кнопку, на которой изображена буква, нужно нажать несколько раз. |
29 |
Система набора по буквам хорошо знакома в США, так как запомнить слово проще, чем набор цифр, хотя набирать потом жутко неудобно. Европейцы, знакомые с SMS, вообще не могут понять, как работает американская система. |
30 |
В России пока только одна компания рискнула использовать подобный мнемонический прием для рекламы своего телефона это проект «Мегафон», рекламирующий в Москве номер 500-ALLO (500-25-56). Об успехе подобного хода автору ничего не известно. |
31 |
Типичный советский номеронабиратель домашнего телефона Типичный американский номеронабиратель городского телефона Номеронабиратель без букв Кнопки с буквами типичного офисного телефона |
32 |
Лирическое |
После изобретения тонового набора в 1961 году порядок расположения цифр на кнопочном телефоне обсуждался инженерами компании Bell. Рассматривалось несколько вариантов, среди которых расположение кнопок по кругу, как на дисковых аппаратах. Думали, что людям будет тяжело вот так раз! и перейти на совершенно новую систему. Однако исследования показали, что люди быстро привыкали к любому упорядоченному расположению клавиш. Поэтому было решено расположить кнопки тремя рядами по три цифры в последовательности, к которой люди уже привыкли то есть, чтобы ноль шел после девятки, как на дисковом номеронабирателе. Для счетной машины логичным является расположение нуля перед единицей. |
33 |
Как правильно писать телефонный номер |
34 |
Во Франции и в Великом Герцогстве Люксембург используют в качестве разделителя точки или пробелы (восьмизначные номера с кодом города): |
35 |
В Германии используют пробелы (реже дефисы): |
36 |
В Болгарии всегда записывают номер тремя группами по две цифры: |
37 |
Особняком стоят Италия и Голландия, где очень часто можно встретить номера телефоновбез каких-либо разделителей: XX XXXXXXX, 020-XXXXXXX вопиющее надругательство над человеком, пытающимся такой номер не то что запомнить, а всего лишь прочитать. Особенно не хватает разделительного знака в записной книжке мобильного телефона сходу разобрать десять слипшихся цифр нельзя. |
38 |
В Великобритании (у которой в плане технических стандартов очень много общего с США) пишут номера двумя группами цифр: |
39 |
Тут уместно напомнить, что в английском языке не принято большие числительные читать одним словом. Даже год при произношении разбивается на два отдельных числа:1998 по-английски читается как «девятнадцать девяносто восемь», а не «одна тысячадевятьсот девяносто восемь». Иногда числа произносят по одной цифре. |
40 |
На современный американский формат записи повлияли раннее развитие телефонизации,проблема появления длинных номеров и мнемонические правила. |
41 |
В России (и в СССР) все телефонные номера записывались согласно правилу: дефисом или пробелом отделяются пары цифр справа налево. Если в начале остались три цифры, разрешается записать их слитно. |
42 |
Пункт 3 правил, опубликованных в «Списке абонентов Московской телефонной сети» за 1916 год, гласит: |
43 |
«Нумера свыше сотни произносятся так: напр. 1.23 один двадцать три, 9.72 девять семьдесят два, 70.09 семьдесят нуль девять. Нумера свыше 10.000 произносятся отдельно каждая цифра сотни, например 1.20.48 один двадцать сорок восемь, 2.08.35 два нуль восемь тридцать пять, 3.35.29 три тридцать пять двадцать девять, 4.49.52 четыре сорок девять пятьдесят два, 5.15.86 пять пятнадцать восемьдесят шесть и т. д., а не сто двадцать сорок восемь, двести восемь тридцать пять и т. д.» |
44 |
Эти правила хорошо знают и военные связисты при произношении двузначных чисел вероятность ошибки принимающей (слушающей) стороны снижается. |
45 |
Формат записи телефонного номера для России, стран СНГ и Балтии такой: XXX-XX-XX.Многие бывшие советские республики переняли американский формат записи(XXX-XXXX), совершенно не учитывая культурных, исторических и семантических значений такого формата. В телефонных справочниках дефисы заменялись на пробелы(для экономии времени наборщиков): |
46 |
1916 год. «Список абонентов Московской телефонной сети» (из коллекции автора) |
||
47 |
1960 год. «Список абонентов Московской городской телефонной сети. Квартирные телефоны»(из коллекции автора) |
48 |
1975 год. «Список абонентов Московской городской телефонной сети. Телефоны организаций, учреждений и предприятий» (из коллекции автора) |
||
49 |
В СССР слова не прижились из первых 10 букв много слов не напридумаешь (а все 33 буквы алфавита расположить на диске в то время не представлялось разумным). В сочетании с очень сложными числительными формат записи группами по два знака был единственно удобным. |
50 |
Кроме отдельных случаев с удачным сочетанием цифр (типа 222-3-222) сегодня в Россиителефон должен писаться так: |
51 |
123-45-67 |
52 |
(123) 123-45-67 |
53 |
8 123 123-45-67 |
54 |
+7 123 123-45-67 |
Артемий Лебедев § 92. Будь готов!3 июля 2002 |
01 |
При разработке дизайна для атомной станции, авиакомпании, турагентства,таксомоторного парка и любого другого предприятия, связанного с повышенной опасностью, нужно учитывать возможные будущие события включая трагические. |
02 |
Пока трагедии не случилось, графическое решение, вызывающее чувство опасности, может служить поводом для иронии. Случившаяся трагедия повод для негативныхтрактовок post factum. Мы не будем подробно рассматривать случаи, когда, скажем, любое изображение Всемирного торгового центра в Нью-Йорке воспринимается не просто как два больших небоскреба. Совершенно не виноват дизайнер, придумавший строительной компании рекламу, которая появилась на обложке еженедельника «Обустройство& ремонт» за неделю до известных событий: |
03 |
«Только оригинальные планировки» |
Рекламно-информационный еженедельник «Обустройство& ремонт» № 34 (63) от 39 сентября 2001 г., издательский дом «Деловой мир» Группа компаний «Альта-D» |
|
04 |
Подобные совпадения интересуют тех, кто увлекается мистикой. Мы же поговорим о негативных образах, присутствующих независимо от конкретного происшествия(которое задним числом может повлиять на трактовку). |
05 |
1 января 2001 года компания Swiss Air Navigation Services Limited переименовалась в skyguide, объединила гражданские и военные авиадиспетчерские службы и создала новый логотип: |
Компания skyguide |
06 |
Два разминувшихся пунктира призваны изображать собой букву S |
||
07 |
Вряд ли можно придумать знак, лучше отображающий ситуацию, которую авиадиспетчер допускать не должен. |
Lenta.Ru: Команду на снижение Ту-154 получил за 50 секунд до катастрофы |
08 |
1 июля 2002 года в 23:36 по местному времени в небе над Германией произошло столкновение двух самолетов пассажирского Ту-154 М «Башкирских авиалиний» и грузового Boeing-757 компании DHL. Полет обоих самолетов проходил под контролем диспетчерской службы швейцарской компании skyguide. |
Туполев Ту-154 М Boeing 757 Компания DHL названа по первым буквам ее основателей Дэлси, Хиллблома и Линна |
09 |
Сайт «Башкирских авиалиний» встречает посетителя формой поиска рейсов. В каждом выпадающем списке по умолчанию стоит значение «не важно», что, на мой взгляд, является примером слишком вольного стиля для авиакомпании. Если в пункте «рейс» выбрать что-либо, нашему взору явится следующая картина: |
Компания «Башкирские авиалинии» |
10 |
|||
11 |
Если обломки самолета разбрасывает в радиусе 40 километров это и есть один из тех случаев, когда пункт прибытия не важен. |
12 |
На сайте авиакомпании «Уральские авиалинии» в начале 2001 года появился флеш-ролик, который я просто не мог не сохранить на память. Сценарий такой: на большой скорости сквозь перистые облака уносится вдаль самолет Ил-86. Несколько секунд спустя появляется надпись «Ваши мечты наши крылья». Еще через пару секунд из того места, где скрылся самолет, к надписи прилетает перышко. |
Компания «Уральские авиалинии» Виды облаков с описаниями |
13 |
|||
14 |
Очевидно, ассоциации с попаданием птицы в турбину заставили компанию поменять в этом году заставку на более нейтральную, лучше отражающую идею мягкого полета (хотяперышко заменили на перо). |
15 |
16 |
Еще один пример зубная паста из Краснодара: |
17 |
|||
18 |
Белка с ушами, похожими на рога улитки, символизирует крепость зубов, так как должна грызть орехи. В названии «Мойдодыр» заботливо выделены слова, из которых оно составлено, чтобы, не дай бог, кто-либо не прочел одним словом. |
19 |
Разумеется, никто не может угадать, что случится завтра. Когда в 1917 году в России напечатали 250-рублевую купюру с изображением двуглавого орла на фоне свастики, никто не предполагал, что к середине века это будет смотреться странно. |
20 |
Но дизайнер должен максимально избегать всего, что может быть неправильно истолковано. И для этого необязательно ждать, когда самолеты столкнутся. |
Артемий Лебедев § 93. Работаем над ошибками. URL errare humanum est5 июля 2002 |
01 |
Иногда вас ошибают адресом. Вы ищете в доме квартиру номер 58, а такой нет. Варианта два или ее никогда не было, или вы зашли не в тот дом. То же самое происходит и на вебе страницы или файла, которых вы искали, может не оказаться. |
02 |
|||
03 |
Интернет растет и перестраивается. Многих страниц, работавших год назад, сегодня уже нет. В этом можно легко убедиться, пойдя по ссылкам из какого-нибудь каталога. Ничего плохого в этом нет (телефонные номера тоже не всю жизнь принадлежат одному и тому же человеку). Во-первых, страница специально могла создаваться на небольшой срок. Во-вторых, ее могли просто убрать за ненадобностью. В-третьих, она могла переехать по другому адресу. Во всех этих случаях вы должны увидеть в окне браузера сообщение о том, что страница не найдена и найденной быть не собирается. |
04 |
Каждый раз, когда вы нажимаете на ссылку или набираете адрес руками, ваш браузер посылает запрос серверу. Они здороваются, браузер интересуется, как там дела. Серверотвечает все нормально, забирай свои манатки. Или просит сперва сказать волшебное слово. Или, наоборот, сообщает, что ничего отдавать не собирается. |
05 |
В целях экономии времени сервер каждый свой ответ выдает в виде номера (какв анекдоте о пронумерованных анекдотах). Эти номера называются кодами статуса.Существует пять групп этих кодов, они различаются по первой цифре: 1xx информация 2xx успешное действие 3xx переадресация 4xx ошибка на стороне клиента 5xx ошибка на стороне сервера |
06 |
Вторые две цифры (xx) обозначают порядковый номер кода. Скажем, когда вы запрашивали страницу с этим параграфом, ваш браузер сначала получил от сервера код 200, а потом только начал забирать сам документ. В четвертой группе код 401 означает, что пользователь должен авторизоваться (ввести логин и пароль). Код 402 означает, что запрашиваемый файл доступен только за деньги, но пока этот код не используется вообще. Код 403 сообщает о том, что доступ запрещен. А код 404 «не найдено». |
Коды статуса HTTP 0.9 (документ для историков) Коды статуса HTTP 1.1 (финальная версия) |
07 |
Коды статуса были утверждены в 1992 году в рамках спецификации протокола HTTP0.9 консорциумом W3C. Автором является тот же мужик, который придумал веб, первый браузер и язык HTML Тим Бернерс-Ли. За основу была принята система кодов статуса, использовавшаяся с начала 80-х в протоколе FTP. |
Домашняя страница Тима Бернерса-Ли Официальная спецификация FTP |
08 |
Теперь, когда мы узнали, что число 404 взято не с потолка, можем перейти к вопросам извлечения выгоды из ситуации, когда документ не найден. |
09 |
Хорошим тоном в организации сайта является не только внятное содержание главной страницы, но и помощь пользователю в понимании того, на каком свете он находится. Нас интересует конкретный случай пользователь запросил документ, которого на сайте по какой-то причине нет. Такая ситуация возможна, если он набирал адрес руками и ошибся или если использовал ссылку на адрес, по которому ничего нет. |
10 |
В окне браузера появится такая надпись: 404 Not Found |
11 |
Грех не воспользоваться моментом и не помочь заблудившемуся посетителю. Многие создатели сайтов вместо этой надписи вешают на страницу рекламу, кучу зазывающих картинок и тонны прочей информации, которой пользователь совершенно не ожидал. Это плохо. |
12 |
Скорость появления страницы в первую очередь зависит от ее объема в килобайтах. Поэтому на странице 404 желательно избегать размещения: рекламы; больших объемов текста; графики (кроме логотипа). |
13 |
Кроме того, несуществующую страницу нельзя позволять спутать с обычной. Поэтому на странице с ошибкой не должно быть: меню основного сайта; верстки типовой страницы; цвета типовой страницы. |
14 |
Чем скорее пользователь поймет, что попал не туда, куда собирался, тем лучше. |
15 |
Начать нужно с заголовка окна. Пока еще ничего не загрузилось, по одному толькозаголовку с надписью «страница не найдена» уже можно понять, что в адресе ошибка. Если пользователь набирал адрес руками и опечатался, он тут же нажмет на кнопку «стоп» и исправит адрес. Если он пошел по указанной где-либо неправильной ссылке, он может дождаться загрузки 404-й страницы и сориентироваться на месте. |
16 |
Чтобы помочь посетителю разобраться, на странице ошибки должна кратко быть представлена информация о том, что: неправильно набран адрес; такой страницы никогда не было на этом сайте; такая страница была, но по этому адресу ее больше нет. |
17 |
Последний пункт может предлагать опытным пользователям сообщить об ошибке администратору сайта. Кроме того, на странице обязательно должны быть ссылки на карту сайта (если есть) и на поиск (если есть). |
18 |
Желательно, чтобы страница 404 использовала все доступные визуальные средства для сообщения о том, что это не часть сайта, а тупик. Надпись в заголовке, другой фон страницы, отсутствие графики, черно-белый логотип вместо цветного, краткие инструкции по дальнейшим действиям так должна выглядеть идеальная 404-я страница, которая поможет пользователю как можно быстрее найти то, за чем он на сайт пришел. |
19 |
Презентационные сайты часто дают возможность немного отойти от сухого информационного стиля. Скажем, на 404-й странице сайта автомобильного производителя «ИЖ-авто» логотип нарисован с обратной стороны, а ниже висит фотография, снятая в одном из цехов завода «Ижмаш»: |
20 |
www.izh-auto.ru/404 |
||
21 |
Правильно сделана 404-я страница у MSN.com и совершенно чудовищно у MSNBC.com: |
22 |
http://www.msn.com/404 http://www.msnbc.com/404 |
||
23 |
Кстати, автомобиль Peugeot 404 (выпущенный в 1957 году) в свое время иллюстрировал страницу ошибки на международном сайте компании «Пежо». |
24 |
Наконец, самое важное, что должен учесть создатель сайта, это сохранение ошибочного адреса в адресной (извините за тавтологию) строке. Когда сервер перебрасывает пользователя на заранее подготовленную страницу со своим отдельным адресом (типаwww.***.ru/error/), не забудьте высказать свое «фи» администратору ресурса. Когда пользователь ошибся одной буквой и хочет исправиться, ему такая возможность должна быть предоставлена незамедлительно (чтобы не набирать адрес заново). |
25 |
Если вы хотите узнать, существует ли на сайте страница 404, воспользуйтесь нашим специальным инструментом. Введите адрес любого сайта и нажмите Enter: |
26 |
|
Примеры запросов: http://www.nestle.ua http://www.design.ru http://www.16let.ru/ |
Артемий Лебедев § 94. Дримскамтру10 июля 2002 |
01 |
Возьмем такую простую вещь как придумывание названия для нового продукта или услуги. Можно присвоить компании или товару имя или фамилию. Так поступили Бош,Сименс, Мерседес, Шик, Макс Фактор, Долби, Хьюлетт с Паккардом, Пининфарина, Буре, Белл, Эриксон, Шанель, Микоян с Гуревичем и ряд других товарищей. |
02 |
Можно взять какую-нибудь окрестную достопримечательность или просто название своего города, что хорошо видно в таких названиях как «Нокиа», «Адоб», палех, гжель, одеколон, джинсы, «Жигули» и т. п. |
03 |
Можно выбрать слово, единственной ценностью которого будет отсутствие чего-либо похожего в любом из языков мира Kodak или ABBYY. |
Компания ABBYY подобрала себе название с таким набором букв, который ни в одном другом слове невозможен. И в интернете легко искать |
04 |
Можно выписать на листочек свое имя, место рождения, название пролетавшей мимо кометы неважно и соорудить аббревиатуру, точное значение которой никому не будет известно на второй день: ИКЕА, ЮКОС, сельпо, кирза, СААБ, ФИАТ и так далее. |
Sokr.ru самый полный словарь сокращений русского языка |
05 |
Что общего между всеми вышеперечисленными названиями? То, что никто из их авторов не проводил фокус-групп и не подвергал лабораторным исследованиям влияние ударов молоточка по барабану в барабанных перепонках слушателей. Как назвали, так и назвали. Если бы работающий прием существовал, все бы только им и пользовались. |
Леонид Каганов, рассказ «Масло» |
06 |
Поскольку в мире не существует универсальных способов продажи чего-либо (илидоходчивого информирования о чем-либо) с помощью дизайнерских, маркетинговых или рекламных приемов, каждый раз Заказчик (с одной стороны) и Исполнитель (с другой) договариваются о том, в чем никто из них не уверен. |
07 |
Мистицизм и суеверие владеют умом Заказчика. Как только появится нечто, точныймеханизм действия чего будет не очень понятен, Заказчик отреагирует положительным рефлексом, как тренированная павловская собачка. Непонятно? Беру. |
08 |
Есть такая компьютерная психолингвистическая система ВААЛ. Она используется специалистами для анализа текстов на русском языке. Можно загрузить в программу всю вашу базу данных из газет за последний год и посмотреть, как в народе меняется отношение к вашему майонезу и не пора ли начать добавлять в сосиски мясо. Серьезныйинструмент для серьезных аналитиков, политтехнологов и экономистов. |
Проект ВААЛ |
09 |
С той же торговой маркой распространяется бесплатный продукт под названием «ВААЛ-мини». Эта детская игрушка по сложности использования и результативности сравнима с полевой ромашкой, используемой в двоичном гадании: любит не любит. |
«ВААЛ-мини» |
10 |
Рассмотрим результаты фоносемантического тестирования двух слов. |
11 |
12 |
13 |
Слово «дохляк» оказалось мужественным и храбрым, а слово «сила» хилым и трусливым. О чем нам говорят эти результаты? Да ни о чем. Но в отделах маркетинга самых разных компаний по всей стране сотни высокооплачиваемых специалистов с фоносемантической ромашкой в руке узнают судьбу нерожденного бренда. Надо же на кого-то свалить ответственность, в данном случае на продукт высоких технологий,результат многих лет лингвистических исследований, труд ученых, компьютерную программу, в общем, много полезных ключевых слов для отчета. |
14 |
Кстати, само слово ВААЛ просто срывает джекпот в данной программе, получая максимум положительных оценок за все самые приятные качества. Это лишний раз позволяет отделу маркетинга думать, что есть такие бренды, которые магическим образом повлияют на подсознание потребителя, вызвав у него неосознанную любовь к компании. |
15 |
И Заказчик, и Исполнитель обычно пытаются свалить ответственность на провидение, которое является то в виде фокус-групп, то в виде особых шарлатанов с формулами вычисления успешности бренда, то в виде участкового астролога. |
16 |
Нельзя сделать революцию, спрашивая мнение фокус-группы. |
17 |
Потребитель в договоре не указан, но ради него все и делается. В конечном счете, Заказчик в гробу видал и Исполнителя, и Потребителя, но жить-то как-то надо. Приходится работать с Исполнителем, чтобы заманить Потребителя. |
18 |
Потребитель знает или догадывается, что существуют Суперзаказчики. Он также знает, что бывают супертехнологии для заманивания потребителей вообще. Обычно к такимтехнологиям относятся умеренно-отрицательно, но когда доходит до дела восторженно-положительно. |
19 |
Возьмем, к примеру, «эффект 25-го кадра». В середине 1950-х в открытом кинотеатре города Форт Ли (штат Нью-Джерси, США) молодой человек по имени Джеймс Вайкери(James Vicary) провел эксперимент над зрителями с использованием популярного у психологов инструмента тахистоскопа. В течение 1/3000 секунды на экран выводились сообщения «Голоден? Ешь попкорн» и «Пей кока-колу». По утверждению Вайкери, продажи попкорна увеличились на 57,8%, а продажи колы на 18%. |
Big Secrets, William Poundstone, Quill, NY, 1983 Тахистоскоп («Психологический словарь») |
20 |
Эти заявления вызвали бурю протеста у общественности, которой совершенно не понравилось чувствовать себя в роли подопытных кроликов в таком результативном эксперименте. Сам Вайкери позже признался, что он все придумал. Увеличение продаж можно объяснить чем угодно от сезонного спроса до активности продавцов, которых подготовили к тому, что сейчас все зрители у них будут затариваться. |
Advertising industry sees hidden-message ads as fiction (CNN) |
21 |
С тех пор никто не смог поставить научного эксперимента, который бы подтвердил, что с помощью каких-либо быстропоказанных надписей на экране можно кого-либо к чему-либо подвигнуть. Результаты психологических исследований показывают, что человек в принципе может воспринять информацию не быстрее, чем за 1/100 секунды. То естьв 30 раз медленнее того, что послужило поводом для живучего мифа. |
Виктор Лаврус, Слухи о 25-м кадре подсознательно преувеличены |
22 |
Надо заметить, что словосочетание «эффект 25-го кадра» используется только у нас. На Западе такого не знают, там это называется «воздействием на подсознание». В кинотеатре никто не будет подкручивать проектор, чтобы он показывал на один кадр в секунду больше, чем обычно. В любую видеозапись можно вставить периодически повторяющийся кадр, но на экране телевизора или монитора его не заметит толькослепой. Уверенность в эффективности магической 1/25 секунды очень сильно забита в головы людей. А некоторые считают, что если секретный рекламный кадр будет длиться 1/24 или 1/26 секунды, то эффекта не будет. |
23 |
Способствует популярности «25-го кадра» и российский закон о рекламе, пункт 9 статьи 5 которой («Cкpытaя рeклaмa») гласит: Не допускаются использование в радио-, теле-, видео-, аудио- и кинопродукции или в другой продукции и распространение скрытой рекламы, то есть рекламы, которая оказывает не осознаваемое потребителями рекламы воздействие на их сознание, в том числе такое воздействие путем использования специальных видеовставок (двойной звукозаписи) и иными способами. |
Федеральный закон о рекламе (от 13.03.2006) |
24 |
Чем больше люди будут верить в мифы, тем больше подобного фольклора им будет подсовывать государство. Люди хотят верить, что бык реагирует на красный цвет и что страус прячет голову в песок. Хотят верить, что ошибка 2000 года серьезная проблема, что переход на летнее время экономит электроэнергию, что озоновая дыра существует, виды вымирают, а в мире происходит глобальное потепление. Чем проще и глупее выдвигается тезис, тем больше у него шансов завоевать всенародное доверие. |
Екатеринбургская телекомпания зомбировала своих зрителей (Lenta.ru) А можно и так себя обманывать: |
25 |
Но нам-то зачем в этом участвовать? Зачем название должна одобрить какая-то программа? Почему логотип должен понравиться в фокус-группе случайной домохозяйке, которой вы бы ничего в жизни не доверили? |
26 |
Для чего смотреть рекламу в течение доли секунды? Можно просто установить рекламный щит, и смотреть на него целую минуту. |
Артемий Лебедев § 95. Заявка на дизайн1 ноября 2002 |
01 |
Как появляется на свет хороший дизайн? Либо случайно, либо намеренно. Поскольку природа случайного не очень волнует читателей «Ководства», поговорим сегодня о том, как создавать хороший дизайн осознанно. |
02 |
Для начала нам потребуется голова. Ее основная задача думать. Самый простой способ заставить голову думать предложить ей задачу. Если к дизайнеру пришел заказчик со словами «мне нужен логотип», или «мне нужна иллюстрация на полосу», или «мненужен телевизор», то все просто постановка задачи наполовину решает саму задачу.Остается взять да и сделать (разумеется, при условии, что голова изначально не пустая). |
03 |
Гораздо сложнее придумать задачу самому. Но так как для дизайнера не должно быть ничего невозможного, придумывание задачи нужно просто сделать задачей. И проблема исчезнет. |
04 |
Один из самых эффективных и плодотворных способов придумывать хороший дизайн это анализ своих или чужих ошибок. Изучение «удачного» дизайна не дает никакой возможности понять, как в будущем не сделать ошибок. А то, что сегодня считается удачным, может быть одной большой ошибкой. |
См. также: Henry Petroski, Design Paradigms: Case Histories of Error and Judgment in Engineering |
05 |
Если же начать с изучения ошибок, то в будущем можно как минимум научиться их избегать. Именно поэтому опасно приводить в качестве примера «хорошее»: большинство дизайнеров готово сразу же начать тиражировать все, что им привели в качестве образца. Заложенные в «хорошем» образце ошибки начнут плодиться в бешеном количестве, и мы получим то, что сегодня нас окружает слепое копирование одних и тех же приемов, не сопровождаемое проблесками самостоятельных мыслей в процессе воспроизведения. |
06 |
Вернемся теперь к способам получения хорошего дизайна. Внимательный взгляд увидит вокруг бесконечное количество призывов о помощи. Это заявки на дизайн. В одних случаях достаточно небольших усилий, чтобы удовлетворить такую заявку, в других нужно несколько лет на поиск решения. |
07 |
Жизнь заявки на дизайн состоит из четырех этапов. Первый этап возникновение ситуации, требующей дизайнерского решения. Второй этап осознание проблемы обычными людьми. Третий этап попытка решить проблему подручными средствами, до прихода дизайнера. Четвертый этап собственно дизайнерское решение. Разумеется, после четвертого этапа все начнется заново это называется прогресс. |
08 |
Итак, первый этап (возникновение ситуации, требующей дизайнерского решения). Перед вами место для курения в коридоре Центра управления полетами (ЦУП) в городе Королёве: |
09 |
ЦУП, г. Королёв, 2002 |
||
10 |
Второй этап осознание проблемы обычными людьми. В случае с цуповской курилкой это могло бы быть объявление «Убедительная просьба не тушите бычки об стены!». Воттипичный пример второго этапа из жизни заявки на дизайн: |
11 |
Общежитие гостиничного типа «Визит», г. Комсомольск-на-Амуре, 2002 |
||
12 |
Вот еще два примера второго этапа. Попытайтесь угадать, что заставило людей написать подобные объявления. |
13 |
Холл здания, где находится радиостанция «Европа Плюс», г. Комсомольск-на-Амуре, 2002 |
||
14 |
Уборная галереи «Метаморфоза», г. Комсомольск-на-Амуре, 2002 |
15 |
Третий этап попытка решить проблему подручными средствами, до прихода дизайнера. Вот, например, металлический крюк. Он придерживает стульчак, который самостоятельно в вертикальном положении не держится: |
16 |
Уборная театра «КнАМ», г. Комсомольск-на-Амуре, 2002 |
||
17 |
Еще один пример третьего этапа. Перед вами крышка унитаза, которая держится вертикально при помощи металлических пластин и магнита на стене. Данное решение не устраняет проблему вечно-горизонтального стульчака, хотя, возможно, идеально подходит для женского общежития. |
18 |
Уборная дизайнера М., г. Москва, 2002 |
|||
19 |
Четвертым этапом дизайнерским решением в случае со стульчаками была бы такая модель унитаза, которая оставляла бы простор перед бачком, достаточный для того, чтобы просто поднять и удерживать в вертикальном положении и крышку, и стульчак. Но можно пойти и дальше, как поступили дизайнеры британской фирмы Twyford. Они придумали суперунитаз, который определяет пол по голосу пользователя и превращается, если есть нужда, в писсуар. Удобно будет всем (наверное): |
Компания Twyford Sanitary vision of the future, Chennai Online Артемий Лебедев, «Толчок прогресса». «Еженедельный журнал», № 44 |
20 |
Twyford, модель VIP (versatile interactive pan) |
||
21 |
Следующая фотография наглядно демонстрирует результаты четвертого этапа заявки на дизайн. Это уличный указатель в Москве, задача которого информировать и показывать направление. Дизайнеры с навигационной задачей не справились (угадайте, как пройти к авиакассам, например). |
22 |
Угол Газетного переулка и Тверской улицы, Москва, 2002 |
||
23 |
А вот берлинский указатель. Здесь дизайнеры попытались не повторять ошибок московских коллег, но с задачей справились не блестяще. Некоторые жители Берлина умеют расшифровывать разную длину стрелок, но у обычного человека взгляд и мысли начинают разбегаться врассыпную, почти как на изображении: |
24 |
Вильгельмштрассе, Берлин, 2002 |
||
25 |
После выполнения четвертого этапа заявка на дизайн часто возникает снова. В этом случае дизайнеры, как правило, начинают решать проблему сразу с четвертого этапа, что совершенно неверно. Необходимо вернуться к первому этапу, даже если его признаков нигде уже нет. Это называется «изучить историю вопроса». Только таким способом можно избежать повторения ошибок, сделанных другими. |
26 |
А чтобы видеть ошибки, надо просто смотреть. |
Артемий Лебедев § 96. Большая маркетологическая глупость2 декабря 2002 |
01 |
Стремление идти «проверенным путем» рождает уродцев без души и смысла. Без эксперимента и смелости нельзя добиться нового и интересного. Крупные компании набирают штаты маркетологов, большая часть которых с рождения боится думать.Современный маркетинг машина по убийству идей. |
02 |
БСЭ определяет маркетинг как «одну из систем управления капиталистическим предприятием, предполагающую тщательный учёт процессов, происходящих на рынке, для принятия хозяйственных решений». На практике же достаточно посмотреть на круг служебных обязанностей маркетолога, чтобы убедиться в том, что в «принятие хозяйственных решений» попадает и ответственность за «креатив». А это уже совсем плохо формализуемая область деятельности полет творческой мысли не подлежит обязательной сертификации. И сегодня достаточно называться маркетологом, чтобы говорить дизайнеру: «Черный цвет мрачный». Или: «От красного цвета повышается кровяное давление». Или еще какую-нибудь чушь, состоящую из безграмотных журналистских «открытий» и бытовых предрассудков. |
03 |
Маркетолог (как всякая поставленная на конвейер специальность) сегодня готовится к жизни по принципу инфузории перед ним ставится задача выполнять какую-нибудь одноклеточную функцию. Как правило, эта функция заключается в том, что маркетологу необходимо применять минимальный набор знаний и правил для выживания. |
04 |
Хозяйке |
Инфузории (Infusoria), или наливочные животные класс простейших, снабженных или жгутиками, или ресничками, служащими для движения. Одноклеточные организмы, более или менее постоянной формы, с ротовым и иногда анальным отверстием; пища из ротового отверстия проталкивается прямо во внутреннюю плазму (эндоплазма), где и происходит усвоение. Для выделения продуктов обмена веществ из тела И. служат так наз. сократительные вакуоли. Тело И. сокращается благодаря присутствию в наружном слое сократительных участков плазмы (так наз. мионем). Размножаются делением, которому иногда предшествует акт слияния 2 особей (конъюгация); последний процесс наступает только тогда, когда после ряда делений обнаруживаются признаки измельчания вырождения особей; таким образом, конъюгация является процессом обновления или омоложения И. При неблагоприятных условиях И. превращаются в цисту (при наступлении засухи, холода) и в такомвиде распространяются воздушными течениями. Живут И. в пресных и соленых водах (редкопаразитически в кишечнике и друг. органах некот. беспозвоночных, млекопитающих и человека). Питаются бактериями, а некоторые ведут хищнический образ жизни, то есть пожирают более мелких И. В систематическом отношении И. делят на 3 отряда: 1) жгутиковые И. или биченосцы (Flagellata), 2) ресничные (Ciliata), 3) сосущие (Suctoria). Малый энциклопедический словарь Брокгауза и Ефрона |
05 |
Основа выживания современного маркетолога страховка. Главная задача снять ответственность за принимаемое решение, прикрывшись, скажем, результатами исследований фокус-групп. Или применить какую-нибудь псевдонаучную методику Джоэля-Кентиггена, показывающую коэффициент увеличения лояльности к ювелирному бренду в результате ковыряния топ-моделью зубочисткой в ухе с бриллиантом. |
06 |
Подарок для маркетолога присланная из главного офиса концепция. В этом случае ничего делать не надо, индульгенция получена. Однако именно в таких случаях и случается большая маркетологическая глупость БМГ. |
07 |
Отличный пример БМГ реклама компании Intel в России, прошедшая во всех крупных печатных изданиях и по телевидению. В Америке была запущена кампания «Yes.». Чтобы представительства на местах не устраивали самодеятельности, макет был прислан с Запада, и образ символизирующего микропроцессорные супертехнологии синего кружка со словом Yes должен был остаться неизменным. Однако слово Yes не русское, а буквыY и S вообще отсутствуют в современном русском алфавите. Чтобы разрешить это недоразумение, в композицию была добавлена звездочка-сноска. Внимательный читатель, разглядывающий рекламу в журнале или газете, увидел бы сбоку много-много мелкого-мелкого текста про зарегистрированность торговых марок корпорации Intel, а в самом конце шла собственно сноска: «*Да». |
В Америке: В России: |
08 |
Это был перевод слова Yes для той части публики, которая в переводе нуждалась. Однаков данном случае мы имеем дело не просто с корпоративной глупостью. Звездочка совершенно зачеркивает все ценности графического образа и сводит на нет идеологическую основу акции. Жирный шрифт был выбран именно для подкрепления уверенности в сказанном, а точка в конце вообще не должна оставлять сомнений в непоколебимости утверждения. Семантически, сноска у слова «да» превращает его в «может быть» или «да, но не совсем». Не говоря уже о том, что в результате образуется двоеточие знак, обозначающий наличие последующей расшифровки, чего в оригинале не предусмотрено (да, и никаких «но»). |
09 |
Большая часть маркетологов вообще не помнит, что «маркетинг» происходит от словаmarket, то есть «рынок». Это и не нужно достаточно иметь под рукой пару умных фраз для прикрытия любых действий. Любой учебник по маркетингу (или по рекламе) долго расписывает научный подход, но на последней странице мелко будет написано, что на самом деле не вредно иметь мозги и быть удачливым. Это и есть та самая лазейка, которая позволяет положить на все правила и формулы. |
10 |
Никто не знает, как заработать миллион или произвести популярный кетчуп. Но каждый, у кого получилось, знает, что это произошло не по-научному в результате везения и применения мозгов. |
Артемий Лебедев § 97. Тире, минус и дефис, или Черты русской типографики15 января 2003 |
01 |
Для многих дизайнеров станет открытием тот факт, что в русской типографской традиции существует три типа горизонтальных черточек: дефис, знак минуса и тире. |
02 |
Подавляющее большинство современной печатной продукции делается дизайнерами, которым известен только один знак: дефис. Получилось так потому, что на клавиатуре персонального компьютера только он доступен без дополнительных усилий. |
03 |
Дефис, минус и тире отличаются друг от друга, в первую очередь, областью применения, а во вторую длиной. |
04 |
Дефис: Минус: Тире: |
Приведены примеры из гарнитуры Таймс. В любых шрифтах, кроме моноширинных, разница между знаками должна быть такая же. |
05 |
Дефис пришел в русский язык в период заимствования немецкой типографской терминологии. Немецкое Divis идет от латинского divisio деление, разделение, расчленение. Употребляется в словах и словосочетаниях русского языка: для присоединения частиц (кто-либо, где-то); для присоединения префиксов (во-первых, по-русски); для разделения сложных слов (физико-математический, иссиня-черный); в качестве знака сокращения (физ-ра); в словосочетаниях (бизнес-ланч, интернет-кафе); в качестве знака переноса (в интернете сегодня практически не встре- |
06 |
Дефис в хороших шрифтах выровнен по высоте строчных знаков, так как среди прописных встречается крайне редко (ср. „Ё-МОЁ“ и „ё-моё“). |
07 |
Минус происходит от латинского minus (minor) менее, меньше (меньший). Насколько известно автору, слово входит во все языки, а символ, используемый в качестве знака вычитания, к концу XX века во всех странах выглядит одинаково. |
08 |
Минус и дефис не являются, вопреки распространенному мнению, одним и тем же знаком. |
09 |
Минус должен быть такой же ширины, как и знак плюс (и все цифры в любом шрифте всегда делаются моноширинными, иначе наборщики померли бы подгонять их в таблицах). Особенно хорошо это заметно в знаке «плюс-минус» (и «минус-плюс»). |
10 |
К сожалению, во многих современных компьютерных шрифтах знак минуса вообще отсутствует. Я склонен считать это неграмотным, хотя авторы шрифтов могут возразить, сказав, что не рассчитывали на использование шрифта для набора формул. |
11 |
Знак минуса в хороших шрифтах выровнен по высоте прописных знаков (каковыми являются цифры) и употребляется в математических формулах. |
12 |
Тире (tiret, от tirer тянуть) пришло в русский в период заимствования французской типографской терминологии. Употребляется: для обозначения пауз (А она возьми да и поставь знак полустрогого покомпонентного соответствия, дура!); для выделения прямой речи ( Да. Я согласна прожить с тобой под знаком ордериоморфизма до конца жизни, отчеканила Селезнёва). И еще в пятидесяти случаях (см. Дитмара Эльяшевича), когда тире слева и справа отбивается пробелами. |
13 |
В качестве интервала значений или диапазона (В 20022003 годах дизайнеры узнали, чем тире отличается от дефиса и минуса) тире пробелами не отбивается (см. Аркадия Эммануиловича). |
14 |
Тире обычно изготавливается шрифтовиками шириной с букву M (и называется на английском, соответственно, em dash). |
15 |
Иллюстрация показывает разницу между тире, минусом и дефисом. Обратите внимание: знак минуса занимает по ширине столько же места, сколько и любая цифра: |
16 |
В примерах используется гарнитура Таймс. Продолжая перечень сожалений, хочется отметить как явно ошибочную тенденцию авторов шрифтов делать знаки математических операций чуть шире, чем цифры (при этом размер горизонтальных штрихов одинаковый во всех этих знаках). Как происходит сейчас и как должно быть: |
17 |
А еще в некоторых шрифтах можно обнаружить знак подчеркивания. Этот знак впервые появился на пишущих машинках в качестве самого дешевого способа делать горизонтальные линейки. Так вот, знака подчеркивания вообще не существует в типографике, есть просто линия, которую рисуют нужного размера, формы и цвета. |
Артемий Лебедев § 98. Здравствуйте, с вами говорит робот18 января 2003 |
01 |
Язык, по меткому определению Даля, является «совокупностью всех слов народа и верным их сочетаньем, для передачи мыслей своих». |
Еще у Даля: «язык мясистый снаряд во рту, служащий для подкладки зубам пищи» |
02 |
Компьютер позволяет быстро-быстро создавать много-много одинакового. Чтобы вносить разнообразие, требуется специальный человек с мозгом, но его, как правило, не приглашают. Хотя человек умеет верно сочетать слова для передачи мыслей, а компьютеру все равно. |
03 |
С помощью компьютера человечество нанесло мощнейший удар по самому себе, практически лишив себя, помимо радостей хорошего дизайна и изысканного набора, радости человеческого отношения. |
04 |
Мало кто может устоять перед легкостью, с которой компьютер тиражирует один шаблон. Именно поэтому на праздники автор пачками получает такие поздравления: |
05 |
06 |
Ну казалось бы если имя и фамилия уже есть в базе данных, почему бы не добавить графу «пол» и не печатать сразу нужный текст? Зачем выделять имя таким образом, как будто оно вписано в казенную открытку, хотя весь текст печатается на принтере? Зачем заставлять адресата мысленно подчеркивать нужное (особенно если она как раз та самая«ая» в оскорбительных скобках)? |
07 |
А вот еще пример роботизации. Практически на всех сайтах, где есть раздел «новости», сначала идет краткий текст самой новости (или заголовок), после которого стоит ссылка«подробнее». Это бедное, замученное слово используется так часто вовсе не потому, что оно отвечает поставленной задаче дать ссылку на развернутое содержание. Оноставится потому, что его не надо менять сработает в любом случае. Вместо того чтобы посадить редактора, который давал бы ссылку с осмысленной части сообщения, создателям сайтов проще отделаться словом «подробнее», которое не требует никакого внимания и подставляется автоматом: |
08 |
09 |
Или вот прекрасный пример работы робота, который просто ставит многоточие после определенного количества знаков: |
10 |
11 |
Лирическое |
Очень повезло тем, кому приходится иметь дело с английским языком. В отличие от русского, в английском практически отсутствует флексия (изменяемая часть слова). Почти вся электронная техника создается людьми, которые думают на английском, поэтому проблемы языка с развитой морфологией никого не волнуют. До сих пор не существует простого и легкого способа автоматически склонять русские слова, чтобы в результате можно было строить фразы на русском, годные к употреблению. Поэтому в заголовках сайтов повсеместно пишут конструкции типа: «Компания N: Новости», вместо того, чтобы написать: «Новости компании N». Первый случай не требует никаких усилий блоки стыкуются роботом, во втором случае живой человек должен склонять слова. Сейчас уже поздновато, но рискну предположить, что люди, думающие на русском языке, не могли бы создать персональный компьютер. Пришлось бы думать цифрами, а не словами, и все равно вышел бы ракетный комплекс, а не прибор для дома и офиса. |
12 |
Компьютер прекрасный прикладной инструмент. Если потратить немного человеческого времени, можно заставить его общаться с другими людьми на более или менее человеческом языке. |
13 |
14 |
Отвратительно, когда с тобой разговаривает робот. Но еще хуже, когда живые люди вместо нормального языка начинают думать и говорить на языке машин. |
15 |
16 |
Чем можно объяснить приветствие в электронной почте, начинающееся словами: «Доброевремя суток»? Когда люди начинают думать как роботы, роботы в результате работают еще хуже. |
17 |
Ситуацию надо менять. До начала изменения ситуации осталось секунд: 1. |
Артемий Лебедев § 99. Законы дизайна26 января 2003 |
01 |
А в дизайне законов нет. Не было и не будет. |
02 |
Есть рекомендации, советы, перечни пунктов житейского опыта. Есть «10 главных ошибок» и «7 золотых правил». А законов нет. |
03 |
Если бы дизайн был наукой (а дизайн это такая же наука, как шахматы спорт), можно было бы порассуждать, что бывает вот только так и никак иначе. Но дизайн, как всякий вид творчества, искусства, креативности (прости оспади), как всякий способ одних людей общаться с другими, как язык, как мысль обойдет любые законы. |
04 |
Поэтому есть смысл говорить об ограничениях, которые применяются в том или ином случае. Индустрия алкогольных напитков ограничивает изображение спившихся бомжей под скамейками. Операторы сотовой связи не рекламируют восторги пользователей от надписи Network Busy на экране мобильного телефона. Но каждая из этих индустрий может использовать для себя то, что не подходит другой: а) сидят они в баре, у него Network Busy, и он на радостях закладывает за воротник, б) бомжи лежат под скамейками и болтают по дешевому тарифу. |
05 |
Не составляет никакого труда взять любое правило и показать, что им можно со спокойной совестью пренебречь. Например, принято считать, что в оформлении полосы лучше использовать один шрифт. Но это не верно. |
06 |
Можно с уверенностью сказать, что даже если и использовать один шрифт, то на полосе не обойтись без нескольких его начертаний. Ничего нет плохого и в соседстве двух, трех, четырех шрифтов. Начинающие дизайнеры часто используют шрифтовое разнообразие, чтобы компенсировать собственный дефицит выразительных средств. Но отменять дизайн только по признакам наличия нескольких шрифтов на полосе бездушный формализм. |
07 |
Если на полосе набраны образцы тридцати пяти начертаний двенадцати гарнитур, это смотрится очень красиво: |
08 |
Ефимов В. В. Фотонаборные шрифты: Каталог-справочник. Вып. 2. М.: Книга, 1985 |
||
09 |
Если те же шрифты одновременно использовать в наборе обычной журнальной статьи, это будет выглядеть чудовищно. Или не будет смотря что за журнал и что за статья. На каждое хитрое правило найдется исключение с винтом. |
10 |
Вот краткий перечень приходящих в голову «законов», которые автору «Ководства» постоянно приходится слышать как от дизайнеров, так и от заказчиков: шрифты с засечками читаются легче, чем гротески (шрифты без засечек); цветовая гамма должна состоять из одного-двух цветов; существуют несочетаемые комбинации цветов; черный цвет имеет негативный (похоронный, мрачный) подтекст; белый текст на черном фоне читается плохо (и вообще выворотка плохо читается); нельзя использовать стандартные фильтры программы Photoshop; на полосе (коробке, плакате) не должно быть больше семи значимых объектов, так как человек не в состоянии одновременно держать в голове более семи чего-либо; логотип на полосе должен располагаться справа внизу (слева вверху и т. д.); логотип должен быть простой и лаконичной формы; дизайн должен быть простым, а текст коротким; надписи на плакатах, упаковках, рекламах должны быть такими, чтобы человек успел их прочесть за одну (две, три) секунды; нельзя использовать изображения рукопожатия и земного шара, цвета российского флага; иллюстрации для печати должны быть с разрешением 300 точек на дюйм, а картинки из интернета вообще нельзя печатать в журнале; фреймы на сайте это плохо; горизонтальная прокрутка окна недопустима; женщины, дети, кисулечки и т. д. являются положительными образами. |
11 |
Дело даже не в том, что на каждое подобное утверждение есть тысячи примеров, доказывающих обратное. Дело в том, что все эти утверждения вообще не имеют права на существование в качестве общих правил. Они верны лишь иногда. |
12 |
От знания таких «законов» страдают дизайнеры и заказчики. Страдают потому, что используют ограничения, которые пригодны в определенных ситуациях, но ни в коем случае не являются универсальными. |
13 |
А в дизайне законов нет. Не было и не будет. |
Артемий Лебедев § 100. Без слов7 августа 2003 |
01 |
02 |
03 |
04 |
05 |
06 |
07 |
08 |
09 |
10 |
11 |
Артемий Лебедев § 101. Перспектива и вертикальные линии16 августа 2003 |
01 |
Слово перспектива происходит от латинского perspicio просматриваю, смотрю сквозь. |
02 |
Перспектива изобретена человеком и является одним из художественных приемов изображения трехмерных объектов на плоскости (иногда с помощью другихтрехмерных объектов). Улица, здание или серый куб не содержат в себе никакой информации о перспективе, пока на них не посмотрит человек с какой-либо точки зрения. |
03 |
Перспектива отсутствует. Трехточечная перспектива (широкоугольноеискажение) Двухточечная перспектива (оптимальныйвариант). Для уменьшения перспективного искажения необходимо изменить ракурс |
||
04 |
Человеческий глаз воспринимает все отвесные линии вертикальными и параллельными друг другу. Это было хорошо известно еще до изобретения перспективы художники не всегда знали, как передать объем, но всегда отличали вертикальные линии от диагональных. |
05 |
Рублев А. Троица (конец XIV начало XV вв., Государственная Третьяковская галерея) Здание в левой верхней части иконы и скамейки боковых ангелов нарисованы в т. н. обратной перспективе со строгим соблюдением вертикальных линий |
06 |
Брюллов К. Последний день Помпеи (18301833, Русский музей) На картине под углом изображены стены только у падающих зданий (в правом верхнем углу) |
07 |
Душкин А., Лихтенберг Я. Кропоткинская площадь(23.09.1937, Музей архитектуры им. Щусева) Образец архитектуры для простого советского народа наземный вестибюль станции московского метро |
||
08 |
Если раньше архитекторы чертили вертикальные линии с помощью линейки, то сегодняони такой возможности лишены у них компьютер. Большинство современных архитектурных программ не способны обеспечить создание грамотной визуализации. В этом легко убедиться, пролистав каталоги риэлторских и строительных компаний. |
09 |
Образец архитектуры для непростого советского народа комплекс жилых зданий в Кунцево-2. На изображении присутствует только одна вертикальная линия (она же по совместительству единственная прямая) водосточная труба справа от большой ели |
|||
Неизвестный автор. Элитный жилой комплекс«Тихомирово» (ЗАО «Пересвет-инвест») |
||||
10 |
Лирическое |
Как можно было сделать: |
11 |
Правильная перспектива и перпендикулярные по отношению к горизонту линии необходимы не только при изображении зданий. От работы грамотных специалистов зависит положительное восприятие любого объекта. |
12 |
Проекционный телевизор Rolsen (изображение с официального сайта). Проекционный телевизор Samsung (изображение с официального сайта). |
13 |
SGI Origin 200 Server (изображение с официального сайта). Apple Macintosh G5 (изображение с официального сайта). |
||
14 |
Хорошая иллюстрация всегда является дополнительным аргументом в пользу достоинствтовара. Плохая иллюстрация констатирует печальную правду. |
Артемий Лебедев § 102. Создание бланков организационно-распорядительной документации21 января 2004 |
01 |
Слово бланк происходит от французского blanc белый, в переносном значении пустой. Существуют самые разные бланки, но сегодня мы поговорим о создании фирменных бланков для корреспонденции. |
02 |
Бланки делового письма, приказа, факсимильного сообщения и т. д. должны быть пустыми, они существуют только для того, чтобы их заполняли. Но не все знают об этом, поэтому примерно половина корпоративных бланков в нашей стране создается уже заполненными. Посмотрим, как это происходит. |
03 |
Приходит заказчик к дизайнеру и говорит: Послушайте, а вы фирменный стиль умеете делать? |
04 |
Дизайнер приступает к работе и в скором времени встречается с заказчиком, чтобы показать готовую работу: |
05 |
06 |
Заказчик: У меня складывается впечатление, что во время нашей первой встречи произошло недоразумение. Я вовсе не собирался приобретать чистый лист бумаги по цене билета в Париж. |
07 |
Дизайнер: |
08 |
Заказчик: Вот совсем другое дело. Но девяносто пять процентов листа по-прежнему пустуют… Вы же не хотите, чтобы я вам заплатил только пять процентов от обещанного гонорара? |
09 |
Дизайнер: |
10 |
Прекрасно. Прекрасно. Мне нравится ход ваших мыслей и эта полоска в нижней части листа. |
11 |
Дизайнер: |
12 |
Да! ДА! ДААА! Умопомрачительно! Победа стиля над разумом! Вы гений! |
13 |
Счастливый дизайнер получает гонорар, а счастливый заказчик относит стопку бланков в компанию и просит секретаршу напечатать благодарственное письмо дизайнеру уже на новом бланке: |
14 |
15 |
Бланк очень простой, утилитарный и функциональный объект, не требующий специального украшения. |
16 |
Когда бланк рассматривают как самостоятельное произведение искусства, он начинает обрастать декоративными элементами, фоновыми изображениями, адресным блоком в нижней части и прочими свидетельствами отсутствия представлений о его назначении. |
17 |
Не бывает дизайнеров, которые показывали бы своим заказчикам макет визитки без впечатанного имени. Оценить дизайн бланка без текста могут только опытные специалисты. Для того, чтобы избегать упреков в «пустоте» и быстро утвердить макет, дизайнерам надо научиться показывать бланк сразу с текстом: |
18 |
19 |
Лирическое |
Дизайнеры испытывают определенные трудности с показом бланков в своих портфолио, так как по сравнению с той же визиткой бланк занимает много площади, а выглядит пустым. Чтобы избегать таких проблем с подачей, бланк тоже нужно заполнять текстом. В любом случае, это выглядит ценнее, интереснее и привлекательнее, чем большой высветленный логотип на фоне. При желании логотип можно сделать в виде настоящего (а не эмулированного) водяного знака. |
20 |
21 |
Не грех помнить о том, как бланк живет после того, как на нем напечатали текст. Во-первых, бланк можно послать по факсу (следовательно, никаких фоновых изображений). Во-вторых, деловые бумаги обычно прокалывают дыроколом и держат в скоросшивателях (следовательно, нужен щедрый отступ от левого края). Ну и, наконец, на бланках ставят подписи и печати (следовательно, бумага должна хорошо впитывать чернила и не должна быть мелованной или глянцевой). |
ГОСТ Р 6.30-2003 Унифицированная система организационно-распорядительной документации (УСОРД). Требования к оформлению документов. Издание официальное |
Артемий Лебедев § 103. Хочу как у них2 мая 2004 |
01 |
Поскольку заказчик совершенно не обязан быть ни ценителем дизайна, ни его знатоком, он, как правило, просит сделать то, что он уже у кого-то видел: «Вот, у корпорации N хороший логотип, сделайте мне так же». Однако, чтобы сделать «как корпорация N», нужно как минимум знать, почему N сделал именно так, а не иначе, что он знал, чего хотел и каких ошибок избегал. |
02 |
Заказчики, млеющие от форм знака БМВ, забывают, что цвета и их расположение намекают на флаг Баварии, а сам знак символизирует самолетный пропеллер, двигатели к которым Bayerische Motorenwerke («Баварские мотозаводы») когда-то активно изготавливали. Этот знак хорош только потому, что стоит на хороших машинах. |
03 |
Чтобы дизайн стал хорошим, знак или логотип были узнаваемыми, корпоративная модульная сетка была образцом для подражания, потребители писали кипятком при виде элементов фирменного стиля, надо чтобы все это принадлежало хорошей компании с достойными товарами и услугами. |
04 |
Это действительно несложно компании нужно всего лишь много лет хорошо работать, для того, чтобы ее дизайн приводили в пример. Заимствование внешних признаков чьего-либо успеха не более эффективно для бизнеса, чем съедение коленной чашечки чемпиона мира по бегу способствует победе в марафоне. |
Артемий Лебедев § 104. Кавычки17 мая 2004 |
01 |
Кавычки являются парными знаками препинания. |
02 |
В целях экономии на пишущих машинках отливали одну непарную кавычку, перешедшую по наследству на компьютерную клавиатуру. В результате, из-за неграмотности верстальщиков и дизайнеров, (за которыми раньше следили технические редакторы), подавляющая часть печатной продукции в мире перестала радовать разборчивого читателя. |
03 |
Так же, как и скобки, кавычки бывают левыми и правыми. Практически во всех шрифтах понятно по рисунку, какая это кавычка, даже если посмотреть на нее в отрыве от контекста. В языках программирования и разметки, однако, используются«программистские» кавычки, что оправдано с точки зрения быстроты набора и предназначения. |
04 |
Уважающий себя дизайнер книги, газеты или сайта всегда будет использовать принятые для данного языка кавычки. |
05 |
06 |
Чтобы узнать, какие именно кавычки приняты в языке, достаточно посмотреть на любое издание, сверстанное без помощи компьютера (грубо на территории СССР до 1990, а на Западе до 1985 годов). |
Артемий Лебедев § 105. Трагедия запятой14 июня 2004 |
01 |
Американский инженер Шолес с коллегами занимался созданием пишущих машин с конца1860-х. |
02 |
Практически все источники, описывающие историю этой работы, пересказывают один и тот же миф: в первых моделях литерные рычаги «залипали» от быстрой печати, поэтому Шолес перемешал все таким образом, чтобы самые часто повторяемые буквы находились как можно дальше друг от друга (как будто рычаги не залипали и в конце 20-го века на самых современных моделях). Якобы, именно так на свет появилась раскладка знаков, называемая QWERTY (по первым буквам в левом верхнем углу клавиатуры). Точнаяистория происхождения именно такой последовательности знаков сегодня никому не известна, а сам Шолес никаких записей не оставил. |
Howstuffworks Why are the keys arranged the way they are on a QWERTY keyboard? |
03 |
Буквы на первых моделях располагались в алфавитном порядке (следы этого видны и сегодня на клавиатуре: см. буквы FGHJKL посредине клавиатуры). Довольно скоро изобретатели пришли к выводу, что алфавит не лучший способ расположения знаков, потому что на письме одни буквы встречаются чаще других и быстро печатать на клавиатуре с алфавитным расположением знаков затруднительно. Кстати, особенностью раскладки стало расположение всех латинских гласных в верхнем ряду(кроме буквы A, но во французской раскладке, например, это исправлено там AZERTY). |
04 |
Раскладка QWERTY была создана как раз для ускорения набора, который в те времена был двухпальцевым. «Слепой» десятипальцевый метод печати появился только в конце 1890-х. |
05 |
Хозяйке |
Все буквы слова TYPEWRITER (пишущая машина) находятся на верхнем ряду. Считается,что это помогало убеждать покупателей в магазинах: продавец быстро печатал ключевое слово и тем самым демонстрировал преимущества машины. |
06 |
Как бы то ни было, с того момента, как Шолес в 1873 году продал патент компании Ремингтон (выпускавшей в то время швейные машинки и производящей по сей день ружья), раскладка QWERTY стала стандартом de facto. |
07 |
Раскладку русских букв для пишущих машинок придумали в Америке в конце XIX века. Достоверно установить авторство, хотя бы с точностью до названия первого производителя, автору пока не удалось. Известно лишь то, что все фирмы, выпускавшие машинки с русским шрифтом пользовались одной и той же раскладкой ЙIУКЕН (послереформы языка ЙЦУКЕН), имевшей название «Стандарт». |
08 |
Лучшая в мире американская пишущая машина«Ундервуд». Каталог. Одесса. 1907 Русская клавиатура «Стандарт». Единица, ноль и тройка отсутствуют среди цифр, потому что заменяются буквами I, О и З. После реформы языка, буквы и десятеричное, ер и ятьна машинках стали перебивать, и посредине клавиатур между букв еще долго можно было встретить произвольные символы, вроде плюсов и минусов. |
09 |
Менделеев И. П, Потапова А. Н. Учебник быстрого и уверенного письма на пишущих машинах. Петроград. 1914 Буквам Ц и Э по-прежнему не хватило места в нижних трех рядах, но все знаки препинания находятся строго в нижнем регистре |
10 |
Можно предположить, что в поисках способа расположения букв изобретатели консультировались с наборщиками. То, что раскладка ЙЦУКЕН схожа с русской наборной кассой, очевидно (из этого можно сделать выводы о схожести раскладки QWERTYс наборной латинской кассой, что подтверждается сравнением, но не упоминается в литературе). |
11 |
Коломнин П. Краткие сведения по типографскому делу. С.-Пб. 1899 Все строчные буквы наборной кассы, имеющие крупные отсеки и находящиеся в середине, расположены на русской клавиатуре пишущей машинки также в середине |
12 |
Хозяйке |
В СССР первая пишущая машинка (модель «Яналиф») была выпущена только в 1929 году в Казани. Вначале она производилась с латинским (!) шрифтом. Это значит, что как минимум 30 лет с момента появления на рынке все пишущие машинки с русским шрифтом были иностранного производства. |
13 |
В верхнем регистре на пишущих машинках располагались заглавные буквы, редко используемые знаки и цифры. Знаки препинания всегда располагались в нижнем регистре. |
14 |
Макарова Н. В. 50 уроков машинописи. Изд-во МГУ. 1971 В течение 20-го века знаки на русских машинках незначительно меняли свои места. Связаноэто с распространением электрических пишущих машин и изменением методов набора. Запятая со временем встала слева от точки. |
15 |
Хотя советские компьютеры вымерли как динозавры, их клавиатуры проектировались с учетом специфики русского алфавита. Все наши модели были на две-три клавиши шире американских и европейских, что позволяло разместить все буквы, и справа оставалось нормальное место для знаков препинания. |
16 |
Знаки препинания находятся в том же регистре, что и строчные буквы Знаки препинания изображены сверху только потому, что там изображены все буквы русского алфавита |
||
17 |
Но в конце 1980-х у нас появились персональные компьютеры иностранного производства. Клавиатур, учитывающих длину русского алфавита, никто в мире не производил и не собирается. Поэтому какому-то идиоту поручили (или он сам вызвался, не важно) русифицировать что есть. И этот идиот, будучи, видимо, программистом, совершил не просто идиотский поступок, а преступление: он поместил запятую в верхний регистр, потому что русский алфавит длинный, а клавиш на клавиатуре столько, сколько нужно для размещения латинского алфавита. |
18 |
Запятые и точки. Две клавиши слева английская раскладка. Клавиша справа русская раскладка. Так запятая стала второстепенным знаком, хотя она употребляется чаще точки |
Logitech Internet Navigator Keyboard. 2003 |
19 |
В латинской раскладке точка и запятая традиционно находятся в зоне знаков препинания в правой части клавиатуры. Знаки препинания в русской раскладке из-за недостатка места всегда находились в верхнем ряду, под цифрами. Разумеется, наш идиот и не подозревал, что есть раскладка русского алфавита со столетней историей, он просто«русифицировал» то, что было. |
20 |
В верхнем регистре запятой нет ни в одном языке мира, кроме русского (ну и еще украинского, татарского и других языков бывшего СССР с кирилловской графикой тутвсе от безграмотности воспользовались трудами нашего идиота как стандартом). |
21 |
Хозяйке |
Существует раскладка, имитирующая русскую пишущую машинку. Ее отличие в том, что знаки препинания находятся в верхнем ряду клавиш, но не в нижнем регистре. Это еще хуже, потому что в этом случае и точку надо набирать с подъемом каретки (shift). |
22 |
Вся история механизации набора текста показывает, что умные люди стремились сократить время печатающего. Достаточно было десяти минут труда случайного постороннего, чтобы неудобная, замедляющая набор раскладка букв стала тиражироватьсяи превратилась в стандарт. Это яркая иллюстрация ответственности, которая лежит на каждом дизайнере. |
Артемий Лебедев § 106. Кодирование. Часть первая21 июня 2004 |
01 |
Кодирование один из самых эффективных инструментов дизайнера. Под кодированием мы понимаем придание объекту или сущности дополнительных различаемых свойств. В качестве кодов могут выступать символы, формы, расположения, цвета, звуки и др. Некоторые коды общеизвестны, о других знают только специалисты, но любой код по определению требует расшифровки. |
Код (франц. code, от лат. codex свод законов), система условных знаков (символов) для передачи, обработки и хранения (запоминания) различной информации. |
02 |
Кодирование символами Цифры, буквы, знаки, иконки, геометрические фигуры и т. д. могут выступать в качестве кодов. В данном примере светодиоды загораются рядом с пиктограммами, сигнализируя об определенных состояниях сервера. |
03 |
Apple Computer. Xserve RAID. 2004 |
04 |
Кодирование формой |
Форма объекта может быть функциональной или информативной. Классический пример кодирования формой стрелки часов. Photodisc Солонка по традиции отличается от перечницы количеством отверстий: несколько для соли, одно для перца. TERU Salt & Pepper Shakers Подобное кодирование не только информативно (дополнительноймаркировки не требуется), но и функционально соли, как правило, сыпят в еду больше. |
05 |
Шахматы сложная игра, использующая различные фигуры. Каждой форме, кроме названия, соответствуют определенные правила поведения. В шашках, напротив, все фишки одной формы, поэтому игра существенно проще. |
06 |
Студия Лебедева. S&P. 2003 |
07 |
В электрике и электронике разные штекеры соответствуют разной функциональности. Исключения из этого правила ни к чему хорошему не приводят. |
08 |
Например, еще лет 20 назад в разных районах Москвы было разное напряжение где-то 220 вольт, где-то 127. При этом, разумеется, все розетки и штепсели были одинаковыми на вид, в результате чего ежедневно выходила из строя куча техники,включенная в сеть без трансформатора. Другой пример непродуманности всесоюзного масштаба отечественные громкоговорители и трехпрограммники, у которых вилка былаточно такой же формы, как у любого обычного электрического прибора. |
09 |
10 |
Надпись «в электросеть не включать», написанную на задней стороне, обычно читали на уже сгоревшем радиоприемнике. |
11 |
Кодирование расположением |
12 |
При этом способе кодом выступает расположение знака или сигнала в пространстве или на плоскости. Большинство примеров используют положения справа-слева или сверху-снизу. В отличие от других методов кодирование расположением имеет ограниченную информативность, потому что зритель может с уверенностью различить максимум шесть позиций объекта в пространстве или девять на плоскости. |
13 |
Хороший пример кодирования расположением маркировка расстояний до колодцев, являющаяся непременным элементом оформления стен городских зданий. С однойстороны в круге указывается тип (скажем, Д дренаж), с другой номер колодца. Но нас больше интересуют цифры вокруг Т-образного навигатора. Число сверху это расстояние в метрах до колодца от места на стене, где прикреплена табличка. Число справа или слева от вертикальной черты означает расстояние в метрах в соответствующем направлении. |
14 |
6,5 м от стены, 5 м налево 3,6 м от стены 4 м от стены, 6 м направо |
||
15 |
Очень удобно, учитывая то, что крышки люков могут быть засыпаны снегом, листвой или просто грязью. |
Артемий Лебедев § 107. Кодирование. Часть вторая22 июня 2004 |
Московский комментатор деликатно пояснил: «Чернокожего боксера вы можете отличить по светло-голубой каемке на трусах…»
С. Довлатов. Соло на ундервуде
01 |
Кодирование цветом Хотя у 8% мужчин и у 0,5% женщин встречается дальтонизм, основным видом кодирования является цветовое. |
БСЭ. Дальтонизм |
02 |
Там, где расположение и форму менять нельзя, а символы не работают, применяется цвет, являющийся достаточным отличительным признаком объекта. В некоторых случаях(например, провода в многожильном кабеле) отличить один объект от другого можнотолько по цвету. |
03 |
04 |
Классическим примером цветового кодирования являются схемы метрополитенов. Пока линий в системе мало, можно использовать один цвет. Но когда она разрастается, без введения дополнительных цветов не обойтись, что мы видим на лондонской схеме1908 года: |
05 |
Первая схема метрополитена с цветовым кодированием линий. Waterlow & Sons, Ltd.Liverpool St Hotel map.1908 |
06 |
При печати в одну краску вместо цветов можно использовать разные штриховки, но делать это надо с умом. |
07 |
Легенда, приведенная в книжке о дорожных знаках, практически бесполезна. Знаки дорожные сигнальные. М.: Московская правда, 1954 Легенда современной схемы лондонского метро в монохромном исполнении. Все линии четко различаются, но при этом никаких упоминаний о цвете нет. Tube black & white map. Transport for London, 2003 |
08 |
Цветовое кодирование успешно применяется в аналитической картографии. |
09 |
Карта плотности населения. Перерисовано с оригинала. National Center forGeographic Information and Analysis (NCGIA).Population Density. 1994 |
10 |
Цветом принято кодировать разные виды одного продукта. Раньше молочные продукты в стеклянных бутылках отличались цветом крышек из фольги: молоко серебряная фольга, ацидофилин синяя, кефир зеленая, ряженка малиновая и т. д. |
11 |
Сегодня в барах по всему миру наши соотечественники перед вылетом, во время полета и после прилета заказывают виски по цвету этикетки, кодирующему срок выдержки и качество сырья: «Рэд лейбл» (пять лет), «Блек лейбл» (двенадцать), а кто знает, тот «Голдлейбл» (восемнадцать) или даже «Блю лейбл» (семнадцать лет + понты). |
12 |
Черная икра продается под крышками трех цветов. На самих банках ни слова о различиях нет (это «икра осетровых рыб»), но цветом кодируется вид рыбы, объясняя разницу в стоимости. |
13 |
Белуга или стерлядь Осетр Севрюга |
14 |
Кодирование звуком Автомобильный клаксон обеспечивает передачу полного спектра сообщений в зависимости от продолжительности звучания и направления взгляда водителя от «милая, я приехал» до «куда прешь, мудила!». Звуковые коды применяются в компьютерах (индикация ошибок), телефонах (тональный набор), самолетах (системызвуковых сигналов для пилотов и членов экипажа) и пр. |
15 |
Одно из самых удачных применений звукового кодирования в московском метро. Мужским голосом объявляются станции при движении к центру города, а женским при движении от центра (мнемоническое правило: босс зовет на работу, жена домой). На кольцевой линии во время движения по часовой стрелке звучит мужской голос, во время движения против часовой женский. Сделано это для удобства ориентирования слепых пассажиров. |
См. сайт Артемия Ломова «Голоса подземелья» |
Артемий Лебедев § 108. О простоте дизайна14 октября 2004 |
01 |
Дизайн должен быть простым. |
Артемий Лебедев § 109. Логика и эстетика20 октября 2004 |
01 |
Два основных понятия в дизайне логика и эстетика. Один дизайнер, решив все логические задачи, приходит в результате к эстетическому финалу. Другой наоборот.(Есть, конечно, и третий, кому медведь наступил на все органы чувств, но это не наш герой.) |
02 |
В интерфейсах логика важнее эстетики. Данным утверждением автор вовсе не благословляет функциональное уродство, а всего лишь выражает сомнение в том, что есть смысл раскрашивать труп. Пример важности логики: транспортное средство российского производства преимущественно страшно, но водителю известны принципы управления поворот направо достигается поворотом рулевого колеса направо. Пример неважности эстетики: как транспортное средство российского производства ни покрась, сколько натурального массива красного дерева и крокодиловой кожи в салон ни засунь, оно лучше ездить не станет. |
03 |
Поскольку интерфейс управления автомобилем сформировался задолго до нашего рождения, и ничего принципиально нового в этой области произойти не собирается, на выбор сегодня предлагается преимущественно эстетика спортивный руль, руль с мехом, руль с кнопками и пр. Аналогом руля в компьютерах является курсор. Логичное,простое, удобное, гениальное изобретение. Теперь его можно и перекрасить. |
04 |
Но в жизни недостаточно руля и курсора. Мы окружены предметами и моделями взаимодействия, над интерфейсами которых никто не думал. Каждая дизайнерская задача по сути является созданием интерфейса точкой соприкосновения человека и объекта. |
05 |
Есть логика, отсутствует эстетика. Tokyo Subway Route Map. Bureau of Transportation Tokyo Metropolitan Government, 2004 |
06 |
Схемы многих метрополитенов мира построены по принципу лондонской схемы, созданной Гарри Беком в 1933 году Tube Map. Transport for London, 2003 |
07 |
Проектирование интерфейсов увлекательный дизайнерский процесс. Схожее удовольствие можно получить от сложной верстки, от создания многомерных схем и решения других задач на логику и эстетику. |
Артемий Лебедев § 110. Учимся делить на два21 ноября 2004 |
01 |
Любой интерфейс можно упростить в два раза. |
02 |
Рассмотрим в качестве примера очень простой интерфейс фантастический пульт из рекламы телеканала РБК-ТВ. |
03 |
Рекламная полоса РБК-ТВ. Мария Вознесенская, 2003 |
04 |
Грамматические и пунктуационные ошибки не мешают понять замысел дизайнера с появлением нового канала РБК-ТВ деловому человеку теперь больше ничего не нужно. Чтобы подчеркнуть эту достаточность, пульт в руках бизнесмена сделан настолько простым, насколько было возможно. |
05 |
Что? Где? Когда?
|
Спрашивает телезритель Артемий Лебедев из Москвы: Уважаемые знатоки, давайте рассмотрим пульт повнимательнее. Вы видите на нем кнопку включения, кнопку с логотипом РБК и кнопку-коромысло, регулирующую громкость звука. А теперь внимание, вопрос! Если на данном пульте есть кнопка включения, а канал у телевизора все равно один, то зачем нужна кнопка РБК? Капитан команды отвечает досрочно: Этого никто не знает. Голос ведущего из студии: А теперь объясните, почему вы пришли к этому выводу. Капитан: Мы знаем, что кнопка включения двухпозиционная, то есть имеет два состояния «вкл» и «выкл». Кнопка, на которую бизнесмен собирается нажать, тожедвухпозиционная РБК/не РБК иначе зачем было делать кнопку, вместо того, чтобы просто напечатать логотип на пульте? Получается, что мы имеем два выключателя разного размера, но с одной и той же функциональностью. А зачем это нужно никто не знает. Голос ведущего из студии: Внимание, правильный ответ. Этого действительно никто не знает! 1:0 в пользу знатоков! |
06 |
Знатоки помогли нам найти ответ на первый вопрос. Но если мы заявляем, что любой интерфейс можно упростить в два раза, то посмотрим на кнопку регулировки громкости звука. Не нужно обращаться к знатокам, чтобы найти ответ на вопрос почему кнопка расположена вертикально, а пиктограмма уровня громкости горизонтально? Ответ: нипочему. |
07 |
На кнопке знак плюс соответствует самому высокому столбику в пиктограмме, а минус самому низкому. Зачем продублирована маркировка? Ответ: низачем. |
08 |
В результате мы легко упрощаем обе логические зоны данного пульта в два раза. |
09 |
10 |
Теперь читатель вправе поинтересоваться: РБК, РБК, а зачем у тебя такой большой пульт? |
Артемий Лебедев § 111. Учимся умножать на два27 февраля 2005 |
01 |
Любой интерфейс можно усложнить в два раза. Как правило, делается это для однозначности, надежности или «защиты от дурака». |
02 |
Упрощать интерфейсы просто (см. предыдущий параграф) две «а» можно заменить на одну. |
03 |
Простейший пример усложнения замена «а/б» на «а» и «б». Скажем, между двумя разными станциями с одинаковым названием «Проспект Мира» есть пересадка, поэтому лучше изображать не один кружок, поделенный цветами пересекающихся линий, а два кружка с переходом. |
04 |
Упрощенные фрагменты схем линий Московского метрополитена образца начала 1980-х и конца 1990-х годов.См. Схемы и карты метро |
05 |
Лирическое |
Выбор между упрощением и усложнением всегда остается на усмотрение дизайнера и проектировщика, которые, как правило, сначала руководствуются здравым смыслом, а потом жестоко ограничиваются бюджетом, реальностью или и тем, и другим. |
06 |
В качестве примеров у нас сегодня не телевизионные пульты, а дорожные знаки. |
07 |
Знаки, расположенные перед перекрестком с круговым движением, дублируют друг друга.Слева от столба два знака: «уступи дорогу» и «круговое движение». Справа от столба знак, на котором обозначена схема организации главного и второстепенного движения(«направление главной дороги»). У круга приоритет, так как линия круга толще, чем четыре примыкающих к нему дороги. |
08 |
Круговое движение. Сыктывкар, 2004 |
09 |
Дублирование знаков тут необходимо по двум причинам. Во-первых, в России по умолчанию те, кто едут по кругу, уступают тем, кто на круг въезжает (следовательно, нужно особо предупреждать, когда это не так). Во-вторых, знак справа от столба большинство водителей вводит в ступор, потому что встречается в таком виде крайне редко. К тому же недостаток технологии изготовления трафаретное нанесение делает круг, поделенный иксом, похожим на четыре сектора. |
10 |
Спрашивается, почему не обойтись только двумя знаками, которые слева? Потому, что знак справа содержит дополнительную визуальную информацию об устройстве перекрестка водителю понятно, сколько всего дорог и как они растут от перекрестка. Но одного этого знака недостаточно с точки зрения безошибочности восприятия и безопасности движения. |
11 |
А вот другой пример. |
12 |
Сюда ехать совсем-совсем не стоит. Где-то между Барселоной и Гранадой, Испания, 2004 |
13 |
Тут дорога изогнута таким приглашающим образом, что в нее сразу хочется свернуть. Но делать этого не стоит, потому что попадешь на четыре встречных полосы автострады. Подобный перекресток ошибка проектировщиков. Эту ошибку исправляют четыре знака «въезд запрещен», которые призваны обратить на себя внимание даже самого рассеянного водителя. Куда бы водитель ни мотнул головой, он должен увидеть запрет. Даже если водитель зевал и потягивался, въезжая на эту дорогу, ему повторят еще раз второй парой знаков. |
14 |
Наш третий пример полезной избыточности по совместительству самый ненавязчивый. |
15 |
Столбы и знаки. г. Фару, Португалия, 2004 |
16 |
Здесь каждый столб покрашен в основные цвета того знака, который держит. Поскольку цвета просто так на знаках не встречаются, полезная площадь цветового кодирования значительно возрастает. Если столб, скажем, содержит белый и синий цвета, то речь идет о предписывающем или информационно-указательном знаке. Но в любом случае, полосатый вид столба делает его заметным на расстоянии и отличает от столба, допустим, с рекламой ресторана. |
17 |
Правило: усложнение, так же как и упрощение, является сложным приемом и применять его надо с умом. |
Артемий Лебедев § 112. Амперсанд22 марта 2005 |
01 |
Амперсанд это название знака &. Про него надо знать три вещи: откуда он взялся, почему так называется и нужен ли нам для чего-нибудь. |
Написание амперсант неверно |
02 |
Откуда он взялся |
03 |
В русском языке слово амперсанд признает только лопатинский Русский орфографический словарь. Найти упоминания о знаке в литературе докомпьютерной эпохи практически невозможно по причине крайне редкого употребления его в кириллическом наборе. В «Кратких сведениях по типографскому делу» (СПб.: 1899) называется «знаком, заменяющим союз „и“», в «Справочнике технолога-полиграфиста» (М.: 1981) «знакомконъюнкции». |
04 |
Авторство амперсанда приписывают Марку Туллию Тирону, преданному рабу и секретарю Цицерона. Даже после того как Тирон стал вольноотпущенником, он продолжал записывать цицероновские тексты. И к 63 году до н. э. изобрел свою систему сокращений для ускорения письма, называемую «тироновскими знаками» или«тироновыми нотами» (Notæ Tironianæ, оригиналов не сохранилось), которыми пользовались до XI века (так что заодно Тирона считают еще и основоположником римской стенографии). |
См.: Ampersand. Allan Haley |
05 |
Амперсанд со второй половины VIII века активно используется переписчиками, а с середины XV века типографами. |
06 |
Хозяйке |
Раньше даже сокращенную форму et cetera (лат. и так далее) писали и печатали как &c. вместо привычного сегодня etc. |
07 |
Что любопытно, & применяется не только в латинских текстах, но буквально во всех европейских книгах на английском, французском, итальянском. Вот, например, на итальянском: |
Nobiltà di dame […] Fabritio Caroso. Venetia. 1600. Амперсанды подсвечиваются при наведении курсора |
08 |
09 |
На этой полосе разместились 14 амперсандов пяти видов. Вот они, голубчики, в ряд: |
10 |
11 |
Между нелепо заверченным амперсандом слева и обыденным справа видны практически все переходные формы. У наборщика в кассе литеры & были разными по начертанию, чтобы полоса не рябила в глазах. |
12 |
Хозяйке |
На заре книгопечатания было модным одинаковые литеры набирать в разных рисунках. Например, с появлением в XV веке буквы j ее часто вставляли вместо i: xvij вместо xvii |
13 |
Иногда (по бедности) при отсутствии в каком-нибудь шрифте амперсанда его лепили из подручных средств скажем, из восьмерки и с. Получался смайлик вида «оченьудивленный Тарас Бульба»: |
14 |
15 |
Если взять в руки лист бумаги с авторучкой и попробовать самостоятельно написать et много раз, станет понятно, что & удобнее. Хотя бы потому, что для написания потребуется три движения вместо шести. |
16 |
Почему он так называется |
17 |
My Own Primer, or First Lessons in Spelling and Reading. Carter, Rev. John P. // Philadelphia: Presbyterian Board of Publication, 1857 Из собрания электронной библиотеки Мичиганского университета |
18 |
При произношении алфавита перед буквами, которые кроме звуков являлись еще и словами, произносили per se (лат. само по себе). Говорили, например: and, per se I, чтобы не путать букву с местоимением „я“. |
19 |
Последним шел &, про который говорили: and, per se and (и, сама по себе „и“). Подобная конструкция просто обязана была стать более адаптированной к частому и быстрому произношению, и уже в 1837 году в словарях было зафиксировано слово ampersand(исамапасеи). |
20 |
Нужен ли он нам для чего-нибудь |
21 |
Во-первых, потому, что союз «и» уже короткий на слух и на вид (украинцам еще больше повезло с «i»). Автор не может вспомнить пример, когда один понятный и короткий символ заменялся бы на несколько символов или даже просто лигатуру. |
22 |
Во-вторых, сегодня амперсанд используют недалекие дяди и тети для придания оттенка«иностранности» или «бизнесовости». Но это такой же дурной тон, как прилеплениетвердого знака после согласной на конце слова для «дореволюционности» или«русскости». |
23 |
Фи: |
|
24 |
Вообще недопустимо: |
Артемий Лебедев § 113. Тайна Декларации независимости1 апреля 2005 |
01 |
Эта история началась в июле прошлого года, когда автор исследовал документы в секции листовых материалов Центрального государственного архива зарубежной истории Украины в Киеве. Подошел взволнованный начальник архива Николай ФедоровичКисленко и сказал: «Пойдем, покажу кое-что. Ты такого никогда не видел». |
02 |
На одном из стеллажей в запасниках обнаружилась большая толстая папка в линкрустовом переплете, подписанная белилами «Сев[ерная]. Ам[ерика]. [Война 17]75-83». Средиписем, гравюр, различных плакатов и листовок лежал истлевший сложенный в три раза лист Декларации независимости США 1776 года. |
03 |
ЦГАЗИУ, ф. 1301, оп. 4, л. 1 |
04 |
Хозяйке |
Текст декларации был утвержден 4 июля 1776 года и подписан двумя людьми президентом конгресса Джоном Хенкоком и секретарем Чарльзом Томсоном. В этот же день типограф Джон Дунлап отпечатал листы с текстом (сегодня сохранилось 24 экземпляра этих отпечатков), которые на следующий день были распространены среди разных законодательных органов, собраний и комитетов. Декларацию независимости в ее известном каллиграфическом виде начали писать19 июля, а физически она была подписана представителями Континентального конгресса 2 августа 1776 года. |
05 |
Читатель даже с очень развитой фантазией не сможет представить себе удивление исследователя при виде надписи: |
06 |
07 |
Оставалось выяснить, как предмет национальной гордости США оказался в киевском архиве. И почему документ исторической важности озаглавлен United States of Жmerinca. |
08 |
19 июля 1776 года конгресс распорядился, чтобы декларация была «должным образом переписана крупными буквами на пергамене под заголовком „Единогласная декларациятринадцати Соединенных Штатов Америки“ и [...] подписана всеми членами Конгресса». |
09 |
Каллиграфическую работу поручили помощнику Чарльза Томсона, Тимоти Мэтлэку. На этом официальная летопись истории декларации во всех источниках меняет тон,и дальнейшие сведения даются крайне отрывочно. Известно лишь, что делегаты конгресса поставили свои подписи 2 августа. |
10 |
Джон Трамбал. Подписание Декларации независимости |
11 |
После этого начинается темный период в жизни листа бумаги размером 61,5×75,5 см. Декларацию сворачивают в трубку и прячут в архив. Все это время документ никому не показывают, распространяя листовки с текстом. Оригинал тем временем переезжает из архива в архив, пока в 1814 году не оказывается в городе Вашингтоне. |
The Declaration of Independence: A History. NARA |
12 |
Дело в том, что настоящее имя Тимоти Мэтлэка, переписавшего текст декларации, Томислав Матлаковский. За несколько лет до начала революционных событий в НовомСвете он покинул Брацлавское воеводство и уплыл в Америку, где сначала работал пивоваром, потом увлекся квакерским движением, а затем пошел в политику. Иногда ему поручали каллиграфические работы его перу принадлежат некоторые важные бумаги, включая указ о назначении Джорджа Вашингтона главнокомандующим Континентальной армией. |
Timothy Matlack and His Engrossed Masterpiece |
13 |
Автор еще несколько раз посетил Киев в этом году, где обнаружил в Центральном государственном архиве Минздрава приходскую книгу, из которой следовало, что Матлаковский был родом из местечка Жмеринка (город с 1903 г.), недалеко от Винницы. |
ЦГА МЗ Украины, ф. 114, оп. 122, ед. хр. 420, л. 54 |
14 |
По всей видимости, ностальгирующий Матлаковский начертал заголовок из смеси алфавитов, а члены конгресса в день подписания ничего не заметили. Но зато это обнаружил на следующий день Чарльз Томсон, судя по тому, что тут же распорядился оригинал спрятать и никому не показывать, а Мэтлэка понизить в должности с секретаря содружества Пенсильвании до делегата Конгресса от того же штата. |
15 |
Две попытки сделать факсимиле декларации были предприняты в 1818 и 1819 годах. Но копии были признаны негодными для широкого распространения, потому что мастера, отвечавшие за копировальные работы, украшали документ вензелями и узорами. Конгресс поставил задачу: сделать точную копию, которая должна быть выставлена на обозрение публики. Работу поручили Вильяму Дж. Стоуну в 1820 году. Процесс копирования занял у Стоуна три года, после чего Госдеп приобрел у мастера оттиск. |
16 |
5 июня 1823 года вашингтонское издание National Intelligencer отмечало: «...Возможность делать копии [декларации], имеющаяся теперь у Государственного департамента, делает дальнейшую демонстрацию оригинала излишней». |
The Declaration of Independence: A History. NARA |
17 |
Результатом кропотливой работы стало изображение, которое сегодня продают в виде плакатов. |
18 |
Декларация независимости. Изображение с сайта Управления национального архива и записей США (NARA) |
19 |
Стоун не решил две проблемы: с буквой «Ж» и с несимметричностью заголовка относительно основного текста. |
20 |
21 |
Заголовок по всем канонам того времени должен был быть либо той же ширины, что и основной текст, либо располагаться по центру, но специальная комиссия конгресса сочла погрешность допустимой. Стоун убедил членов комиссии, что непосвященные зрители будут уверены в том, что перед ними буква «А». |
22 |
С тех пор оригинал никому не показывали и о его судьбе ничего не было известно.С середины XIX века начали выставлять состаренную копию, которая и сегодня лежит под толстым стеклом в зале хартий свободы здания Национальных архивов г. Вашингтона. |
23 |
Вокруг этой копии построен сюжет фильма «Сокровище нации» с Николасом Кейджем. Что любопытно, по распоряжению продюсеров фильма заголовок нигде не показывают крупным планом, а все плакаты сделаны в виде коллажей, где буква «Ж» так или иначе закрыта. Лишнее внимание общества к исторической ошибке американцы считают ненужным. |
Картинка на десктоп и заставка с официального сайта фильма |
24 |
25 |
Приложение. Как все это выглядело со стороны О находке сразу же стало известно в узких кругах. Было принято решение преподнести раритет Америке. Пока автор занимался вопросами происхождения надписи (которые никого больше не волновали), возникла дипломатическая проблема. Дело в том, что Жмеринка в момент написания декларации находилась во власти поляков, в 1793 году перешла в составе Подольской губернии к России, а после развала СССР оказалась на территории Украины. |
26 |
Начались подковерные политические игры на самом высшем уровне кому выступить дарителем. Основным претендентом на право передать оригинал стала, разумеется, Украина, но свои права заявили Польша и Россия. |
27 |
Летом 2004 вовсю шла борьба между кандидатами на пост президента Украины Викторами Ющенко и Януковичем. Самое интересное, что Ющенко хотел лично передать Декларацию независимости Бушу, а Янукович заявлял, что выставит исторический документ в Донецком краеведческом музее для привлечения туристов. Путин же поддержал Януковича, потому что был уверен, что после выборов выторгует декларацию и преподнесет ее Бушу сам. |
28 |
Президент Украины Леонид Кучма отменил назначенную на 25 октября 2004 года встречу с польским президентом Александром Квасьневским, чтобы не поднимать вопрос о польском участии. 26 октября на Украину прибыл Владимир Путин, но ему дали понять, что Россия на право передачи может не рассчитывать. Через месяц на переговоры в Киев прибыл бывший президент Польши Лех Валенса, но тоже вернулся несолоно хлебавши. |
Хроника событий на Newsru.com: ...Кучма перенес визит в Польшу ...Валенса уже прибыл в Киев... |
29 |
Тогда в ноябре Путин во время поездки в Чили сделал ход конем: на встрече с Джорджем Бушем впервые рассказал о находке, пообещав вскоре подарить ее лично. В самом начале декабря Кучма прилетел в Москву, где прямо в аэропорту высказал Путину, что думает о его поведении, и сразу же улетел обратно. |
Президент России прибыл в Сантьяго... Леонид Кучма провел в Москве переговоры с Владимиром Путиным |
30 |
22 февраля 2005 года на 7-минутной встрече в Брюсселе Ющенко сообщил Бушу, что декларация у него и что он привезет ее, когда приедет в начале апреля в США (в тот же день стало известно, что встреча с Путиным через два дня будет существенно сокращена). |
Джордж Буш пожелал быть в Братиславе более кратким... |
31 |
На радостях Буш созвал пресс-конференцию, на которой публично сравнил Ющенко с Джорджем Вашингтоном. |
Буш на встрече с Ющенко... |
32 |
Общественность в тот момент не оценила тонкость комплимента. |
Артемий Лебедев § 114. Корпоративный русский15 июня 2005 |
01 |
Биомеханоиды не знают, чем русский язык отличается от английского. Поможем им разобраться. |
02 |
Перевод |
03 |
На Садовом кольце в Москве показывают огромный плакат со слоганом All Together Now и переводом: «Теперь одновременно». А некоторые биомеханоиды вообще пользуютсятолько правилами транскрипции: |
04 |
Тоже на Садовом кольце |
05 |
Вот пример человеческого перевода: |
06 |
Этикетка перцового соуса «Жян Сифу» |
07 |
В поисках предлога |
08 |
Инна Вишневская |
«Родная газета» 17 (17), 22 августа 2003 г., полоса 12 См. статью полностью |
09 |
Любопытно отметить, что заканчивается эта статья доктора искусствоведения, профессора, заслуженного деятеля искусств РФ, словами: |
10 |
Меня учили и родной речи, чтобы была она правильной, ораторски-звучной, не спотыкающейся о ненужные, лишние слова, вроде нынешних «как бы», «в принципе», «короче», «типа» и т. д. и т. п. |
Там же |
11 |
Предлог «от» не может выступать в качестве обозначения причастности. Не костюм от «Армани», а просто костюм «Армани». Кстати, в статье упоминается «Недоросль»Фонвизина, хотя от г-жи Вишневской мы вправе ожидать «Недоросль» от Фонвизина. |
12 |
Уникальное смешение предлогов. Фрагмент уличной рекламы. Новосибирск, 2005 |
13 |
Украшения от «Картье», унитаз от «Версаче» и шоколад от «Линдт унд Шпрюнгли» бывают, когда нам на почте говорят, от кого пришли бандероли. Но биомеханоиды родную речь забывают, а слова становятся несклоняемыми, как ребра жесткости. Предлог«от» перестает управлять падежом по одной простой причине: из-за корпоративнойтрусости. Наличие предлога помогает авторам пресс-релизов, а за ними и журналистам, избежать склонения священного наименования товарного знака. |
14 |
Склонение |
15 |
Только в рекламе можно услышать: Живи футболом, пей Кока-Кола. Толькона официальном сайте можно прочесть: Основной задачей «Комстар ОбъединенныеТелесистемы» является... |
|
Из телевизионной рекламы www.comstar.ru/about |
16 |
Стремление не склонять бренд напоминает балерину в процессе вращения тело у нее крутится, а лицо всегда смотрит в зал. |
17 |
Описание торгового комплекса «Атриум» |
18 |
К счастью, гайдлайнами можно парализовать мозги лишь небольшого круга приближенных биомеханоидов. Живые люди обращаются с названиями компаний и услуг как с обычными словами русского языка. И пишут так же. |
19 |
Слоганы |
См. «Базу слоганов» |
20 |
21 |
А сейчас синтетическое: Аэрофлот. Искренне Ваш. |
22 |
Автор много раз слышал, как говорят Новое поколение выбирает «Пепси», но ни разу не слышал БМВ. С удовольствием за рулем. Или: «Мерседес-Бенц» А-класс. Следуй своей звезде. Или: Управляй мечтой. «Тойота». |
См. «Базу слоганов» |
23 |
Вся эта синтетика не предназначена для устного использования. Предложения тут играют роль графических блоков, которые принято иметь. Зачем, почему, для кого не важно. Это все примеры корпоративной глупости если центральный офис приказал использовать слоган, написанный курсивом под логотипом (как правило), то и в Россиинадо сделать то же самое. Смелых отказаться не находится, потому что если и найдутся,то их утрамбует специальная комиссия, проверяющая соблюдение гайдлайнов. |
24 |
Надписи и подписи |
25 |
Было: |
Стало: См. материал на Sostav.ru |
26 |
Графические достоинства обоих логотипов не обсуждаем. Спрашивается, зачем надо было писать ТЭСТ-ЖАСО страховая компания вместо нормального русского предложениястраховая компания ТЭСТ-ЖАСО? |
27 |
Мораль: компаниям должно быть стыдно, что они находят деньги на ремонт офиса раньше, чем берут в штат редактора или хотя бы корректора. |
Артемий Лебедев § 115. О маркетинге11 июля 2005 |
01 |
Маркетинга не существует. |
Артемий Лебедев § 116. Знак рубля25 июля 2005 |
01 |
У многих мировых валют есть собственные знаки. $ это доллар. € это евро, £ фунт стерлингов, ¥ йена. Даже у монгольского тугрика есть свой знак, похожий на могильный крест (₮). |
World Currency Symbols |
02 |
Хозяйке |
Двойное перечеркивание, характерное для многих символов валют, берет свое начало от традиции европейских переписчиков обозначать таким образом сокращения. Зачеркнутую горизонтальными или вертикальными линиями букву нельзя спутать, скажем, с инициалом. |
03 |
Многие дизайнеры ставили перед собой задачу придумать знак для рубля. Мол, как же так даже корейцы взяли W и дважды зачеркнули, чтобы свои воны обозначить, а мы должны терпеть, что в шрифтах для великого рубля не отведено законного знакоместа. |
Когда припрет, лучше придумать свой знак рубля, чем пользоваться государственным |
04 |
С моей точки зрения, лучший знак рубля сокращение «руб.». |
05 |
Во-первых, этот знак обладает дополнительным аббревиатурным потенциалом его можно сократить до «р.» («рэ»). |
06 |
Во-вторых, этот знак всем понятен без подготовки (100 руб.). Иностранцам в любом случае придется привыкать к новому символу. |
07 |
В-третьих, этот знак можно воспроизвести с помощью любого кириллического шрифта, что обеспечивает моментальное широкое распространение и применение отечественного валютного символа. |
08 |
09 |
Знак рубля всегда должен стоять через пробел после числа. |
Артемий Лебедев § 117. Гайдлайны15 августа 2005 |
Доченька, давай покажем, как мы выучили все месяцы в году. Ну!.. Ян…?
Варь!
Фев?
Раль.
Теперь давай сама!
Арт, рель, ай, юнь, юль, густ, ябрь, ябрь, ябрь, абрь!
Anekdot.ru. Анекдот дня по итогам голосования за 24 мая 2005
01 |
Правила и руководства по использованию фирменного стиля (они же гайдлайны) неизбежны. Потому что когда фирменный стиль создан, его надо как можно скорее описать, чтобы получившийся талмуд свалить в другое рекламное агентство или дизайн-студию, где кто-то должен восстанавливать мысли авторов стиля. |
02 |
Каждый дизайнер сталкивался в своей жизни с руководствами, составленными кем-то другим. Гайдлайны не любят, потому что к ним часто прилагается тупость бренд-менеджера, считающего, что они святое писание. В реальной жизни качество составления остается на совести авторов: клиент обычно платит за толщину руководства, не вдаваясь в содержание. |
03 |
Описание фирменного стиля почти всегда представляет собой 1-процентный раствор смысла (например: логотип круглый, что символизирует совершенство, или: логотип квадратный, что обозначает устойчивость), а описание правил по использованию элементов стиля в большинстве случаев является результатом умственных судорог. |
04 |
Проблема осложняется тем, что найти литературу, объясняющую, как составлять гайдлайны, невозможно. Кто умеет их делать молчит, улыбаясь. Кто не умеет, складывает в отдельную папку все найденные руководства, надеясь извлечь из них если не секрет составления, так хоть рубрикатор. |
05 |
Рассмотрим пример: |
06 |
Фрагмент (см. целиком) Агентство коммуникаций Netprofit.Построение фирменной стрелки // «Связной». |
07 |
Это уникальный случай умножения нуля на бесконечность, представленный на целом машинописном листе. Рассматривать элементы этой инструкции можно долго в качестве первого урока по криптографии. Для плодотворной работы с фирменным стилем знание того, что y1 = x1 совершенно бесполезно. Очевидно, что фирменная стрелка должна быть предоставлена исполнителю в виде файла, без упоминания о том, что один прямой угол состоит из двух углов по 45 градусов. |
См. также: § 110. Учимся делить на два |
08 |
А вот другой пример: |
09 |
Фрагмент (см. целиком) British Broadcasting Corporation. Designing for Television. Pixel Size // BBCi. Interactive Television Style Guide. 2002 |
10 |
Дизайнер, который еще секунду назад не знал, что в телевизоре пиксели не квадратные, уже образован. Гайдлайны выполнили свою функцию обеспечили передачу знания. |
11 |
Правило № 1. Составитель гайдлайнов должен знать, что он хочет рассказать. После этого ему остается только сесть и сформулировать свои мысли. Самое главное, о чем нужно постоянно помнить: читатель не сможет догадаться, какие знания остались в голове составителя. Поэтому составитель должен описывать даже то, что ему кажется банальностью. |
12 |
Правило № 2. Гайдлайны надо уметь читать. Поэтому их нельзя просто выдать дизайнеру и требовать от него результата. Гайдлайны должен прочитать человек, который умеет их интерпретировать и понимает, когда и где правила можно и нужно нарушать. Этот человек и ставит задачу дизайнеру. |
13 |
Бездумное составление гайдлайнов и буквальное их прочтение пустая трата времени. |
Артемий Лебедев § 118. О цифровом и аналоговом21 августа 2005 |
01 |
Цифровое дискретизирует сознание и рождает роботизированность, аналоговое гладкое, хотя и менее функциональное. |
Артемий Лебедев § 119. Буква ё6 сентября 2005 |
01 |
Ё недобуква. Это буква е с диэрезисом (умляутом, тремой, двумя точками сверху). Использование ё везде насилие над читателем. |
02 |
Диакритические (надстрочные) знаки над е совмещают роль помощника в случаях разночтения (осел/осёл) с ролью ударения (которое всегда падает на ё). Другие омографы в русском языке прекрасно выживают с обозначением одного только ударения (зáмок/замóк). А значение каких-то слов вообще без контекста не понятно (лук/лук репчатый и со стрелами), что не является поводом пририсовывать к ним что-либо. |
03 |
Лирическое |
Впервые применять на письме букву ё предложила княгиня Дашкова на заседании Академии наук в 1783 году. Видимо, перед этим она разглядывала этикетку на бутылке Moët & Chandon. В названии этого шампанского точки над E стоят для того, чтобы у читателя не было соблазна прочитать OE одним звуком Œ (получится «мё» вместо правильного «моэ»). |
04 |
Защитники повсеместного применения буквы ё иногда выходят в своих аргументах за рамки приличия: |
05 |
«Случилось так, что с 1917 г. в итоге 12 лет работы Комиссии по русскому правописанию в нашей азбуке закрепилось и, думается, навсегда 33 буквы. Именно тридцать три, а число это священное. И мы берём на себя смелость сказать, что среди этого благословенного числа звёздочек-литер нашего алфавита буква Ё заняла седьмую и, безусловно, освящённую позицию. Что это игра случая или воля Провидения? Не нам судить. Просто таковаИстина». |
Е. Пчелов, В. Чумаков. Введение // Два века русской буквы Ё. История и словарь. М.: Народное образование, 2000 |
06 |
Да, да. А до 1917 года на священном седьмом месте 35-буквенного алфавита кощунственно располагалась буква Ж. |
07 |
Оставим сакральный трепет. Так ли тяжело нам живется без ё? |
08 |
Мы говорим и пишем Депардье (вместо Депардьё), Рерих (а он чистый Рёрих) и Рентген(который на самом деле Рёнтген), не страдая ни секунды. В то же время все знают, что Гете это Гёте. |
09 |
Хозяйке |
Можно привести пример из зарубежной практики. Английское слово cooperation(взаимодействие) вообще-то надо писать как coöperation, потому что две буквы «о» в английском читаются как «у». Поскольку все знают, что слово произносится кооперэйшн, а не куперэйшн, то умляут над второй «о» пишут только эстетствующие педанты (среди них журналы The New Yorkerи The Economist, сайт artlebedev.com). |
10 |
Взрослые люди вполне справляются с чтением и знают, как произносятся слова. В книгах для дошкольников ставят ударения и пишут букву ё, чтобы ребенок научился правильно читать. Взрóслый, как прáвило, спотыкáется при чтéнии подóбных упрощённых тéкстов. |
11 |
Правило. Ё должна использоваться: в случаях возможных разночтений; в словарях; в книгах для изучающих русский язык (т. е. детей и иностранцев); для правильного прочтения редких топонимов, названий или фамилий. Во всех остальных случаях наличие буквы ё только затрудняет чтение. Она плохо выглядит, зато хорошо звучит. |
Слоган, в котором нашлись даже буквы ё, не выглядит голословным |
12 |
ртемий Лебедев § 120. Висячая пунктуация19 октября 2005 |
01 |
Один из признаков профессиональной работы типографа наличие висячей пунктуации. Знаки препинания, скобки, дефисы и пр. обладают меньшей массой, чем буквы. Начинающие дизайнеры воспринимают любой текст как серый блок, присланный заказчиком специально для порчи красоты, а те, которым не все равно, оптически компенсируют подобные недостатки набора (да, вручную). |
02 |
Слева |
03 |
За линию набора налево выносятся кавычки, скобки, буллиты. Длинное тире в роли знака прямой речи не свешивается. |
04 |
05 |
Справа |
06 |
За линию набора направо (когда край ровный) помещаются кавычки, скобки, точки,запятые. Дефисы (и переносы) не должны свисать на полный размер, достаточно однойтрети или половины от их длины. |
07 |
08 |
На вебе висячая пунктуация впервые применена ко всем страницам сайта www.artlebedev.ru. Есть смысл использовать ее при верстке любых «неспешных» текстовдля придания набору неповторимого кайфа. |
09 |
В дизайне газет и журналов висячая пунктуация должна использоваться при верстке заголовков и крупных блоков текста, а в книгах везде. |
Артемий Лебедев § 121. Об употреблении некоторых топонимов20 ноября 2005 |
01 |
По-русски правильно писать Таллин (а не Таллинн), Алма-Ата (а не Алматы), Белоруссия(Беларусь это трактор), поехать на Украину (а не в Украину), независимо от того, что думают по этому поводу жители указанных мест. |
Артемий Лебедев § 122. Книжные корешки24 ноября 2005 |
Выходят два студента из туалета, и один другому говорит:
Нас в Гарварде после посещения уборной учили мыть руки!
А нас в МГУ учили не ссать на руки!
Anekdot.ru
01 |
На заре книгопечатания выбор книжного переплета оставался за владельцем книги. Человеку выдавали пачку отпечатанных листов, с которыми он шел к любимому переплетчику и заказывал материал переплета исходя из своих эстетических или финансовых соображений. Как правило, переплет подбирался под цвет полок или общего стиля библиотеки. |
02 |
Современному читателю тяжело поверить, что изначально корешок считался тыльнойстороной, поэтому все книги ставились корешком к стене, а страницами в комнату. Тольков XVI веке на корешках стали тиснить название и имя автора. Текст размещался горизонтально, а тонкие книги вообще не подписывали. |
03 |
04 |
Книги постоянно дешевели в производстве, поэтому их стало много. Так много, что без подписанного корешка было уже тяжело найти нужную книгу. Так много, что переплеты стали изготовлять сами типографии. Так много, что подписывать корешки стали даже у тонких книг. |
05 |
В этот момент и зародилось разделение на тупоконечников и остроконечников. По однойтрадиции корешок подписывался сверху вниз, по другой наоборот. За каждой из этихтрадиций стоит рациональное объяснение. |
06 |
Традиция размещать надпись на корешке сверху вниз более старая, она уходит корнями в те времена, когда книг было мало. Соображение было такое: если книга лежит на столе(или в небольшой стопке), читателю должно быть удобно прочесть название. |
07 |
Традиция подписывать корешок снизу вверх более новая, она опирается на соображения об удобстве владельца книжной полки. Читать снизу вверх удобнее, потому что это направление больше соответствует европейской традиции письма слева направо, что особенно заметно при наличии нескольких строк текста на корешке (естественно желание читать строки слева направо). |
08 |
Так вышло, что в Западной Европе и в Америке стали придерживаться более древнейтрадиции, а в Восточной Европе и в России более современной. При этом читатель должен помнить, что обеим традициям уже много веков. |
09 |
Слева русские, справа иностранные книги. |
10 |
5 июня 2002 года Межгосударственный совет по стандартизации, метрологии и сертификации (в который входят все бывшие советские республики кроме прибалтийских) принял межгосударственный стандарт ГОСТ 7.84-2002 «Издания, обложки и переплеты. Общие требования и правила оформления». В России этот стандарт действует с 1 января 2003 года. |
ГОСТ 7.84-2002 |
11 |
В тексте стандарта есть пункт 6.2: «сведения на корешке печатают […] сверху вниз». Большего наплевательства на русскую традицию книгопечатания придумать сложно. Радует только то, что глупость положения стандарта смягчается отсутствием необходимости ее выполнять. |
12 |
В результате каждый останется при своем. На Западе будут считать, что надпись на корешке должна читаться, когда книга лежит, а у нас будут считать, что когда книга лежит, корешок никого не волнует, потому что можно и на обложке все прочесть. |
13 |
Артемий Лебедев § 123. Штампы30 ноября 2005 |
01 |
Клише (франц. cliché) это печатная форма. Изначально слово имело отношение к методу высокой печати (где краска ложится на выпуклую поверхность), но потом стало означать любую печатную форму, с которой делаются оттиски. |
02 |
Стереотип (греч. στερεός твердый, объемный, пространственный; τύπος форма, образ). Название печатной формы, изготавливаемой с матрицы-оригинала(в противоположность монотипу, где оттиск получается напрямую с матрицы). Часто можно встретить в выходных данных книги: «2-е издание, стереотипное». |
03 |
Оба слова изначально являлись исключительно типографскими терминами. Каждое из них сегодня используется в качестве синонима банальности, заезженности, стандартности и ординарности не только в русском, но практически во всех европейских языках. |
Артемий Лебедев § 124. Логотипы4 декабря 2005 |
01 |
Типографский термин логотип, появившийся в начале XIX века, сперва был синонимомлигатуры, то есть объединенных вместе двух или трех знаков. |
греч. λόγος слово; τύπος форма, образ позднелат. ligatura связь |
02 |
03 |
Ко второй половине века логотипом называли любое текстовое клише, например, название газеты, которое не было необходимости набирать каждый раз заново. |
04 |
Логотип «Торгово-промышленной газеты». (1918?) Из коллекции И. Михайлова |
05 |
А в XX веке логотип это все что угодно: шрифтовое начертание, знак, а также их комбинация. |
06 |
Пол Рэнд. IBM. 19561972 Роб Джейнофф. Apple Computer. 19761984 Автор знака точно не известен. Автор шрифта Курт Вейдеманн. Mercedes-Benz. 1985? |
Артемий Лебедев § 125. Факты15 декабря 2005 |
01 |
Отечественные дизайнеры очень похожи на отечественных журналистов тем, что им совершенно наплевать на факты. Поиск первоисточника, уточнение цитаты, проверка догадки понятия знакомые (даже банальные), но совершенно невостребованные. |
02 |
Человек, которому есть что сказать самому, позволяет другим иметь свое мнение. Это заключается и в том, чтобы не мешать другим ошибаться, когда они этого хотят. |
03 |
Первым делом после записи слов на диктофон журналист надевает маску плохого литературного редактора и переписывает чужие слова. Меняет в прямой речи «члена совета директоров» на «топ-менеджера» с такой легкостью, как будто правит свои собственные слова. Так же поступает и дизайнер: ему все равно, сколько пуговиц должно быть на рукаве пиджака. Посмотреть в любой рекламе в первом попавшемся журнале он не может это уже проверка факта. Журналист довольствуется информацией, полученной по ссылкам из первой десятки результатов поиска на Яндексе, потому что он не хочет знать, что бывает еще и вторая десятка. Дизайнер идет на Getty Images и счастлив картинкам из первого же экрана, потому что сам он так красиво все равно не снимет, а тут готовенькое. |
04 |
Журналист перепечатывает материал без ссылки на статью, опубликованную другим журналистом, который забыл посмотреть, что взятый им за основу источник датирован первым апреля. Дизайнер берет логотип для баннера, не обратив внимания, что логотип размещен в сборнике пародий. |
05 |
Журналист не умеет слышать собеседника, дизайнер заказчика, хотя иногда те говорят даже больше, чем хотели бы, но они могли бы и не стараться. Для дизайнера и журналиста любая работа импровизация на тему заданных ключевых слов. |
06 |
Чтобы убедиться в точности перечисленных тут описаний, спросите у любого, у кого брали интервью с диктофоном, что он думает по поводу результата. Узнайте у заказчиков, что они думают о дизайнерах и их ассоциативном ряде. |
07 |
Хозяйке |
Например, часто можно услышать даже от уважаемых людей, что роман Льва Толстого в старой орфографии назывался «Война и мiръ». И что с утратой старой орфографии мы так много смысла потеряли (мiр через и десятеричное это вселенная, общество, а мир через обычную и антоним войны). Ну что может быть проще, чем просто взять да посмотреть, как это было? |
08 |
Когда появился анонс клавиатуры Optimus, с автором (клавиатуры и по совместительству данного параграфа) связался журналист из издания Wired, задавший несколько вопросов. Вслед за ним появился человек, занимающий в этом же журнале должность fact-checker (уточнитель), приславший перечень фактов, которые предстояло подтвердить, уточнить или опровергнуть. Ничего подобного автору в отечественной практике встречать, увы, не приходилось. |
Артемий Лебедев § 126. Фокус-группы15 декабря 2005 |
01 |
Лирическое |
Маркетинг это мейнстримная религия, его сегодня нельзя трогать. Те, кто выступает за «альтернативные» способы решения задач, говорят вполголоса. А несогласных скоро будут преследовать за разжигание межкорпоративной розни. |
02 |
Одним из важных инструментов маркетинга являются исследования рынка и мнений потенциальных потребителей. Нас не интересуют исследования, полученные путем анализа купленной у знакомого таможенника базы данных, нас интересуют способы получения мнений потенциальных потребителей. |
03 |
Есть два таких способа: спросить у коллег (сгодится партнер, секретарша или даже небольшое собрание сотрудников) или спросить у фокус-группы. Коллега хорош тем, что всегда под рукой и за свои слова не несет ответственности. Фокус-группа хороша ровнотем же, только стоит денег. |
04 |
Лирическое |
Главным предметом спекуляции среди маркетологов является понятие «целевойаудитории». Якобы можно ее исследовать, адресовать ей сообщения и продавать что-либо ее представителям. Честно было бы говорить только об определенном круге людей, образующемся по фактуприобретения товара или услуги. Автор готов признать существование целевых аудиторий только в том смысле что у него 47-й размер обуви, и он не обращает внимания на ботинки меньших размеров. |
05 |
Маркетинг многоступенчатая система по сниманию ответственности со всех участников процесса на всех этапах убийства мыслей. Произвольные люди не могут знать, что сработает, а что нет, тем более они не могут отвечать за свои слова. Следовательно,первое, что предлагают маркетологи, это исследование мнения случайных людей, называемых представителями целевой аудитории. |
06 |
Набирают полную комнату теток и начинают спрашивать их мнения о секретной упаковке нового майонеза. |
07 |
Передает ли упаковка задуманную производителем степень премиальности?Соответствует ли она позиционированию как современный престижный продукт нового поколения? |
08 |
Тетки ходят на эти фокус-группы за 500 рублей в час, так что им надо как-то оправдывать присутствие. Неактивных модератор вытаскивает, а активных старается заткнуть, чтобы не сбивали остальных. |
09 |
За односторонним зеркалом, установленным в комнате, сидят представители заказчика и жуют холодный чиккен макнаггетс, запивая растворимым кофе (обсуждают эту в фиолетовой кофточке). |
10 |
Я думаю, что это престижная упаковка, да. |
11 |
Мне кажется, что тут недостаточно премиальности. Я, если бы увидела этот майонез на полке, я бы не купила бы его. |
12 |
А мне кажется, что нормальная упаковка, но мне вот кажется, что тут бегемот немного не к селу, и название плохо откернено… |
13 |
Так, кто пустил дизайнера? встревает модератор. Женщина, покиньте помещение!Так. Продолжаем. Напоминаю, что обсуждаем премиальность. Вызывает ли лояльность этот вариант с подсвечником? |
14 |
В соседней комнате тестируют логотип кетчупа. Как вы думаете, какие услуги предоставляет эта организация? За сколько вы бы воспользовались этими услугами? |
15 |
В переговорной заказчикам презентуют результаты многомесячных исследований, показывают на листе формата А3 страшного желтого бегемота с бусами, автопортрет дизайнера-дауна. Валер, фокус-группа одобрила нашего персонажика! |
16 |
И так далее. Ответ одного дурака с улицы никого не волнует. Но ответы сотни дураков называются результатом исследования фокус-группы и продаются за деньги. Пачка бумаги, получаемая в результате, служит одновременно индульгенцией для маркетологов и руководством к дальнейшим бессмысленным действиям. |
17 |
Хозяйке |
В команде создателей гениального самоката с гироскопическими стабилизаторами Segway говорят, что не пускали фокус-группы на порог. Не пользуются фокус-группами и в компании Apple. Примеров таких откровений единицы. Хотя практически все интересные или успешные вещи появляются на свет без участия фокус-групп. |
18 |
Маркетологи живут в отрыве от реальности. Им не рассказывают, что для того, чтобы майонез появился на полке супермаркета, надо заплатить «входные». Им не говорят, что региональный распространитель вчера проиграл директору майонезного завода на бильярде и вообще отказался от закупок всей продукции. Их не травмируют новостями о том, что через месяц завод будет продан. |
19 |
С точки зрения руководства маркетологи выполняют функцию тефлоновыхстрелочников с них спрашивают, но они всегда ссылаются на исследования. Поэтому отделы маркетинга примерно раз в год увольняются в полном составе и уходят заниматься МДФ-плитами, где проводят новые исследования. |
20 |
Использовать фокус-группы, чтобы оценить новый продукт, особо бессмысленно. Потребители покажут, что на коробке шоколада должны присутствовать чашка чая с золотой каемкой, свеча и роза. Все, что можно узнать, спрашивая мнение людей, этото, что они знают сегодня, до того, как новый продукт появился на рынке. |
Артемий Лебедев § 127. Без тени сомнения11 января 2006 |
01 |
После того как Че Гевара выступил третьим лицом в Кубинской революции, ему стало скучно быть чиновником в новом государстве, и в начале 1965 года он отправился в Конго. Здесь Че Гевара предполагал продолжить революционную деятельность, поддержав товарищей-лумумбистов. |
02 |
В своем дневнике Че описывает общий бардак среди вверенной ему армии аборигенов, с которыми революционной каши сварить не получилось. В том числе рассказывается о даве. |
03 |
Дава это такая жидкость, приготавливаемая мугангой (участковым колдуном племени) из особых трав. Давой поливается воин перед битвой. Чтобы дава сработала, нужно воздержаться от половых контактов, во время боя не есть и не испытывать страха. Если воин получает ранение или умирает, значит, он нарушил одно из вышеперечисленных правил. |
William Gálvez. Che in Africa. Che Guevaras Congo Diary. // Translated by Mary Todd. Melbourne.: Ocean Press, 1999 |
04 |
Воины Че Гевары были совершенно уверены, что дава полностью защищает от стрел, пуль и уж тем более авиации противника. |
05 |
Если в бою погибало много солдат, выжившие шли и убивали мугангу за то, что он приготовил некачественную даву. |
06 |
Уважаемая ежедневная деловая газета «Коммерсантъ» в каждом номере печатает на последней странице астрологические прогнозы. Не менее уважаемая газета «Известия» тоже их публикует. И еще сотни изданий печатают их каждый день, неделю и месяц. Автор считает астрологические прогнозы окончательной и бесповоротной херней, но допускает, что кому-то их читать интересно. |
07 |
Автор встречал разные проявления человеческих предрассудков. Скажем, знакомый владелец одной крупной компании перед тем, как принять важное деловое решение, подбрасывает монетку. А другой перед тем, как сделать что-нибудь важное, произносит про себя «семнадцать». Астропрогнозы из той же оперы. |
08 |
Уважающее себя издание помещает надпись «на правах рекламы» над рекламным текстом, чтобы читатель не совершил ошибки, приняв дифирамбы ОАО за редакционный текст. |
09 |
Сложно потребовать от деловой газеты размещать надпись «окончательная и бесповоротная херня» над астрологическим прогнозом. Подойдет подзаголовок «предрассудки». Или рубрика «развлечения». |
10 |
Сложно представить себе, чтобы ведущее деловое издание какой-либо неафриканской страны без намека на смайлик писало: «Кролики могут оказаться в экстремальной ситуации, поэтому лучше заранее оформить все необходимые страховки» или «В декабре есть шанс на успех новых начинаний, особенно в области образования и науки, международного сотрудничества и путешествий, так как Юпитер перешел в знак Стрельца». |
Астрологический прогноз с Павлом Максимовым. Подзвездный мир в 2006 году. // Коммерсантъ. № 247 (№ 3331). 30.12.2005 |
11 |
Опытный муганга всегда помнит о последствиях плохой давы. |
С 12 января 2009-го «Коммерсантъ» прекратил публикацию гороскопов |
Артемий Лебедев § 128. Бумага стерпит29 января 2006 |
01 |
Издательство «КУДИЦ-Образ» перевело и выпустило книгу Джона МакВейда «Дизайнстраниц». В аннотации сообщается следующее: |
В оригинале John McWade. Before & After |
02 |
«Поскольку автор этой книги американец, единицы измерения могут показаться непривычными, но компьютерные программы легко переведут всё в удобные для вас единицы. Автор использует принятые в Америке форматы бумаги, которые у нас практически не используются. Однако опсиываемые приемы легко подойдут и к обычным для России форматам». |
Ссылка |
03 |
Автору неизвестны такие компьютерные программы, которые хоть как-либо облегчали бы чтение книг. Если речь идет о калькуляторе, то его следует называть своим именем. Но читать книгу с калькулятором бред. Не может быть ничего хуже книги, где переводчик не потрудился перевести королевскую систему мер в метрическую. («На глубине двух-трех ярдов там чернело тело Энди».) |
04 |
Транспортная газета «Евразия Вести» (одно название которой указывает на то, что издатель не успел отточить владение русским языком) публикует на своих страницах интервью с директором Пермского мотовозоремонтного завода Леонидом Борисовичем Добаговым: |
05 |
Как удалось добиться становления завода за короткий промежуток времени? Вышло на полную творческую мощность конструкторское бюро, созданное в конце 90 годов. Результаты его деятельности вполне убедительны: это создание кюветно-траншейной машины МКТ-1П, которая с УТМ-2М и составом засорителей, изготовленными заводами«Ремпутьмаш», будет в комплексе демонстрироваться на выставке в Калуге. […] Наше предприятие производит капитальный ремонт мотовозов МПТ-4; автомотрис АС-1А.2, АС-1М, АДМ; ДГКу; тележек для машин УТМ-2М, РШМ. Доля капремонта и модернизации в выпуске товарнойпродукции составляет 71,6 процента. |
«Евразия Вести», 08.2004 // Ссылка |
06 |
Если корреспондент беседовал с подшивкой листовок выпускаемой продукции, об этом надо сказать честно. Живой человек не в состоянии в речи выдать подобный перечень маркировок и индексов. |
07 |
При производстве бессмысленной печатной продукции нужно к типографскому станку приставлять измельчитель. Бумага стерпит и во второй раз. |
Артемий Лебедев § 129. Новости на неновостных сайтах30 января 2006 |
01 |
Корпоративные сайты без новостей на главной странице уже можно заносить в Красную книгу вымирают. |
02 |
«Новости на морде» это самый дешевый способ показать посетителю, что сайт еще живой. Есть и более дорогие способы (создавать тематические анонсы, на самом деле обновлять сайт и др.), им посвящены другие параграфы. |
03 |
Во-первых, нужно честно ответить на вопрос существуют ли новости у сайта N на самом деле. Если сайт обновляется реже одного раза в месяц, автор рекомендует не использовать слово новости вообще. Список из предложений со ссылками он и в лесу список из предложений со ссылками, нет необходимости изменять его статус до оперативного. |
04 |
Во-вторых, если новость протухла, ее необходимо перемещать в архив. Срок годности фразы «сегодня состоится…» менее суток. |
05 |
В-третьих, надо бороться с датами при новостных заголовках. Даты имеют право на существование либо непосредственно в тексте сообщения, либо в архиве. Новость она на то и новость, чтобы иметь актуальное содержание. Даты являются совершенно мусорным элементом, засоряющим пространство сайта. |
06 |
Допустим, мы заходим на сайт компании N, где наблюдаем типичное: |
07 |
15.01.2006 Если дата события важна, она всегда содержится в тексте новости. Читателю совершенно безразличен день, когда о чем-либо сообщили он все равно узнает о сообщении только в момент прочтения. 27.01.2006 Дата опубликования совершенно избыточна. Сам текст станет достоянием истории уже в ноль часов 30 января. Новость надо переформулировать («29 января прошло заседание»), либо переместить в архив. |
08 |
Правило: надо относиться к новостям, как к киноплакатам стремиться к наличию смысла, избегать слова киноплакаты, старые плакаты хранить в музее, не ставить дату сдачи плаката в печать рядом с названием фильма. |
Артемий Лебедев § 130. Пять цитат из Ромы Воронежского24 февраля 2006 |
01 |
Готов подписаться под каждым словом нижеприведенных цитат. Если бы на первом занятии первого семестра всех дизайнерских факультетов начинали бы обучение студентов со знакомства с этими мыслями, мы бы жили в другом мире. |
Цитаты с сайта Ромы Воронежского narisoval.ru |
02 |
Это произведение о том, что не надо жить в мире условностей. А за применение научных методов вообще надо по мозгам давать. Вот провели исследование, куда смотрят люди, когда ищут в гугле. Оказалось, они смотрят в левую верхнюю часть страницы.Опубликовали. И ей-богу, наверняка сидит сейчас какой-нибудь идиот и рассказывает кому-то, что все смотрят в левую верхнюю часть страницы, поэтому все важное надо размещать только там. Исследования сосут. То есть, они, конечно, бывают очень интересные, но законы из них выводить нельзя, потому что это вам не физика и алгебра.Люди смотрят туда, где им что-то показывают, а вовсе не куда-то туда всегда. |
03 |
Утверждать, что все необходимое должно находиться на первом экране, то же, что и утверждать, будто все важные факты романа «Преступление и наказание» должны быть перечислены в первом абзаце. (А чего его тогда читать?) То есть, если у вас роман хуевый, первый экран вам не поможет. А если наоборот, его и четыреста раз перелистнут. [...] |
04 |
Еще забавное поверье: если на первом экране чего-то не видно, ну, вниз уехало, пользователи думают, что его не существует даже при условии, что они видели его раньше. То есть, пользователи это такие существа, которые отворачиваясь от шкафа, забывают, что он там был. По мнению некоторых, не будем указывать пальцем, ребят. Нет, короче, никакого первого экрана. [...] |
05 |
Иллюстрация: сколько человек не догадается, что ниже есть что-то еще? |
06 |
Цвет явление идеологическое. Идеология такая: сам по себе цвет не значит ничего. Вообще ничего. Беседы о том, что какие-то цвета с какими-то не сочетаются или что-то означают в отрыве от контекста шаманство хуже гороскопов. «Красный означает опасность», говорит человек, который сегодня утром мужественно съел помидор и не дрогнул. «Черный слишком мрачный», утверждает второй, который сегодня утром читал черные буквы на белом листе и смеялся. «Серый скучный», жалуетсятретий. Сами вы скучный. Посмотрите на Бастера Китона весь из оттенков серого, а повеселей вас будет. «Синий символизирует надежду, зеленый обновление», вешает лапшу дизайнер. Дизайнер, не вешай. Клиенту лучше честно сознаться: вот 16 млнцветов (если rgb) или веер (пантон), тыкайте пальцем. Покрасим в любой. Но кнопка«Удалить» останется красной (а с этим клиент никогда и не спорит). Когда мне говорят, что красный с зеленым не сочетаются, я сатанею. Посмотри на грядку клубники, дундук! |
07 |
Когда люди перестают смотреть на смысл и начинают разбирать бог знает что ауру слова или еще что-то в этом роде, жди рождения калеки. Своими ушами слышал: «частица„не“ вызывает негативные ассоциации у пользователя». Знаете, к какой фразе это относилось? [...] «Не в кассу». |
Артемий Лебедев § 131. О навигации в общественных местах24 марта 2006 |
01 |
Лучшая из возможных систем навигации в торговом центре, на транспорте, в аэропорту и пр. должна быть построена на принципе «охрана дает справки». |
Артемий Лебедев § 132. Низкое разрешение28 мая 2006 |
01 |
Применительно к человеку понятие разрешение может означать способность различать стили, объекты, здания, цвета, шрифты, голоса и так далее. |
02 |
Любое образование ставит целью повысить разрешение в выбранной области. Художники долго рисуют яблоки и бюст Сократа, пока не научатся хоть как-то отличать одно от другого. Те, кто никогда не водил, часто не имеют понятия о значении дорожных знаков. Путешественник по Азии через некоторое время перестает путать китайцев, корейцев и японцев. |
03 |
Разрешение дизайнера обычно приближается к единице. Заказчики редко могут исправить ситуацию. Потому что когда встречаются два человека с низким разрешением, их отношения совсем не похожи на балет двух ювелиров с часовыми отвертками.Общаются они как два шаговых экскаваторщика с кувалдами. |
04 |
Лирическое |
Ожидать высокого разрешения хочется от профессий, область влияния которых шире, чем у дантиста или калибровщика карандашных дощечек. Дизайнер один из самых честолюбивых, необразованных, поверхностных специалистов. Конкурировать он может только с журналистом. И того, и другого толькомаркетолог переплюнет по коэффициенту тупость×уверенность. |
05 |
Дизайнер (и заказчик) радуется как ребенок эффекту, превращающему любую фотографию в «акварельный рисунок». Он ставит на каждую из пятисот страниц книги нарядные колонтитулы с именем автора и названием. Он боится незнакомых оттенков и испытывает смутный дискомфорт при виде строчных букв в макете. |
06 |
Повышается разрешение только с опытом, если захотеть и если повезет. |
Артемий Лебедев § 133. Двоезапятие2 июня 2006 |
01 |
Считается, что точку с запятой (;) изобрел Альд Мануций Старший. За прошедшие почти пятьсот лет никто толком не научился применять этот знак по назначению. Иностранные писатели точку с запятой иногда ставят, русские писатели обычно избегают. |
02 |
Предлагается ввести новый знак, состоящий из двух запятых. Графически и интонационнотакой символ гораздо лучше подходит для обозначения паузы. |
03 |
04 |
Автору известна судьба типографических нововведений редкие из них наслаждаются популярностью. Но, в отличие от мало известного сегодня интерробанга(вопроцательный знак гибрид вопросительного и восклицательного, предложенный Мартином Спектером в 1962 году), знак паузы может оказаться востребованным и актуальным в современных текстах. |
Артемий Лебедев § 134. Способ определения предела масштабирования шрифта в одном измерении3 июня 2006 |
Сереге
01 |
Какое счастье, что в эпоху металлического шрифта литеры нельзя было произвольно искажать. Благодаря компьютерному набору, уже в первый год существования настольно-издательских систем человечество увидело столько образцов невообразимого уродства, сколько за всю историю книгопечатания все шрифтовики и художники, вместе взятые, произвести не сумели. |
02 |
Один из самых легкодоступных приемов уродования текста искажение букв по горизонтали. Если шрифт изначально страшен, ему не помогут никакие похудательные или утолстительные диеты. Если шрифт хорош, его рисунок нельзя трогать будет гарантированно хуже. (С этим хорошо знакомы дизайнеры, попытавшиеся на досуге превратить набранное слово в «логотип» какую часть буквы ни измени, получается плохо.) |
03 |
Шрифт можно без серьезного ущерба для восприятия ужать на один-два процента. Это иногда оказывается полезным, чтобы абзац уместился на полосе. |
04 |
Для натренировки зрения дизайнерам (и заказчикам) предлагается взять собственную фотографию и искажать ее вместе со шрифтом. Когда искажения станут заметны на лице,тогда же нужно перестать портить шрифт. |
05 |
06 |
Человек, разбирающийся в шрифтах, так же веселится при виде распухших в два раза букв, как ребенок при виде своего отражения в комнате смеха. |
Артемий Лебедев § 135. Неформальная типографика4 июня 2006 |
Олден Уитмен. Какое место вы отводите себе среди писателей (ныне здравствующих) и писателей недавнего прошлого?
Владимир Набоков. Я часто думаю, что должен существовать специальный типографский знак, обозначающий улыбку, нечто вроде выгнутой линии, лежащей навзничь скобки,, именно этот значок я поставил бы вместо ответа на ваш вопрос.
Интервью в апреле 1969 года (перевод А. Г. Николаевской). Опубликовано в сборнике Nabokov V. Strong Opinions.
01 |
Типографические приемы можно условно разделить на формальные и неформальные. Первые применяются в серьезных газетах, журналах и книгах. Вторые в различных средствах персональной коммуникации и в сети. |
02 |
Употребление неформальных приемов на традиционных носителях может значительно разнообразить жизнь. |
03 |
Зачеркивание |
04 |
Выделение подразумеваемого смысла зачеркиванием стало в последние пару лет очень популярным среди бездельников и эксгибиционистов авторов блогов и дневников. |
05 |
Зачеркивание прекрасно смотрелось бы в рекламном или газетном заголовке, не говоря уже о простом книжном тексте. |
06 |
07 |
Смайлики |
08 |
Смайлики, уже лет двадцать активно использующиеся в электронной переписке, появляются в печати в двух случаях: в статьях про смайлики или в идиотской молодежной прессе. |
09 |
Смайлики незаслуженно считаются второсортным выразительным приемом :-( |
10 |
Когда они состоят из знаков препинания перед нами настоящий, чистый, классический типографский прием по всем формальным признакам (римские цифры тоже изначально не из латинских букв состояли). Поэтому их можно и нужно использовать :-) |
11 |
Но когда мы встречаем смайлики, вставленные в текст в виде картинок (особенно анимированных), можно с уверенностью сказать мы нечаянно попали на форум дегенератов . |
12 |
Уместно поставленный смайлик однозначно укажет на приподнятое настроение автора и поможет избежать мордобоя в случае рискованного заявления. |
13 |
14 |
Разумеется, применение зачеркивания и смайликов ни в коей мере не может служить заменой остроумию и умению передавать смысл. |
||
Артемий Лебедев § 136. Теория близости24 августа 2006 |
01 |
Наша теория близости звучит так: объекты, расположенные близко друг к другу, воспринимаются связанно. Этот простой принцип лежит в основе всякого осмысленного дизайна. Без понимания этого принципа работают тысячи дизайнеров во всем мире, из-за чего получаются довольно прочные фундаменты, на которых стоят бессмысленные сооружения. |
См. также закон близости в гештальт-психологии |
02 |
Дизайн начинается с расположения объектов в двух- или трехмерном пространстве. Это фундамент. Дальше начинаются смысловые конструкции. |
03 |
Проще всего проиллюстрировать принцип близости можно расстоянием между людьми.Тут Ж находится посередине между двумя М, и нельзя определить, к которому она ближе: |
04 |
05 |
А тут по расположению совершенно очевидно, что Ж вместе с правым М: |
06 |
07 |
На практике нарушение принципа «рядом, потому что связано» встречается в любых дизайнерских работах, начиная с обычной верстки. Например, очень часто размещают заголовок таким образом, что сверху и снизу расстояние до абзацев оказывается одинаковым. Хотя читатель в большинстве случаев в состоянии сообразить, к чему относится заголовок, лучше потратить его читательское внимание на содержание, а не на расшифровку формы. Заголовок всегда должен быть привязан к своему абзацу: |
08 |
09 |
Вот, например, неизвестный автор непреднамеренно объединил два разных указателя: |
10 |
11 |
Его неизвестный коллега из Владивостока совершил ту же ошибку: |
12 |
13 |
Действителен и обратный принцип: трудно различать объекты с одинаковыми признаками. |
14 |
Поэтому дизайнеру важно научиться разделять объекты заметно различимыми признаками расположением, размером, массой, цветом для однозначной передачи нужного смысла. |
15 |
Артемий Лебедев § 137. Матрица эмоций12 октября 2006 |
01 |
Любой человек без труда покажет, где находятся верх и низ. |
02 |
03 |
Практически все согласятся с тем, что направление вперед смотрит направо, а назад налево. Это подкрепляется и направлением письма в западной культуре, и ходом часовой стрелки (изобретением северного полушария), и ощущением пути движения жизни у многих людей. |
04 |
05 |
Совместим эти четыре основных направления, а заодно изобразим суммы векторов, что в результате даст восемь сторон. |
06 |
07 |
Не будем соблазняться схожестью этих направлений с частями света, потому что в разных странах люди по-разному представляют себе мир: для монгола вперед однозначно означает движение на юг, а для жителя европейской части России, к примеру, юг расположен внизу, там, где Крым (а вовсе не Куба). |
08 |
На нашей схеме видно, что сумма векторов вверх и вперед представляет собой направление в сторону правого верхнего угла. Это самый «позитивный» угол направления движения в двумерном пространстве. В противоположной стороне располагается, соответственно, самый «негативный» угол. Стремление в левый верхний угол может рассматриваться как движение наверх, но «не туда», а в правый нижний как стремление «вперед к провалу». Объект, расположенный в середине, как правило спокоен и поддерживает симметричность композиции. |
09 |
Посмотрим на матрицу эмоций в сборе. |
10 |
11 |
И сразу же предостережем читателя от желания буквально применять ее по любому поводу существует огромное количество исключений и частных случаев. Скажем, если на листе бумаги разместить логотип компании в правом нижнем углу (где стоят логотипы на восьми рекламах из десяти), то это совершенно не обязательно будет передавать что-либо негативное. Во-первых, композиций на одном листе может быть несколько. Во-вторых, не все объекты являются частью композиции. В-третьих, к статичным объектам данная матрица неприменима (нужно использовать другие матрицы, о них в другой раз). |
12 |
Нам известно о неудержимом желании руководителя бизнеса всеми доступными средствами рассказывать о замечательных достижениях своего предприятия. Ему в этом помогают рекламные агентства и дизайнерские студии. На самом примитивном уровне существуют представления о том, что жирный шрифт передает надежность компании,, что надпись, занимающая все пространство, заметнее надписи, вокруг которой есть воздух,,что прописные буквы смотрятся солиднее строчных и т. д. Все эти заблуждения свойственны людям с низким разрешением (см. § 132). На более высоком уровне для передачи смысла пользуются другими инструментами. |
13 |
Поэтому мы попробуем аккуратно (чтобы не скатиться в шаманство и мистицизм) применить матрицу эмоций к двум логотипам нефтяных компаний отечественной и зарубежной. |
14 |
15 |
Логотип ЮКОСа раздираем противоположными направлениями. Белые диагонали стремятся в левый нижний угол. Даже если предположить, что диагонали идут в позитивную сторону, там их давит доминирующий желтый треугольник, который через секунду скатится вниз. Знак явно продавали клиенту с легендой о «самой устойчивой геометрической фигуре», но идея эта полностью дискредитирована острыми углами трехсоставляющих пирамиду треугольников, которые все направлены вниз. Даже прописные буквы, набранные жирным шрифтом, не в состоянии удержать такую рассыпающуюся конструкцию. |
16 |
17 |
Логотип «Би-Пи» полная противоположность. Тут мы видим симметричную, спокойную, экстравертную, солнечно-цветочную композицию, которая двумя позитивными лучами направлена в сторону двух строчных букв названия. Это динамика, которую поддерживает суперспокойствие. |
18 |
Даже неподготовленный зритель заметит разницу между «загибанием» и «процветанием» они запрограммированы в знаках. |
19 |
20 |
Спорю на что угодно: когда у корпорации «МиГ» дела пойдут хорошо, они закажут себе новый логотип, изменят курс птицы и, самое главное, перестанут использовать наклоненные влево буквы (что вообще противоестественно). |
21 |
22 |
А теперь выйдем в город и посмотрим, как применяют матрицу эмоций те, ктопрофессионально занимается влиянием на эмоции. |
23 |
Кузнецкий мост, Москва, 2006 г. |
Артемий Лебедев § 138. Кофе оно29 января 2007 |
01 |
Признаком псевдоинтеллигентности является замечание «кофе он». Обычно так говорят люди, не замечающие настоящих ошибок в речи. |
02 |
Мужской род бедному напитку достался от устаревших форм «кофий» или «кофей». К примеру, до войны слово «метро» тоже было мужского рода (потому что метрополитен он), в газетах писали: «наш метро». |
03 |
В ботанике растение кофе оно. Мужской род не делает напиток из зерен кофейного дерева более благородным, чем, скажем, напиток из бобов какао. |
04 |
«Кофе он» такая же глупость и архаика, как январское отмечание рождества«по старому стилю». |
05 |
Кофе должно быть среднего рода. |
Артемий Лебедев § 139. Бревно в чужом глазу27 апреля 2007 |
01 |
Когда автор был еще школьником с тройкой по русскому языку в году, один дизайнер рассказал, что в работе могут появиться любые ошибки, но обложка должна быть безупречна. Опечатался на титульном листе потерял работу. |
См. список обнаруженных опечаток в бумажной версии «Ководства» |
02 |
Понимание того, что написанный текст прочтут тысячи людей, должно заставить дизайнера стать грамотным. Чтобы стать грамотным, достаточно любить играть в слова. И мы отправляемся в магазин за игрой «Скрэббл», которая всю жизнь продавалась в советское время под названием «Эрудит». |
03 |
04 |
За прошедшие годы много что поменялось: «Скрэббл» теперь не интеллектуальное развлечение (насколько вообще интеллектуальным может быть составление кроссвордов), а практически «Монополия» на крышке коробки нарисованы две косточки с буквами, дерущиеся за место на клетке, утраивающей значение слова. |
05 |
Хозяйке |
Правила русского «Скрэббла», описанные в инструкции, являются полным наплевательством на традиции. Все русские словесные игры от «Виселицы» до «Наборщика» опираются исключительно на существительные в именительном падеже и единственном числе. Человек, который загадает в «Ассоциациях» слово «наплюя», будет справедливо тотчас же выгнан из игры. Не меньшим свинством является наличие среди косточек буквы «ё», которая в словесных играх своего места иметь не может, полноправно заменяясь «е» по мере необходимости. |
06 |
Теперь играть предлагается под девизом «На счету каждое слово!». При этом прямо под названием на коробке слово «кроссворд» написано с опечаткой: |
07 |
08 |
Каждое слово должно быть на счету, но совсем не на том на скрэббловском поле битвы лишняя буква «о» оценивается всего лишь в одно очко. |
Артемий Лебедев § 140. Дизайнеры и дизайн22 июня 2007 |
01 |
Дизайнера легко парализовать вопросом: «А что если заказчик умнее тебя?» |
02 |
Вся система ценностей дизайнера держится на уверенности в том, что он творец, а любая мысль, пришедшая в голову творцу, неподвергаема сомнению. Подавляющее большинство известных автору дизайнеров ошибочно полагают, что их профессия имеет отношение к искусству. Заодно все это большинство считает, что их творчество ценно только потому, что оно из них вышло. |
03 |
Бутылка один из идеальных объектов имеет форму бутылки не потому, что у дизайнера вдруг зачесалось левое яйцо, и он решил сделать горлышко узким, а потому что пробка дорогой материал, который нужно экономить. |
Артемий Лебедев § 141. Короче5 августа 2007 |
01 |
Дано: напомнить выезжающим из города водителям о необходимости пристегнуться и включить фары. Все способы донести эту информацию должны быть лаконичными и понятными, потому что времени на восприятие очень мало вжик, и все. |
02 |
Вот, например, информационный щит недалеко от Таганрога: |
03 |
04 |
Быстро прочесть это смогут далеко не все люди. А на скорости почти никто не сможет. Во-первых, затрудняет чтение набор из одних заглавных букв. Во-вторых, сильно увеличенные и неравномерные пробелы сбивают глаз. В-третьих, скупое расстояние между строчками превращает текст в кашу. |
05 |
Совершенно излишне обращение к водителю с кем тут еще разговаривать-то. Не пишут же «Водитель! До Мухосранска 400 километров», пишут просто: «Мухосранск400». |
06 |
Наконец, весь текст состоит из словосочетаний, что является типичным признаком бюрократического мышления (водительское удостоверение вместо прав и транспортноесредство вместо машины). |
07 |
Донести сообщение за секунду понятным образом можно было бы так: |
08 |
09 |
Тире в роли прямой речи означает обращение. Восклицательный знак отвечает за уместный императив (а также рождает реакцию «О, точно!»). Слова прочитаются моментально. Водитель уже проедет указатель, когда до него дойдет смысл: пристегнуть ремень и включить фары. |
10 |
Мораль: сообщение всегда должно учитывать условия его получения. |
Артемий Лебедев § 142. О разрядке прописных и строчных8 октября 2007 |
01 |
Прописные буквы всегда разрежаются, строчные никогда. |
02 |
Артемий Лебедев § 143. Знаки препинания в нестандартных ситуациях27 октября 2007 |
01 |
Текст часто бывает непослушным и некрасивым только оттого, что дизайнер не пользуется приемами нейтрализации. Одни из этих приемов требуют времени, другие простого внимания. Сегодня поговорим о том, куда девать и как ставить знаки препинания в неочевидных ситуациях. |
02 |
При разрядке |
03 |
Следует обратить внимание на расстояние до запятой, до восклицательного знака и вокруг дефиса. В каждом из этих случаев потребовалась ручная коррекция. |
04 |
Плохо |
05 |
При центровке |
06 |
Поэтому нужно центровать текст так, как будто никаких знаков препинания не существует, а потом уже добавлять все точки, запятые, скобки, кавычки и пр. Особенно следует обратить внимание на то, как перекашивает строку некомпенсированное многоточие. |
07 |
Плохо Хорошо |
08 |
В случае смешанных начертаний |
09 |
Лучший совет дизайнеру и верстальщику в таких случаях: не надо бояться. |
10 |
Плохо (запятая светлая) Хорошо (запятая жирная) |
11 |
Плохо (скобки торчат как ребра у худой коровы) Хорошо (скобки даны курсивом, глаз доволен) |
12 |
Кавычки в ссылках |
13 |
Плохо Хорошо |
14 |
Сноски |
15 |
Если есть возможность подвинуть сноску руками, можно ее поставить на один уровень со знаком препинания (что будет особенно уместно в изданиях, где сноски дорастают до трех разрядов). |
16 |
Плохо Хорошо |
17 |
Смайлики |
18 |
Смайлик отбивается от слова пробелом. Если после смайлика идет знак препинания, он пробелом не отбивается. Точка после смайлика обычно не ставится. Смайлик может быть совмещен с обычной закрывающей скобкой (при условии, что она где-тооткрылась :-) |
19 |
Плохо Хорошо |
20 |
Смесь традиций |
21 |
Например, если в русский текст попала цитата на английском, то она должна жить по правилам русского набора: с русскими кавычками и точкой, поставленной послекавычки, закрывающей цитату. |
22 |
Плохо Хорошо |
23 |
Признаком хорошей верстки является незаметность сложных моментов. |
Артемий Лебедев § 144. Цитата из Леонардо29 октября 2007 |
01 |
Читать Леонардо да Винчи сплошное наслаждение. Кроме надоевшего примера с вертолетом, дневники Леонардо содержат огромное количество свежих разносторонних мыслей. |
02 |
Если хочешь сделать зловоние, возьми человеческий кал и мочу, вонючую лебеду, если же у тебя ее нет, капусту и свеклу, и вместе положи в стеклянную бутылку, хорошо закупоренную, и в течение месяца держи под навозом, затем брось, где хочешь произвести зловоние, так, чтобы она разбилась. |
03 |
Получается, что газовый баллончик был изобретен уже в XVI веке. |
Артемий Лебедев § 145. Бессмысленная презентация16 декабря 2007 |
01 |
В каждом классе американской школы стоит угловой проектор (на современном офисном языке оверхед-проектор) для показа картинок на стене. |
02 |
Вместо мела учитель берет разноцветные маркеры, вместо доски прозрачный лист. Часть учебных материалов уже напечатана на пленках, часть составляется на ходу. Популярность оверхед-проекторов объясняется тем, что с их помощью на стену проецируются красивые, набранные типографским шрифтом тексты, а также картинки, которые мелом не изобразишь. Оверхед-проекторы появились после меловых досок, но до компьютеров, заняв в американской системе образования важное место. |
03 |
Оверхедами до сих пор пользуются в детских садах, школах и университетах. В деловой среде предпочитали слайд-проектор, замененный сегодня компьютером. |
04 |
Проецированное изображение такая же часть американской культуры, как и комикс. У нас проецированным изображением диафильмом развлекали детей младшего школьного возраста. Начиная со школы и до конца жизни люди обходились устным рассказом, иногда прибегая к мелу на доске. |
05 |
Лирическое |
Американцам органически свойственно думать глазами. Газеты печатают инфографику, новостные каналы показывают трехмерные сцены произошедшего в разрезе. Зрители умеют эту информацию воспринимать. Достаточно взять любую деловую книгу американский автор обязательно нарисует какую-нибудь табуретку, три ножки которой будут обозначать три основополагающих принципа, на которых покоится сидушка явления. Иллюстрированный аргумент воспринимается нами как украшение. У нас не умеют его ни воспринимать, ни создавать. Русская традиция во многом основана на европейской, где никогда не считалось стыдным показаться на публике с рассказом без нарисованныхтезисов. |
06 |
Когда компьютеры достигли определенной степени утилитарности, все основные задачи, с которыми люди сталкивались в делопроизводстве, были компьютеризированы. Самыйраспространенный на свете пакет офисных программ выпускается компанией«Микрософт» и содержит в базовой конфигурации: текстовый редактор (заменяет пишущую машинку), табличный редактор (вызвавший у огромного количества компаний желание приобрести компьютер в свое время, заменяет фактурную пишущую машинку и калькулятор), почтовую программу (заменяет бумажную почту) и программу показа слайд-презентаций (заменяет оверхед- и слайд-проекторы). Кто бы мог подумать необходимость показывать слайды является для американца одной из четырех самых важных вещей в офисной работе. |
07 |
Лирическое |
Даже иконка программы «Пауэр пойнт», хоть и меняется от версии к версии, содержит изображение рамки слайда, что свидетельствует о непрерывности деловой традиции. |
08 |
Если бы «Офис» придумали в России, туда бы мог войти дырокол, но никак не слайд-проектор. Поскольку дырокол сложно компьютеризировать, в русских офисных пакетах никогда не было программ подготовки презентаций это противоречит нашей культуре ведения переговоров, построенной не на обезличенном показе 15 заранееприготовленных картинок, а на личном общении. |
09 |
Под влиянием американских принципов корпоративного общения сегодня практически все крупные компании в России используют «Пауэр пойнт» в своей работе. Ежедневно в тысячах конференц-залов, переговорных, кабинетов делают свет потише, чтобы собравшиеся могли посмотреть на домашнюю работу создателей презентаций. |
10 |
Лирическое |
Слово презентация в офисном контексте стало синонимом слайд-презентации. По крайней мере, все офисные работники однозначно понимают выражения «подготовитьпрезентацию» и «скинуть презентацию»: речь идет о файлах в «Пауэр пойнте». |
11 |
Презентация с показом слайдов в 99 случаях из 100 унылое, занудное, неинтересное времяпрепровождение. |
12 |
Лектор как правило плохо подготовленный, сбивающийся, запинающийся и экающий молодой бизнесмен нажимает на пробел, чтобы на экране появился новый слайд. Если на слайде написан текст, то все зрители в помещении успевают его прочесть про себя быстрее, чем лектор успевает сделать это вслух. Возникает неловкий момент все уже в курсе написанного, но презентатор еще только интонирует сюжетную завязку. Из-за подобного конфликта зрительного и слухового восприятия страдают все, но никто не прерывает процесс, страдают молча. |
13 |
Лирическое |
Невероятное количество офисных сотрудников вынуждены жить по корпоративным нормам, ежедневно переворачивая Кафку в гробу. Именно поэтому их называют офисным планктоном. |
14 |
Слайды в «Пауэр пойнте» практически всегда содержат примитивные аргументы тристрочки текста или одну круговую диаграммку, потому что более плотная подача информации невозможна. Нельзя же читать страницу текста с телевизора так жеи с презентациями. |
См. блестящее эссе Эдварда Тафти «Стиль мышления и „Пауэр пойнт“» |
15 |
Презентации всегда готовятся исходя из следующей картины мира: представитель племени А должен встретиться в лесу с представителями племени Б (от которых ему что-то нужно) и показать им связку зубов. Результат практически всегда известен: если в комнате одни презентацию показывали, а другие смотрели, то все эти люди не принимают решений. Решение будет принято позже на встрече старейшин племен А и Б. |
16 |
Нормальному взрослому занятому человеку неинтересно, что в презентации, он знает, что там манипулирующий аргументами рекламный мусор. |
17 |
Вывод: лучшая презентация та, которую не показали. |
Артемий Лебедев § 146. О склонении топонимов на «о»18 февраля 2008 |
01 |
Топонимы, оканчивающиеся на «о», хорошо и правильно склонять: «После Домодедова еда в Шереметьеве показалась издевательством». |
Артемий Лебедев § 147. Простота ≠ примитивность5 марта 2008 |
01 |
Фасад с карнизом на крыше всегда смотрится в сто раз лучше, домашнее, милее, роднее, приятнее и человечнее, чем фасад без ничего. Непонятно, почему это неочевидно современным архитекторам. |
02 |
03 |
Это же верно и по отношению к любому другому объекту дизайна: дизайн должен быть простым, но не примитивным. |
Артемий Лебедев § 148. Единица смысла24 марта 2008 |
01 |
Дизайнера сложно оценивать по каким-либо количественным показателям. Ни вес картинок в килобайтах, ни количество потраченных на работу часов не скажут нам о человеке вообще ничего. Не имеют также значения: образование, курсы в подмосковных лесах, знание программ, предыдущий опыт работы, рекомендации коллег, личные понты и т. д. |
Данный параграф является главой из новой книги автора«Сделай сам», которая будет посвящена вопросам создания собственной дизайн-студии (готовится к печати в 2009) |
02 |
Дизайнер ровно настолько ценен, насколько ценны его работы. Тем не менее, нам хочется знать, насколько дизайнер продуктивен. В своей ежедневной практике автор успешно применяет метод учета единиц смысла. |
03 |
Единица смысла должна быть интеллектуально калорийной. Хорошая идея, интересная мысль, новый прием единицы смысла. Стостраничный брендбук тоже считается единицей смысла, но не по единице за страницу, а весь целиком. Морда сайта, нестандартный ход в верстке, остроумный способ крепления куба к конусу единицы смысла. |
04 |
Мысль «а давайте летать в два раза быстрее скорости света» не засчитываем. Мысль«а давайте напечатаем наш логотип на салфетках» тоже. Придуманный логотип является единицей смысла, а его размещение на бланке и конверте, как правило, нет. |
05 |
Дизайнер обычно убежден, что он а) страшно талантлив и б) невероятно плодотворен. Автор знал одного дизайнера, который был в состоянии создать только один логотип в год (при этом тот трезво смотрел на вещи и сам себя считал программистом). |
06 |
Если предложить дизайнеру прикинуть, сколько единиц смысла он может произвести в месяц, маловероятно, что мы услышим число меньше десяти. Реальность, конечно же, значительно отличается от неопытной самооценки. |
07 |
Большинство дизайнеров, стремясь производить впечатление генераторов идей, в лучшем случае стреляют раз в два месяца. Обычный хороший дизайнер способен на одну-две единицы смысла в месяц (с этим показателем можно уже звать на работу). |
08 |
Очень-очень хороший показатель четыре единицы смысла в месяц. С дизайнеромтакого уровня можно разговаривать, иногда его интересно послушать, ему можно поручать ответственные работы. |
09 |
Показатель арт-директора должен быть не ниже шести (нет смысла доверять арт-директорство человеку, не способному думать минимум за троих хороших дизайнеров). |
10 |
Самоконтроль невероятно отрезвляет. Любой дизайнер может оценить свой уровень, посчитав количество единиц смысла, произведенных, скажем, за прошедшие три месяца.Самое главное тут, конечно, остаться честным с самим собой: не просто удовлетвориться воспоминанием, что за последнее время придумано сто мыслей, а именно выписать их на листочек. На деле выяснится, что большинство суперценных и гениальных мыслей, во-первых, исчисляется тремя, а, во-вторых, все они пришли в голову еще десять лет назад. Листочек в редких случаях окажется заполненным до середины, даже если писать крупным почерком. |
11 |
Данный способ естественным образом появился на свет в процессе трудоустройстванескольких сотен дизайнеров и работает безотказно. Зарплату, например, легко вычислять путем умножения индивидуального показателя на некоторую сумму в месяц. Снижениепоказателя практически всегда означает, что дизайнер начал работать налево или собрался уходить. |
12 |
Учет единиц смысла можно рекомендовать всем творческим личностям от копирайтеров до арт-директоров. Несмотря на индустриальность, способ вполне пригоден и для частного домашнего применения. |
Артемий Лебедев § 149. Решение задач8 июля 2008 |
01 |
Автор уверен, что дизайн является решением задач, а не творчеством. Дизайнер, который считает, что дизайн это когда надо сделать красиво, просто не понимает смысла профессии. Заказчик имеет право считать наоборот. Потому что иногда сделать красиво это и есть задача. |
02 |
Разумеется, каждая дизайн-студия сама определяет для себя порог внешнего участия в собственной работе. Многие дизайнеры плачут, давятся, ругают клиентов последними словами, но продолжают работать с неприятными людьми и невыносимымитребованиями. Другие дизайнеры работают исключительно так, как сами считают нужным, вообще игнорируя мнение заказчика. Нелишним будет напомнить, что в любых отношениях важно слушать друг друга и находить компромиссы. |
03 |
Автор исповедует крайне простой подход к своей работе дизайн не надо обсуждать, он является решением поставленной задачи. Обсуждать можно только одно: решена задача или нет. |
04 |
В разделе о компании на сайте Студии Лебедева уже много лет написано: «Наша работа заключается в том, чтобы найти наиболее удобный, простой и красивый способ решения поставленной задачи, не потеряв по дороге смысл». В описании каждой работы в портфолио студии указывается задача, которая ставилась перед дизайнерами. |
См. Два слова о |
05 |
Большинство задач решаются удивительно просто: надо взять и сделать. Например, автору часто пишут молодые дизайнеры с просьбой дать им тестовое задание, чтобы они могли показать себя. Задание автор всегда дает одно и то же: «придумать себе задание и сделать его». Если дизайнер действительно чего-то стоит (т. е. умеет решать задачи), он просто придет с примерами отличных работ. А где взять такие примеры? Надо их сделать. А как их сделать? Надо начать с чего-нибудь простого, например, с оформления продуктов в собственном холодильнике. А если нет в холодильнике продуктов? Взять карандаш и нарисовать их. А если нет карандаша? Дальше сами. |
Артемий Лебедев § 150. От обратного8 июля 2008 |
01 |
Один из самых эффективных дизайнерских приемов придумывание неудобных, непонятных и запутанных решений. |
02 |
Например, дизайнеру нужно сделать идеальный вход в магазин. С чего начать? Во-первых, дверь не должна быть видна, лучше всего, если она вообще сольется со стеной. Во-вторых, в нее должно быть сложно попасть. Это достигается сразу несколькими путями. Очевидно,что дверной проем надо разместить на высоте третьего этажа, а перед зданием установить шест для карабканья. Для тех, кто добрался, предусмотреть отсутствие ручки. Желательносделать дверь очень тугой, чтобы она плохо открывалась. Еще лучше воспользоваться малоизвестной конструкцией: например, сделать дверь съезжающей вертикально вниз. |
03 |
Как спроектировать идеальный сайт? Важен длинный и незапоминаемый адрес. Побольше графики, анимации, и рекламы. Желательно разбить всю информацию на мелкие кусочки и снабдить результат большим количеством перекрестных ссылок. Ссылки внешне не должны отличаться от текста, а текст должен быть ни о чем. |
04 |
Идеальный карандаш? Проще простого: грифель должен быть перпендикулярен стержню. В идеальном мобильном телефоне для начала хорошо бы предусмотреть нажатие минимум сорока кнопок для поиска нужной записи в записной книжке (очень важно продумать все сорок нажатий). |
05 |
Любой человек, решивший воспользоваться описанным приемом, приблизится к идеалу очень быстро. Главное не забыть поменять все еще раз наоборот (многие дизайнеры, к нашему сожалению, забывают про это). |
Артемий Лебедев § 151. Со временем все портится10 октября 2008 |
01 |
Автору совершенно очевидно, что со временем человечество работает все хуже и хуже (прогресс этому совершенно не мешает). Люди хотят затрачивать меньше сил и денег, получая все больше и больше взамен. То, что будет у людей через сто лет, будет им казаться плохим по сравнению с тем, что у нас есть сейчас (и что нам кажется плохим сегодня). |
02 |
Часто мы можем встретить подтверждение этому в замечаниях людей старшего поколения, которым кажется, что молодые работают и ведут себя не так, как было в свое время. Эти молодые тоже вырастут и начнут ужасаться тому, как ведут себя еще более молодые. Следовательно, процесс ухудшения бесконечен. |
03 |
Кажется, что сто лет назад все было более добротным и качественным. Мебель, станки, одежда, еда, архитектура, парки, иллюстрации. |
04 |
Возьмем для примера иллюстрации к медицинским учебникам. Сто лет назад уровень подготовки художников был невероятно высок, а отношение издателей к своему труду было несравнимо более ответственным по сравнению с сегодняшним. По крайней мере, так это представляется отсюда, из начала XXI века. |
05 |
«Анатомический атлас» выпущен издательством «Урбан и Шварценберг» в 1900 году. Книга наполнена иллюстрациями высочайшего качества, сделанными с любовью к предмету. Читатель оценит то, как грамотно использованы цвета для передачи нужной информации, как показаны сечения и объемы, как ненавязчиво расположены подписи. |
06 |
07 |
«Атлас анатомии человека» Синельникова выпущен издательством «Медицина» в 1992 году (издание готовилось еще в советское время). Это самый популярный учебник среди студентов-медиков. Читателю предлагается обратить внимание на то, что изображение препарированного марсианина кажется почти плоским, цвета плохо различимы, а подписи с выносными линиями вообще превращают страницу в утыканную шпильками визуальную кашу. Сравните, как те же линии делали сто лет назад. |
08 |
09 |
«Основы семиотики заболеваний внутренних органов» выпущены издательством «Медпресс-информ» в 2007 году. Это специализированный учебник для будущих врачей. Обсуждать достоинства иллюстрации в этом издании (а они все примерно одинакового качества) довольно сложно художник не знаком даже с основами анатомии. Интересно, насколько плохо применены схематические приемы линии и стрелки совершенно безобразны, а подписи вынесены в подвал, чтобы было в два раза тяжелее найти то, к чему они относятся. Цифры-сноски обладают в данном случае отрицательной информативностью, потому что затрудняют восприятие, не предлагая ничего взамен. |
10 |
11 |
Интересно, как поменяется восприятие, когда эта иллюстрация будет считаться образцом для подражания на фоне того кошмара, с которым столкнутся люди через сто лет. |
Артемий Лебедев § 152. Патент краток, язык вечен15 октября 2008 |
01 |
По-монгольски ксерокс будет кенон. Потому что ксероксы марки «Кенон» появились в Монголии первыми. |
02 |
|||
03 |
Хорошо, когда язык живет. Это может не нравиться владельцам товарных знаков. Но называть ксерокс копиром, джип внедорожником, а аспирин ацетилсалициловой кислотой так же глупо, как называть коньяк бренди. |
04 |
Настоящий параграф служит богатым источником слов бывших товарных знаков и пополняется находками, присланными читателями «Ководства». |
05 |
адреналин акваланг аспирин аэробус бакелит берданка боливар боржоми браунинг брегет буран вазелин ваком ватман винчестер гамак гармошка (гармоника) геркулес героин гриндерсы глиссер граммофон джакузи джип |
диктофон дипломат дюралюминий кевлар кеды керосин киви кинематограф кинескоп кирза клаксон коньяк ксерокс кульман лайкра лейкопластырь лимонад лингафон линолеум линотип магнитофон макинтош максим маузер |
метро (метрополитен) наган нарзан нейлон новокаин оракал памперс патефон пилот (электр.) плексиглас поролон примус пульман радиола равиоли ризограф рокфор рубероид саксофон сельтерская ситро скотч тампакс телетайп |
термос тефлон тосол трамплин ундервуд унитаз фломастер формалин френч фреон целлофан целлулоид цеппелин шампанское шапокляк эскалатор эскимо |
Артемий Лебедев § 153. Пирамида Лебедева30 октября 2008 |
01 |
В любой компании, организации или тусовке действует соотношение, проиллюстрированное в нашей диаграмме. |
02 |
Артемий Лебедев § 154. Ты нарисовал плакат с пальцем?8 декабря 2008 |
01 |
В 1914 году журнал «Лондон опинион» вышел с обложкой, изображающей сверлящего взглядом и показывающего пальцем на зрителя военного министра Великобритании лорда Китченера. Надпись гласит: «Ты нужен своей стране». |
02 |
Великобритания. «Лондон опинион». 1914.Автор Альфред Лит |
03 |
Иллюстрация весьма бесцеремонна. Фельдмаршал тыкает пальцем в лицо, а использование указательного пальца, даже для показывания на неодушевленные предметы, невежливо. К тому же рука изображена в белой перчатке, символизируя крупную военную должность. То есть, ты нужен своей стране, но знай свое место. |
04 |
Начиналась Первая мировая война. Иллюстрация оказалась востребованной с согласия журнала ее переделали в военный плакат. |
05 |
Британцы |
06 |
Зрителю кажется, что нарисованные глаза следят за ним под любым углом. Указательный палец играет ту же роль он показывает на зрителя, даже если подойти к изображению сбоку. |
07 |
В январе 1916-го появился новый плакат, на этот раз рисованный и без перчатки на руке. Изображен показывающий пальцем на зрителя Джон Буль (собирательный британский образ, аналог Дяди Сэма). |
08 |
Кого не хватает? |
09 |
В июле 1916-го, когда Америка готовилась к участию в Первой мировой, иллюстрация Джеймса Монтгомери Флагга с надписью «Что ты делаешь для готовности?»с изображением Дяди Сэма появляется на обложке еженедельного журнала «Леслис».В феврале 1917-го она еще раз появляется на обложке свежего номера «Леслис», но уже с надписью «Ты нужен мне». |
10 |
В том же году в США иллюстрацию снабжают крупной надписью «Ты нужен мне в армииСоединенных Штатов» и печатают миллионами экземпляров, призывая солдат к участию в войне. |
11 |
Ты нужен мне |
12 |
Плакат становится мировой классикой и пародируется бесчисленное количество раз. На обложке все того же «Леслис» Флагг обыграл собственную иллюстрацию в декабре1917-го (то есть, когда агитационная версия уже висела на каждом углу). |
13 |
Слезай с трона! |
14 |
Плакат с использованием графического приема выходит в Италии. |
15 |
Выполните все свои обязанности! |
16 |
В 1919 году появляется белогвардейский плакат «Отчего вы не в армии?». Плакат откровенно слаб. Во-первых, изображение перерисовано с итальянского постера. Во-вторых, надпись вообще не читается. В-третьих, шрифт в стиле модерн создает ощущение, что зрителю предлагают бокал шампанского и потанцевать. В-четвертых, тут совершенно неуместно обращение на «вы» (оно уместно в итальянской версии, потому что тамрекламируют военный займ, а не зовут на фронт). |
17 |
Отчего вы не в армии? |
18 |
Отчего вы не в армии, милейший? |
19 |
Сложно избавиться от ощущения, что белые проиграли войну только из-за дизайнерской беспомощности все их плакаты блекнут на фоне красной агитации. Но это тема для отдельного исследования. |
20 |
Почему ты не на фронте? |
21 |
Присоединяются немцы. |
22 |
Ты тоже должен вступить в имперское ополчение. |
||
23 |
В 1920-м Дмитрий Моор создает свой знаменитый плакат, который становится такой жеклассикой в СССР, как флагговский плакат с Дядей Сэмом во всем мире. |
24 |
Ты записался добровольцем? |
25 |
Моор был не просто превосходным художником, он еще мастерски владел плакатным словом. Сама фраза «Ты записался добровольцем?» стала не меньшей классикой, чем образ солдата. |
26 |
В мире появилось огромное количество аналогичных произведений. Во время Второй мировой войны плакат с Дядей Сэмом снова стали использовать в агитационных целях.Любопытно, что Моор в это же время перерисовал свое произведение, осовременив образ солдата. |
27 |
Ты чем помог фронту? |
28 |
Сегодня образ, сверлящий взглядом и показывающий пальцем на зрителя, воспринимается исключительно как пародия на плакаты Флагга или Моора. |
29 |
Ты меня уважаешь? |
Артемий Лебедев § 155. Печать пиктограмм и скриншотов20 декабря 2008 |
01 |
Полиграфисты знают, что картинки для печати должны быть с разрешением 300 точек на дюйм. Веб-дизайнеры тоже слышали про это магическое число и свято в него верят. В результате и полиграфисты, и веб-дизайнеры не в состоянии грамотно напечатать на бумаге пиктограмму или скриншот (то есть изображения изначально низкого разрешения). |
02 |
Как правило, главная ошибка заключается в том, что дизайнеры не понимают, что такоеразрешение. |
Мы честно пытались помочь в § 69. Разрешение картинок |
03 |
Изображение, которому указали в поле «разрешение» число «300», должно передать выводному устройству (например, принтеру) приказ о том, что каждая точка этого изображения должна на бумаге занять одну трехсотую дюйма (85 микрон). |
04 |
Скажем, нам понадобилось крупно напечатать пиктограмму с домиком (). |
05 |
Обычное 16-кратное увеличение изображения оставит нас наедине с ужасным результатом. |
06 |
07 |
Именно этот результат считается идеальным среди любителей трехсот точек на дюйм.Общая размытость и сглаженность возникают из-за автоматического применения алгоритмов антиалиасинга, задача которого не допустить простого увеличения пикселей. Так как взять изобразительную информацию графической программе неоткуда, она додумывает. Алгоритмы догадывания хорошо работают, когда нам нужно уменьшить или немного увеличить фотографическое, то есть гладкое, изображение. |
08 |
А теперь увеличим ту же пиктограмму без применения каких-либо алгоритмов. |
09 |
10 |
В данном случае угловатость и грубость результата именно то, что нам нужно: мы не испортили пиктограмму. |
11 |
Откроем книгу «Дизайн компьютерных пиктограмм». Что мы увидим справа и слева? Доказательства тому, что некоторые люди верят догме («изображение должно быть 300 точек на дюйм»), но отказываются верить собственным глазам (результат безобразен до вопля). |
12 |
Стив Каплин. Дизайн компьютерных пиктограмм // М.: Астрель, АСТ. 2003 г. Примечательно, что в англоязычном издании подобной ошибки технологи не допустили. |
13 |
То же самое относится и к скриншотам их надо увеличивать в верстальной программе, а не в графическом редакторе. |
14 |
Правило: чтобы напечатать пиктограмму или скриншот на бумаге, достаточно их механически растянуть без каких-либо предварительных сглаживаний. Технологупечатного производства, который преграждает дорогу со словами «Напечатаю картинки с разрешением 72 точки на дюйм только через мой труп», надо смело втыкать в грудь осиновый кол. |
Артемий Лебедев § 156. Дизайн это война22 декабря 2008 |
01 |
С помощью графического дизайна можно решать задачи гораздо более интересные, чем простое декорирование. Рассмотрим для примера историю борьбы производителей табакас противниками табакокурения. |
02 |
Исторически во всем мире (и в нашей стране) сигареты и папиросы были обычным повседневным товаром для подавляющего числа взрослого мужского населения. Раньше можно было курить везде в автобусе, в столовой, в редакции. Пространство для курения сокращалось в течение всего XX века. Из личного опыта: курение в кинотеатрах автор уже не застал, но в самолетах успел накуриться вовсю. |
03 |
Хозяйке |
Во всех новых самолетах и в «Боингах», и в «Аэробусах» больше не устанавливают пепельницы в подлокотники, но до сих пор над каждым сидением продолжают встраивать световое табло «не курить». |
04 |
Сигареты оформлялись, как шоколадки, на вкус художника. Никаких ограничений на дизайн пачки не накладывалось. |
05 |
Сигареты «Кишинев». СССР, 1970-е |
06 |
Борьба с курением редко находила понимание среди курящих, но вопрос решался на уровне министерств здравоохранения разных стран. В начале 1980-х по требованию Всемирной организации здравоохранения в СССР появился стандарт, обязывающий на всех сигаретных пачках размещать предупреждение о вреде курения. Выражение«Минздрав предупреждает» навсегда входит в русский язык. |
07 |
Размещать предупреждение можно было где угодно. Чтобы не портить дизайн, надпись ставили на торце или на боку пачки. |
08 |
Сигареты «Визит». СССР, 1980-е |
09 |
Вряд ли на свете есть хоть один человек, который бросил курить (или даже просто не начал) из-за наличия этого предупреждения. Тем не менее, на свете полно людей, которые начали (и продолжают) курить из-за того, что им нравится марка сигарет и оформление пачки. |
10 |
Современные требования к оформлению предупреждения о вреде здоровью строятся как минимум на следующих принципах: надпись должна быть выполнена легкочитаемым шрифтом; надпись должна быть четко выделена на пачке в своем поле; надпись должна занимать не меньше четверти от площади пачки. В Европе это выглядит так: |
11 |
Сигареты «Житан». Германия, 2007 |
12 |
В странах, где требования поверхностны, внешний вид предупреждения сильно отличается. Например, надпись может оказаться напечатанной золотом по серебру. |
13 |
Сигареты «Житан». ОАЭ, 2006 |
14 |
Производители табака не боятся делать надпись читабельной, но на всякий случай не торопятся. Зачем ускорять появление на пачках фотографий рака легких. |
15 |
Среди всех цивилизованных стран особое место в наплевательстве на ясность дизайна занимает Россия (даже на Украине используют европейский стандарт предупреждения). Происходит это не потому, что у нас в стране не хотят соответствовать мировым стандартам, а ровно потому, что мировым стандартам пока что не запрещено не соответствовать. |
Более серьезные «Минздравы» (так у табачников называются предупреждения о вреде курения) появятся в России к 2010 году |
16 |
В области нанесения предупреждений о вреде курения на сигаретные пачки у нас в полной мере реализован принцип «можем, когда захотим». А хотим мы так: |
17 |
Сигареты «Мальборо». Россия, 2007 |
18 |
Это пример идеального издевательства над быстрым восприятием. Во-первых, все слова набраны заглавными буквами (что в несколько раз ухудшает читаемость). Во-вторых, буквы механически заужены (еще сильнее ухудшает читаемость). В-третьих, смысл классической мантры «Курение вредит вашему здоровью» за 30 лет применения стерся до нуля (замена слова «опасно» на «вредит» прошла незамеченной). Это очень важно не менять текст. Если его менять, люди начнут обращать на него внимание (на Западе предупреждения бесконечно разнообразны). В-четвертых, это самый важный момент, надпись специально забрана в дизайн пачки: под ней проходит полоска фирменного красного цвета. Людям становится настолько же безразлично предупреждение, как и то, что в изображенном на пачке гербе написано «пришел, увидел, победил» на латыни. |
См. также § 150. От обратного |
19 |
Сравним наши наблюдения с оформлением такой же европейской пачки: |
20 |
Сигареты «Мальборо». Германия, 2007 |
21 |
Хозяйке |
Изобретение твердой упаковки (которая рекламировалась вначале под названием «Флип-топ») преследовало главную цель, помимо предотвращения сминания сигарет: заставить курильщика доставать всю пачку из кармана. Мягкие пачки никто не вынимал из кармана, а сигареты из них доставались через оторванную бумажку сверху упаковки. Никто не потратил времени на придумывание конструкции твердой пачки, которая могла бы сравниться по удобству с мягкой. Достать сигарету из пачки с картонным клапаном, лежащую в кармане, стало невозможно. |
22 |
Дизайн это война. С помощью знания психологии восприятия, с помощью дизайнерских приемов противники придумывают новые способы борьбы друг с другом. Никто не торопится вывалить все знания сразу надо посмотреть, как враг поступит с новой информацией. Надо разместить надпись о вреде курения? Пожалуйста вот она сбоку. Надо разместить надпись на передней стороне? Пожалуйста, вот она золотом по серебру. Надо занять треть площади пачки? Отлично вот вам в продаже специальные чехлы, в которые пачка как раз помещается на треть, чтобы не смущать курильщика неприятными текстами. И так далее до бесконечности. |
23 |
Отличный пример активного противостояния мы наблюдаем в Чили. Абсолютно на всех пачках сигарет половину площади занимает фотография дона Мигеля, курившего 20 лет и заработавшего дырку в горле. При внимательном рассмотрении мы найдем на фотографии эту дырку. |
24 |
Сигареты «Лаки страйк». Чили, 2007 |
25 |
Антитабачники празднуют победу им удалось разместить омерзительную фотографию на всех сигаретах. Но их жестоко обманули изображение дона Мигеля выполнено настолько ловко, что зритель может подумать, как будто перед ним персонаж с обложки журнала «Эсквайр». Лицо человека, который призван был пугать личным примером рака гортани, воспринимается как лицо какого-нибудь модного актера. А повторяемость образа делает его совершенно невоспринимаемым. |
26 |
Гораздо более бескомпромиссную позицию занимают канадские борцы с курением. Тутпредупреждение тоже занимает половину пачки но верхнюю (не положишь пачку в футляр). Тут тоже фотография но безошибочно отталкивающая. И фотографии на разных пачках постоянно меняются. Канадский курильщик как бы должен достать сигарету из гнилого рта, не очень приятно. Но заодно с этим в Канаде нельзя курить на расстоянии полутора метров от летней веранды любого ресторана. |
27 |
Сигареты «Бенсон и Хеджес». Канада, 2006 |
28 |
Лирическое |
Табачными компаниями руководят совсем неглупые люди. Они понимают, что бизнес по производству табака не является привлекательным в долгосрочной перспективе (10, 20, 50 лет). Постоянные запреты, ограничения и точечные судебные процессы уменьшают интерес инвесторов и акционеров к табачной индустрии. Все табачные компании уже придумали себе по запасному аэродрому, но продолжат выпускать сигареты, пока на них существует легальный спрос. Чтобы оттянуть сроки введения новых ограничений, а заодно смягчить их интенсивность,табачные компании придумывают «добровольные соглашения». Например, «БритишАмерикан тобакко», «Джапан тобакко» и «Филип Моррис» еще в 2001 году подписали«Международные стандарты маркетинга табачных изделий». Основной смысл соглашения заключается в том, что стороны обещали друг другу направлять усилия по продвижениютабачной продукции на взрослую аудиторию. Эта бумага по-другому могла называться«Дяденьки, не бейте». |
29 |
Посмотрим на результат добровольной договоренности российских табачныхпроизводителей. |
30 |
Знак «18+». Россия, 2000-е |
31 |
В результате на всей рекламе сигарет в России появился рядом с обязательной фразой о вреде курения еще и узнаваемый логотип с крупной надписью «18+» в центре. Внешний вид логотипа регулируется гайдлайнами, во всей рекламе он должен появляться в неизменном виде. |
32 |
Этот же логотип рекламируется в качестве символа ответственного отношения, а также присутствует в виде наклеек на дверях лавок и магазинчиков. С одной стороны, может показаться, что это забота о несовершеннолетних. Но на самом деле, это гениальное решение на будущее, когда рекламу табака запретят вообще везде. Логотип, который со временем станет еще более узнаваемым, буквально означает: «тут продаются сигареты», а также разрешает курить после 18. |
Ни одно предупреждение о вреде курения не помешало автору курить 16 лет подряд по три пачки крепких сигарет в день. Ни одно предупреждение о вреде курения не помогло автору в конце концов бросить курить. |
Артемий Лебедев § 157. О стилизации7 января 2009 |
01 |
Любая стилизация это ужасно. |
PAGE 446