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

Так, так, саме епохи, не дивлячись на дитячий для напрямку в мистецтві вік веб-дизайну.
Спочатку був Лебедєв! Його можна обговорювати і розглядати, але він динозавр))
Мене ще не було в дизайні, коли він починав, я не бачила його найперших сайтів, але раннього Лебедєва я пам'ятаю. Це були інтерфейси які імітували пластмасові кнопки касетного магнітофона, перфоровані поверхні звукових панелей тодішніх радіол, а родзинкою були графічні елементи які імітували гнутий пластик, а згодом метал. З них складалися шапки, колонки і підкладки сайтів.

У моді були псевдооб'емні елементи. Сайт повинен був бути матеріальним, щоб його хотілося взяти в руки. Кнопка повинна виглядати так, щоб палець до неї сам тягнувся (а потім користувач згадувався, що шлях до кнопки лежить через курсор ПРОВІДНОЇ миші).
Це була адаптація віртуальної реальності під наш матеріальний світ ...

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

Пам'ятаю якою вишенькою на торті вважався фахівець, який закінчив худпром. Як не як, а нас випускається всього лише по 5 штук на рік на відміну від технарів;) З цих п'яти іногородні їхали далі, підкорювати Київ, а тоді ще й Москву.
Ні, малювати доводилося не часто. Це довго, мало хто готовий за це платити, але якщо ти один раз довів, що можеш, то потім всім замовникам розповідалося, що сайт у них коштує так дорого тому, що у них працюють СПРАВЖНІ художники - еліта, блін))

А до цього благодатного для художників моменту, дизайн сайту виглядав, приблизно, як екселевска таблиця - шапка, три колонки (або 2, або 1). Чомусь мені пам'ятається, що найбільше було зелених сайтів ... напевно Ексель і надихнув ... а ще синіх - вважався самим діловим.
А ще вся важлива інформація повинна була вміщуватись в перше вікно браузера, але виглядати мало «не наляпісто" ... а ще були карти сайту, мікроскопічні іконки швидкої навігації та 5 системних шрифтів.

Це був рік 2007. Харків. Я тоді працювала в Артджокері.
Ми щосили намагалися боротися з цими стереотипами.
Благо, конкуренції було не так багато.

 
... Потім якось різко прийшла мода робити кнопки посиланнями, а потім і зовсім не підкреслювати.
Чому ж раптом так безстрашно відмовилися від мальованих кнопок? Адже користувачеві не зрозуміло куди натискати! А адже це навігація по сайту! Це ж те заради чого робиться сайт!
Тому, що у кнопок з'явилося своє лобне місце.
На той час як зникли "матеріальні" клавіші, кнопки міцно зайняли своє місце в шапці сайту або в лівій колонці. Це свідчило про появу такого явища як звичність користувацького інтерфейсу - логотип в лівому верхньому кутку, головне меню зверху (поруч з логотипом), додаткове меню в лівій колонці або в випадаючому списку. Було прийнято вважати, що до цього "вже давно" всі звикли.
Чому "вже давно" взято в лапки скажу пізніше.

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

Пам'ятаю як сиділа на роботі до пізна з власної волі і, користуючись тим, що начальство вже пішло і ні хто мене не контролює, ЧЕКАЛА поки завантажиться сайт ... хвилин 40.
http://www.artlebedev.ru/everything/applemoon/site/
Це як купити квиток в Ляскало, відстоявши довгу чергу. Мені як фахівцю було важливий досвід.
Зараз цей сайт знаходиться в музеї (цілком заслужено зберігати такі речі), ну а роботу працює його легша версія.

Був це 2009 рік і працювала я тоді в WhiteStyleв Харкові.

Звичайно ж, 40 хвилин завантаження в епоху зародкового інтернету могли дозволити собі тільки вже розкручені фірми, які і так відомі, а сайт їм потрібен для друку на візитках, як модна фішка. Але не всі розуміли, що саме важливіше: краса, швидкість або сам контент? Це була епоха "перекидання" в нових віяннях.

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

Інтро сторінки дуже гальмували просування так як для просування важливий текст, а на обкладинці його мало, адже він заважає естетиці картинки)) І тут теж криється підступ до якого я пізніше повернуся.
Але і замовники, і виконавці зрозуміли це не відразу.
Цій необізнаності дизайнери зобов'язані появі справжніх шедеврів у виготовленні інтро сторінок.

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

У той час я працювала Арт-директором в ВебАкуле в місті Харків.
У мене навіть зберігся річ. док. у вигляді візитки ... десь ще чашка була ... розбилася, здається ... на щастя.

А потім настала епоха Техно.
Відволікуся і скажу, що Техно - це не стиль веб-сайтів, а в принципі стиль, такий же як Бароко і Класицизм. Якщо Бароко в пром-дизайні (ніжки диванів, ручки вікон і плафони люстр) вуалює технічну функціональність предметів і підносить її в райському вбранні травчатіх орнаментів, то Техно оспівує функціональність у всій її красі. Якщо Класицизм задрапував б все труби античними складками і замурував б їх не менше пафосними пілястрами то Техно захоплюється красою зручності і юзабіліті. Про Техно ми дізналися з музики, картин, арт-інсталяцій та інтер'єрів і ось тепер воно прийшло в веб-дизайн.

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

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

... Мало сказати гарні, всі ці та багато інших графічні елементи повинні бути виконані в своєму неповторному фірмовому стилі. Для цього зовсім не обов'язково замовляти окрему розробку фірмового стилю. Дизайн сайту в будь-якому випадку повинен їм володіти, адже заради цього він і створюється - це обличчя фірми в інтернеті.
Для економних відразу скажу: ні, це не означає, що цей фірмовий стиль сайту можна використовувати в поліграфії та зовнішній рекламі (навіть на візитках не можна).

Для мене це був час найактивнішого професійного зростання, коли все придбання попередніх років збираються в одну точку і видають шикарний мікс авторського стилю, який працює на тебе, позбавляючи від мук творчості.
Це не означає ходити второваною доріжкою, хоча, що поганого, якщо ти сам собі її проторував?
Це означає впізнаваність зі збереженням унікальності кожного сайту.
Це, коли творчо ставишся не тільки до картинки, але до роботи сайту в цілому.
Так, це заслуга не тільки моя, а й тих команд в яких я працювала.
З цими заслугами я перейшла на фріланс.
Це стало новим етапом у моєму житті про який я розповім в наступній статті.