Эпохи и приобретения веб-дизайна (часть 1)

Да, да, именно эпохи, не смотря на младенческий для направления в искусстве возраст веб-дизайна.
Сначала был Лебедев! Его можно обсуждать и рассматривать, но он динозавр ))
Меня ещё не было в дизайне, когда он начинал, я не видела его самых первых сайтов, но раннего Лебедева я помню. Это были интерфейсы имитирующие пластмассовые кнопки кассетного магнитофона, перфорированные поверхности звуковых панелей тогдашних радиол, а изюминкой были имитирующие гнутый пластик, а со временем металл, графические элементы из которых состояли шапки, колонки и подложки сайтов.

В моде были псевдообъёмные элементы. Сайт должен был быть материальным, чтобы его хотелось взять в руки. Кнопка должна выглядеть так, чтобы палец к ней сам тянулся (а потом пользователь вспоминал, что путь к кнопке лежит через курсор ПРОВОДНОЙ мыши).
Это была адаптация виртуальной реальности под наш материальный мир...

Но виртуальный мир так уверенно входил в нашу жизнь, что даже гарантировал рабочие места всем кто умел и учился рисовать, а так же верстать, программировать и продвигать сайты.
В IT сферу ринулись выпускники как гуманитарных (ХГАДИ, ХГХУ) так и технических (ХИРЕ, Политех и др.) вузов. Были не далеки те времена, когда считалось, что для написания сайта нужен только технический разработчик. Многие конторы только ими и ограничивались, и только самые продвинутые понимали, что нарастающую конкуренцию можно выдержать только соблюдая полный цикл создания сайта, включая дизайн.

Помню какой вишенкой на торте считался специалист, закончивший худпром. Как ни как, а нас выпускается всего лишь по 5 штук в год в отличии от технарей ;) Из этих пяти иногородние ехали дальше, покорять Киев, а тогда ещё и Москву.
Нет, рисовать приходилось не часто. Это долго, мало кто готов за это платить, но если ты один раз доказал, что можешь, то потом всем заказчикам рассказывалось, что сайт у них стоит так дорого потому, что у них работают НАСТОЯЩИЕ художники - элита, блин ))

А до этого благодатного для художников момента, дизайн сайта выглядел, приблизительно, как экселевская таблица - шапка, три колонки (или 2, или 1). Почему-то мне помнится, что больше всего было зелёных сайтов...наверно эксель и вдохновил...а ещё синих - считался самым деловым.

Это был год 2007. Харьков. Я тогда работала в Артджокере.
Мы изо всех сил старались бороться с этими стереотипами.
Благо, конкуренции было не так много.

 
...потом как-то резко пришла мода делать кнопки ссылками, а потом и вовсе не подчёркивать.
Почему же вдруг так бесстрашно отказались от рисованых кнопок? Ведь пользователю не понятно куда нажимать! А ведь это навигация по сайту! Это же то ради чего делается сайт!
Потому, что у кнопок появилось своё лобное место.
К тому времени как исчезли "материальные" клавиши, кнопки прочно заняли своё место в шапке сайта или в левой колонке. Это свидетельствовало о появлении такого явления как привыкаемость пользовательского интерфейса - логотип в левом верхнем углу, главное меню сверху (рядом с логотипом), дополнительное меню в левой колонке или в выпадающем списке. Было принято считать, что к этому "уже давно" все привыкли.
Почему "уже давно" взято в кавычки скажу позднее.

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

Помню как сидела на работе до поздна по собственной воле и, пользуясь тем, что начальство уже ушло и ни кто меня не контролирует, ЖДАЛА пока загрузится сайт ... минут 40.
http://www.artlebedev.ru/everything/applemoon/site/
Это как купить билет в Ляскало, отстояв длинную очередь. Мне как специалисту был важен опыт.
Сейчас этот сайт находится в музее (вполне заслуженно хранить такие вещи), ну а работу работает его более лёгкая версия.

Был это 2009 год и работала я тогда в White Style в Харькове.

Конечно же, 40 минут загрузки в эпоху зачаточного интернета могли позволить себе только уже раскрученные фирмы, которые и так известны, а сайт им нужен для печати на визитках, как модная фишка. Но не все понимали, что именно важнее: красота, скорость или сам контент? Это была эпоха "кувыркания" в новых веяниях.

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

Интро страницы очень тормозили продвижение так как для продвижения важен текст, а на обложке его мало, ведь он мешает эстетике картинки )) И тут тоже кроется подвох к которому я позднее вернусь.
Но и заказчики, и исполнители поняли это не сразу.
Этой неосведомлённости дизайнеры обязаны появлению истинных шедевров в изготовлении интро страниц.

Хотя, заказчики, которым не важна раскрутка есть и сегодня.
Битый час им объясняешь, что сайт с интро страницей проиграет конкуренцию с текстовыми главными страницами, но они не устают повторять, что им пофиг, они и так известны "Не тількі в своєму селі, а і по за межами" им тупо нужен космос.
Как говорится: "Другой бы спорил, а я промолчу".
Космос подано! http://web-design.gretthen.com/web-design/sanmarko.html
Кстати, этот "космос" ещё вполне жизнеспособен с точки зрения продвижения за счёт текста.
Скрипты могут притормаживать, но в целом, не только жизнеспособен, но даже адаптивен (в ту пору об адаптивности в наших широтах только начали узнавать).

В то время я работала Арт-директором в ВебАкуле в г. Харьков.
У меня даже сохранился вещь. док. в виде визитки...где-то ещё чашка была...разбилась, кажется...на счастье.

А потом наступила эпоха Техно.
Отвлекусь и скажу, что Техно - это не стиль веб-сайтов, а в принципе стиль, такой же как Барокко и Классицизм. Если Барокко в пром-дизайне (ножки диванов, ручки окон и плафоны люстр) вуалирует техническую функциональность предметов и преподносит её в райском облачении травчатых орнаментов, то Техно воспевает функциональность во всей её красе. Если Классицизм задрапировал бы все трубы античными складками и замуровал бы их не менее пафосными пилястрами то Техно восхищается красотой удобства и юзабилити. О Техно мы узнали из музыки, картин, арт-инсталяций и интерьеров и вот теперь оно пришло в веб-дизайн.

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

Какое-то время даже было модно (спасибо Лебедеву) отрисовывать их в стиле сайта. Потом поняли, что география городов меняется чаще чем дизайн сайтов и стали ставить на сайт интерактивные карты с Google и Яндекса, что значительно упростило жизнь дизайнеров).

... мало сказать красивыми, все эти и многие другие графические элементы должны быть выполнены в своём неповторимом фирменном стиле. Для этого вовсе не обязательно заказывать отдельную разработку фирменного стиля. Дизайн сайта в любом случае должен им обладать, ведь ради этого он и создаётся - это лицо фирмы в интернете.
Для экономных сразу скажу: нет, это не значит, что этот фирменный стиль сайта можно использовать в полиграфии и наружной рекламе (даже на визитках нельзя).

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