Параграфы 21-40

§ 21. Как делался дизайн Reklamы.Ru

часть первая

Некоторые читатели, возможно, уже имели удовольствие (отвращение) увидеть новый дизайн, сделанный мной для сервера Reklama.Ru. В нескольких выпусках я расскажу о процессе создания этого дизайна.

Во-первых, два слова о теме дизайна — он сделан по мотивам еще первой версии, где для оформления брались старые (дореволюционные) рекламы. Прошлая версия была настолько безобразна, что вообще непонятно, как ее терпел я сам. Все силы ушли на функциональность системы. В этот же раз, с открытием нового механизма, хотелось подчеркнуть важность момента новым офигительным дизайном. Тем более что сама по себе тема старой рекламы крайне продуктивна, как любая грамотная стилизация.

За основу было взято четыре журнала «Нива» за 1904 год, которые я выменял за одну пластинку жевательной резинки еще во втором классе общеобразовательной школы. Из журналов было отсканировано 6 полос с рекламными объявлениями.

Полосы общим весом 50 мегабайт томились в папочке, пока надо было сделать логотип. Для него был выбран шрифт FaRer (потрясающая работа студии Letterhead, одной из лучших в России делающих шрифты). Буквы были стилизованы под кривую каллиграфическую акварель, чтобы подчеркнуть несовершенство цветной бытовой печати тех времен.

Желтый фон, понятное дело, нужен для того, чтобы состарить весь дизайн. После этого надо было подобрать шрифты, которые использовались в те времена. Тут мне пригодились такие гарнитуры, которые я даже спьяну никогда бы не использовал в своих работах. Дешевая стилизация под оформление американского бара, увиденного в малобюджетном вестерне. Но тут все было кстати — такие шрифты использовались в начале века активно и повсеместно.

Надо помнить, что моя стилизация была ориентирована на дизайн начала века. Поэтому использование рубленых шрифтов (шрифтов без засечек) было запрещено. В те времена такие шрифты использовались только для заголовков.
Моду на использование рубленых шрифтов в качестве наборных ввела в 20-е годы немецкая школа Баухауз. Просто для большого объема текста шрифты с засечками (антиквенные) гораздо более подходящи.

Привычку делать супер-аккуратный дизайн с выверением каждого пикселя пришлось отложить в сторону. Все шрифты, всю графику приходилось «гадить» и стилизовать под не очень качественную высокую печать журнала начала века. Текст должен был «плыть» местами, графика должна была быть с «рябью».

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

О том, как делались эти заставки, я расскажу в следующий раз, а пока хотелось бы процитировать Павла Фролова (менеджера по маркетингу издательства «Atlant»), который, увидев готовый сайт и выражая, очевидно, корпоративную точку зрения, написал:

«Лебедев вконец перестал попадать своими широко растопыренными пальцами по мышке и клавиатуре, результатом чего стал очередной кривой и бездушный выпендреж в дизайне, который вызывает тошноту у любого уважающего себя Сетянина.»

Попробовать, что ли, в следующий раз стилизоваться под сайт «Атланта»...

§ 22. Как делался дизайн Reklamы.Ru

часть вторая

Ну вот. На чем мы там остановились? А, да, на том, как некоторые люди оказались не в состоянии отличить стилизацию от глюков собственного браузера. И пусть с ними. Продолжим рассказ.

Следующим важным шагом был подбор правильных слов и составление шуток.

Как придумывать шутки, я рассказывать не буду. Это личное дело каждого. У меня была задача подобрать для каждого раздела такую иллюстрацию, из которой получился бы хороший коллаж. Приведу примеры «до» и «после».

Несложные движения мышью стерли часть картинки слева и продублировали ноги бильярдного стола справа.

Для раздела «Частые вопросы» была выбрана такая реклама:

картинка утеряна

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

На этом месте мы должны прерваться на отдельный выпуск, посвященный некоторым особенностям работы с языком старого стиля.

§ 23. Пару ласковых о дореволюционной орфографии

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

Подавляющее большинство путает «ять» и «ер». Ер — это старое название твердого знака. Ять — это на слух та же буква «е», только пишется как мягкий знак с перекладиной.

В старой орфографии были буквы «i» («и десятеричное»), «ять», «фита» и «ер» (была еще ижица, но употреблялась она не чаще «ё» в современных текстах).

Буква «i» писалась перед гласной, перед «й», а также в слове «мир» (в значении «вселенная»).
Как известно, нет ни одного русского слова, содержащего букву «ф» («ферт»). Все они заимствованы (кроме разве что слова «фуфло», да и то неизвестно). Так вот.
То, что в древнегреческом писалось через «тэту», в церковнославянском (и в орфографии XIX в.) писалось через «фиту» (в латинских текстах — через «th»). То, что по-древнегречески писалось через «фи», то писалось через «ф» по-русски (и «ph» в латинских транслитерациях).
Так, имя «Федор» писалось через фиту (Theodor), а «параграф» — через «ф» (paragraph).
Правильное употребление буквы «ять» было доступно только тем, кто знал все подобные слова наизусть. Разумеется, существовали всякие правила. Типа, если нужное слово поставить во множественном числе с ударением на «е» и получить «ё», то ять писать не надо (весло — вёсла, метла — мётлы).

Если вы все же решили стилизовать текст не только по смыслу, внешнему виду, но и орфографически, то извольте выучить правописание тех времен. (Правильно написать текст по всем правилам старой орфографии можно только сверяясь со старыми книгами, держа под рукой дореволюционный словарь. Даже если вы дипломированный филолог, ошибок нагородите с три короба.) Все же думают, что можно обойтись одним ером. В качестве отрицательного примера можно привести логотип «Столичного банка сбережений»:

Назвался груздем — полезай в кузовок. Если уж слово «банк» написали с твердым знаком, извольте соблюдать все правила. Иначе получается безграмотная некультурная каша. Правильно же писать так: «Столичный банкъ сбереженiй».

Второй пример — логотип единственного места в Москве, где продают приличный чай (в Камергерском переулке, у МХАТа — рекомендую).

Чай в магазине правильный, продавщицы знают все о каждом сорте, большой выбор (сортов 60, не меньше), отличное оформление внутри. Но дизайнер логотипа перестарался, все испортил. Союз «и» не может писаться как «i».

§ 24. Как делался дизайн Reklamы.Ru

часть последняя

Итак, я осознавал все сложности старой орфографии. И не желал играть в человека, восторгающегося всем, что было до коммунистов (самая частая проблема любителей стилизоваться под старину). В-третьих, уж коли картинки в старом стиле, то и весь текст надо писать по всем дореформенным правилам. Что невозможно физически, так как у вас, например, ни «ятя», ни «фиты» нет ни на клавиатуре, ни в шрифте.

Поэтому принято решение писать весь текст на картинках в современном виде, без выкрутасов типа «Марiенбадскiя Редукцiонныя Пилюли».

Кстати, при проглядывании реклам начала века у меня разбежались глаза. Одна лучше другой. Некоторые хотелось брать прямо без изменений. Эту, например (что-то вроде прокладок Always Classic, только без крыльев :-):

Но надо было делать свое, имеющее осмысленное отношение к сайту.

Концепция оформления состояла в обыгрывании имени Reklama.Ru. То есть «Реклама в России».

Домен «reklama.ru» был куплен летом 97 года за 50 долларов...

При этом макет и сетка создавались так, чтобы не показывать баннеры Рекламы.Ру на сайте Рекламы.Ру. Потому что это было бы глупо. Все равно что в булочной вешать фотографии батонов.

Заменить баннеры самой сети и должны были старые рекламы, а точнее — стилизации под них. При этом учитывалось, что баннерная система — вещь совсем не про дизайн. Это серьезный механизм, это десять человеко-лет.

Участники баннерной сети вообще-то заходят на сайт не картинки посмотреть. С другой стороны, сделать страницу, где есть только поля «имя» и «пароль» (а это все что нужно, остальное — украшение), было бы скучно. Поэтому, говоря искусствоведческим слогом, можно было позволить некую эклектичность, насыщенность графическими объектами.

Что я и позволил.

§ 25. Явление «формата»

«похоже» не значит «украдено»

Предвижу, что этот параграф вызовет бурные и продолжительные дискуссии.

Существует клонирование. Это когда человек просто берет твою структуру, картинки и меняет текст. В большинстве случаев «клоуну» приходится придумывать такие пункты меню, которые уже не имеют для его сайта смысла (оригинал ведь сделан для конкретного сайта с заданным набором рубрик). Примеры клонов можно изучить тут — http://www.design.ru/museum/

Но, с другой стороны, есть такая вещь как «формат» (назовем его так). Это набор правил, свойств и функциональностей, присущих какой-то теме. Например, мы всегда узнаем газету. Ее признаки — особая бумага, черно-белая печать (обычно), крупный логотип, верстка колонками, отсутствие скрепок, мелкий шрифт и т.д. Глупо утверждать, что «Известия» — это клон «Правды».

Именно поэтому http://www.ru/ похоже на http://yahoo.com/ — Yahoo! придумали самый удобный вид для каталога (рубрики в две колонки со ссылками на основные подрубрики), и почти все каталоги и порталы в мире сделаны по его образцу.

В какой-то момент кто-то должен сделать сайт, настолько хорошо отвечающий запросам формата, что другие вынуждены использовать предложенные решения. Без этого не было бы прогресса. Разница в результате будет в удобстве, качестве, красоте и пр. Так, все брюки похожи, и мы легко узнаем их. Но никому в голову не придет назвать их клонами.

картинка утеряна

Точно так же трудно сделать рояль, не похожий на рояль, или сотовый телефон, который мы не узнаем как сотовый телефон.

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

Тут уместно вспомнить одну историю. Летом я открыл сайт http://www.mn.ru/. А осенью — http://www.computerra.ru/. Что тут началось! Крики и вопли отовсюду. Меня обвиняли в том, что сайт «Компьютерры» является клоном «Московских Новостей» — как будто это другой человек делал…

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

СМИ — это «средства массовой информации». Хотя это журналистский термин, сами журналисты нередко пишут «... в средствах СМИ ...».

Дядя Толя не слушал и не соглашался. Я пытался доказать ему, что через полгода все сайты для газет и журналов будут делать в этом стиле. И, надо сказать, не ошибся. Формат требовал универсальных признаков, по которым он потом бы легко узнавался.

Так появился, например, сайт для «Новой газеты», который многие обвиняют в том, что это клон «Московских новостей». А сайт для «РИА Новости» сделан под явным влиянием той же «Компьютерры».

Это не клонирование. Это естественный процесс. В котором самое главное — не боязнь повторить чью-то схему, а умение придумывать каждый раз что-то новое. То, что будет являться для последователей единственным возможным примером формата.

§ 26. Цирюльский Сибирник

, или Документальный фильм за 45 миллионов [01.03.99] Сегодня мы позволим себе оторваться от кинескопов и обратить внимание на кинематограф. 20 февраля состоялась мировая премьера фильма Никиты Михалкова «Сибирский цирюльник». Художественную ценность данного произведения мы рассматривать не будем, так как наши заметки все-таки не киноведческие.

Еще до того как в кассах ККЗ «Пушкинский» появились билеты, по всей Москве были развешаны рекламные плакаты, из которых можно было узнать, что продюсеры фильма пошли старой проверенной дорогой — если фильм про старину, то без старой орфографии никуда. Мы про это говорили пару заметок назад. Мораль была простая — лучше не пробовать, если на 100% не уверен в том, что не лажанешься. Не слушают… Всем охота «ер» ввернуть.

В данном случае решили не злоупотреблять. Но все равно лажанулись. Смешение орфографий — это ламерство. Если написано «Сибирскiй цирюльникъ», то уж надо и весь остальной текст писать по-старому — «Фильмъ Никиты…», «Онъ русскiй…».

Кстати, в надписи логотипа у прописной буквы «i» («и десятеричной») нарисована точка сверху. Во-первых, у прописных букв «i» не принято ставить точку (найдите мне такой шрифт), во-вторых, эта точка такого размера, что волосы дыбом встают — она в полтора раза больше завитка над «и кратким». Сразу понятно, что ее нарисовали сами дизайнеры. Очевидно, потому, что без этой точки никто не мог понять, что же написано. Что является очередным доказательством — не надо выпендриваться и использовать старую орфографию. Люди, для которых она была родной и понятной, давно все умерли…

«Фирменным» шрифтом для всей рекламной продукции выбран шрифт «Герольд». Который (сюрприз!) был разработан товарищем Хайнцом Хоффманом в 1901 году. Действие же фильма происходит в 1885 году, т.е. на 16 лет раньше.

В том, что немецкий модерновый шрифт использован для рекламы фильма про эпоху Александра III (который, кстати, вовсю пропагандировал русскую «национальную самобытность» во время своего царствования), надо винить дизайн-бюро фирмы «Комстар». На официальном сайте фильма написано: «…дизайн сайта, разработанный дизайн-бюро КОМСТАР, был принят за основу для выпуска полиграфической продукции к премьере фильма (афиши, плакаты и т.д.) и был выбран из многочисленных вариантов, предоставленных дизайнерскими агентствами».

Но это только «фирменный стиль». Ну не было у дизайнеров под рукой ничего, кроме стандартной библиотеки Паратайпа, что тут поделаешь? Но и в самом фильме со шрифтами устроено полное безобразие.

Скажем, вывеска МакКракена (McCracken) выполнена чуть изуродованным шрифтом Таймс. Хотя этот шрифт был сделан в 1931 году в фирме Monotype товарищами Стенли Морисоном и Виктором Лардентом по заказу английской газеты The Times. Америка, конечно, прогрессивная страна, и МакКракен тащил с собой вывеску со Старого Света. Торопился на пароходе, а потом и на паровозе и опередил-таки историю на 46 лет.

Все вывески, которые висят на домах, должны создать атмосферу старой Москвы, однако больше напоминают работу студента второго курса Полиграфа — все буквы кривые, нарисованы кисточкой в большой спешке.

В фильме лишь изредка использованы графические вещи, напоминающие оригинальные. На экране они выглядят как произведения, которым минимум сто лет, хотя в прошлом веке они должны были быть новыми…

Известно, что «Никита Михалков стал первым человеком, которому удалось потушить кремлевские звезды, а также проложить рельсы через Иверские ворота Кремля, чтобы пустить по ним конку». Однако в фильме в дневных съемках видны кремлевские звезды, электрические фонари, крепления для флагов, таблички с названиями улиц, а памятник Минину и Пожарскому стоит рядом с собором Василия Блаженного (а стоял напротив того места, где сейчас мавзолей). Стена Кремля со стороны Красной площади была засажена липовой аллеей. Которую в фильме мы тоже не видим, зато видим закрытые брезентом софиты, освещающие собор Василия Блаженного.

Дальнейшие наблюдения за фильмом родили большой вопрос: если фильм стоил 45 миллионов долларов, то почему нельзя было потратить хотя бы один миллион на то, чтобы заретушировать реалии 1997 года? Могу поспорить, это бы стоило даже меньше миллиона.

На этой фотографии около Тайницкой башни виден фонарный электрический столб советских времен. Кроме того, в прошлом веке набережная была огорожена чугунной решеткой, а не сплошным гранитом. А к самой башне была пристроена отводная стрельница (соединявшая башню почти с самой набережной), которая была снесена только в 1930-х годах. Несколькими секундами позже этого кадра зритель видит здание Государственного Кремлевского дворца в строительных лесах (!) и рубиновую звезду (!!) Водовзводной башни.

И самое главное. В прошлом веке все кремлевские стены красили известкой, отчего они были, как нетрудно догадаться, белыми, как Новодевичий монастырь. Понятно, отчего коммунисты не красили «стены древнего Кремля» — чтоб красными были…

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

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

В одном из интервью Михалков признался, что ему бы не хотелось, чтобы молодое поколение учило историю по фильму «Спасение рядового Райана». А мне бы не хотелось, чтобы молодое поколение училось по «Сибирскому цирюльнику», где столица на время перенесена в Москву и где тюремные вахтеры говорят по-английски.

Кино я воспринимаю как занятие двух часов своего времени и развлечение за 5 долларов. Во время просмотра михалковского блокбастера меня не покидало ощущение, что я смотрю документальные съемки, просмотр которых стоит дешевле (да и съемки тоже). Впрочем, фильм-то русский. И, как мудро выразился американский полковник, It explains a lot...

Строим страницу. Окончание строительства запланировано на II квартал 2026 года.