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

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

Ководство

Основные темы «Ководства» — графический и промышленный дизайн, проектирование

интерфейсов,типографика, семиотика и визуализация.

Предисловие расположено внизу. Проект существует с 1997 года. Автор —

Артемий Лебедев. PDF by LdGray

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. Предисловие

— Оспоривать с дубиной в руках! — перебил дядя, — мы не в Киргизской Степи. В образованном мире есть

другое орудие.

И. А. Гончаров. Обыкновенная история

Первые параграфы были написаны в

качестве глав книги про веб-дизайн

в 1997 году. Уже на следующий год стало

понятно, что природная лень не позволит

автору быстро довести дело до

публикации на бумаге, поэтому был

открыт одноименный сайт.

В разные годы проект менял название.

Изначально планировалось

писать только про интернет, однако

интересы автора несколько шире,

поэтому «Ководство» плавно

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

важных изобретений, интерфейсах,

семиотике и т. д. В 2002 году началась

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

чего летом 2003 года появилась

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

В конце 2006 года специально для

настоящего издания все параграфы были

еще раз переписаны, а большинство

иллюстраций заменено. Неактуальные

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

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

удивляться не надо.

NB! Каждый абзац каждого параграфа

пронумерован. Это, с одной стороны,

дисциплинирует изложение, а с другой,

помогает ссылаться на нужное место

в тексте (вы только что

прочитали третий абзац нулевого

параграфа).

«Ководство», являясь отражением

мировоззрения и личного мнения автора,

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

и мысли. Дизайнер, вопреки превратному

представлению большинства, не только

водит мышью по столу, он живет своей

профессией, делая из хаоса

порядок. Он владеет умами и создает

настроения. Хороший дизайнер управляет

людьми с помощью своих произведений,

плохому нужна плетка-семихвостка.

В «Ководстве» нет готовых рецептов

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

их вообще никто не знает. А как

употреблять пищу для ума — за столом

с хорошим вином или глотая кусками

с картонной тарелочки — дело читателя.

P. S. Вопросы, комментарии и замечания

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

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

электропочты: tema@tema.ru.

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

§ 8. Простой секрет ГИФа

11 сентября 1998

ГИФ — это сокращение от Graphics

Interchange Format (формат обмена

изображениями). Его придумали

в компании «Компьюсерв», когда

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

на экране, были далеки от сегодняшних,

как «Пентиум II» от 286-го. Если бы

создатели ГИФa знали, что

будет твориться в 1998 году, они бы

не придумали такой кривости. Впрочем,

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

кому-нибудь всерьез понадобится больше

256 цветов. И не знали о том, что кому-то

захочется делать анимацию.

Лирическое

отступление

Вообще, вполне могли изобрести формат,

который поддерживал бы 24 бита (но мог

жить и при одном), хорошо

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

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

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

проявляться постепенно и при этом

изображение занимало бы мало места.

Впрочем, формат ПНГ почти приближен

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

года три назад, его никто серьезно

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

Совершенно понятно, для чего нужен

ГИФ. Для простой графики, не для

фотографий. Весьтекст, линии,

однотонные поверхности должны

сохраняться в этом формате.

Сослагательное

наклонение

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

эротические картинки

существовали тольков формате

ГИФ. Собственно, именно благодаря

желанию масс передавать подобные

картинки формат

и сделали. Отнять популярность у него

смог только джипег, который лучше

справлялся с задачей. Создатель же ПНГ

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

сотен баб в свой формат и заслать

их в соответствующие

конференции. Тогда бы всем пришлось

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

была бы обеспечена раз и навсегда.

Было бы у нас три формата.

Чтобы понять, как работает ГИФ,

рассмотрим простой пример. Возьмем

картинку и сохраним ее в ГИФе:

Потом возьмем ее же и повернем

на 90 градусов:

Графическая информация

осталась та же. Ни один пиксель

не пропал. На что же нужно обратить

внимание? На размеры этих картинок.

Первая занимает 1,5 килобайта,а вторая —

400 байтов. То есть почти в четыре раза

меньше.

Пока те, кто впервые такое видит,

собирают с пола выпавшие глаза,

раскроем секрет: ГИФ

сжимает (а компрессия происходит всегда)

изображение горизонтально. Поэтому

во втором примере было потрачено

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

информации. Рассмотрим под

микроскопом то, с чем пришлось иметь

дело компрессору.

Представьте, что формат ГИФ — живой

человек. Ему нужно записать изображение

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

увиденное в любое время и без

ошибок.Он берет верхний ряд картинки —

высотой в пиксель — и смотрит

на него (показанов увеличении):

Сколько слов нужно потратить

на описание? «Восемь пикселей черного

цвета, тринадцатьбелого, восемь

черного...» и так далее.

Целую тетрадку за три копейки займет.

А что мы видим во втором случае?

«Линия черного цвета длиной в девяносто

два пикселя», — и все.

Зная, как себя ведет ГИФ, можно