Web-дизайн в гонитві за модою, чи еволюція дизайну сайту
Поступальний рух і ... раптом різкий стрибок вперед. Це розвиток, це прорив, це нова мода колористики і графіки, кардинальна зміна художнього стилю і смаку - це розвиток web-індустрії. Наприкінці 90-х світ живопису затьмарили технології електронного програмування, внісши в життя людини безмежно нову й цікаву сферу для творчості і споглядання.
Краса врятує світ? Хіба ці легендарні слова можна віднести лише до прекрасної половини людства? Або варто спробувати вкласти більш масштабний і багатогранний зміст у поняття краса? Краса завжди в моді. Вона завжди цінується. Вона завжди перемагає. Але мода на неї постійно змінюється, то повертаючись далеко назад, то неминуче перетворюючись в кордонах реальності. Помітно, яскраво, креативно, ефективно - от як можна описати красу сучасного веб-дизайну. У сфері творчого одноманітності, жорсткої конкуренції і стрімкого розвитку інтернет-технологій перед людиною виникають все нові і нові цілі і завдання, а головне, у нього з'являються найбільш результативні способи їх досягнення.
Нічого зайвого: епоха гіпертексту. Краса і вміння її бачити сформувалися задовго до появи Інтернету. Історія веб-дизайну безперервно пов'язана зі здатністю споглядати щось прекрасне, а головне, в наслідок відтворювати побачене. І, незважаючи на багаторічне існування історії розвитку краси, історія веб-дизайну не має конкретної точки відліку. Однак на практиці перші веб-сайтом прийнято вважати публікацію простої текстової сторінки з декількома посиланнями Тімом Бернерс-Лі в серпні 1991 року. На той момент вона мала дюжину посилань і служила лише для того, щоб сказати людям, що собою представляє Всесвітня павутина (World Wide Web).
Спочатку веб-дизайн полягав у використанні простої мови розмітки, званого HTML, який включав в себе вузькі можливості форматування і можливість пов'язувати між собою сторінки за коштами гіперпосилань. Саме ця особливість виділяла www серед інших засобів комунікації і відрізняла веб-дизайн від інших видів дизайну.
Новий вид дизайнерської діяльності сприяв в першу чергу прогресу у сфері творчості, а також розвитку такого роду професійної діяльності, як програмування. Незабаром за текстовим дизайном з'явився табличний, суть якого зводилася до можливостей створення структурованого тексту, а також більш складних, багатоколонних макетів, ніж первісний HTML.
Епоху веб-макетів відрізняло те, що дизайнери мало звертали увагу на семантику і веб-доступність, часто воліючи естетику хорошою розмітці структури.
Юзабіліті. Хвиля Інтернет-технологій накривала з головою, перед людиною розвивалася проблема: як подати матеріал по засобах Інтернету більш яскраво і вигідно. Найвеличніший ривок був зроблений, коли стало можливе розміщення не тільки простих зображень на веб-сторінках, але також анімацій і відеороликів. Адже HTML-сайти були дуже обмежені у варіантах їх дизайну, особливо, коли були побудовані з ранніми версіями HTML. Для створення складних проектів, програмістам часто доводилося створювати божевільні структури таблиць і вдаватися до використання розрізнених зображень. З появою Flash веб-дизайну коло можливостей розширився в рази можливим створенням веб-додатків або мультимедійних презентацій. У наслідок дана методика стала активно використовуватися при створенні рекламних банерів, ігор, а також відтворення на веб-сторінках відео- і аудіозаписів.
У той же час, як на сцену веб-дизайну було введено Flash (наприкінці 1990-их - початку 2000-их), йде популяризація методів DHTML, який складався з декількох веб-технологій, таких як javascript, а іноді і серверних сценаріїв, для створення інтерактивних / анімованих елементів сторінки, які також були в моді.
Як видно з прикладів, стилістика оформлення сайтів вельми проста і неабияка: її мета - донести інформацію- просто, коротко і без особливого розмаїття. Однак дизайн - це культура людини, в силу чого вона схильна до впливу зовнішніх факторів і подальшому зміни і трансформації. Довге меню, розбите по всій сторінці, величезна кількість мигтючих gif-банерів, яскраві кольори, контрастний текст, непродумана навігація, великі великовагові сторінки, - ось характерні ознаки web-дизайну того часу. У цей момент прийшло усвідомлення того, що при створенні сайту необхідно думати про зручність користувача. Почалося додаток моделей HCI (Human-Computer-Iteraction, людино-машинна взаємодія) в веб. В основі HCI лежать психологічні основи, що дозволяє дизайнерам здійснювати складні соціальні взаємодії по залученню користувачів на сайт за коштами максимально ефективних методів оформлення веб-ресурсу. Ці моделі дозволили дослідникам розробити різні рекомендації та правила по створенню веб-інтерфейсів. Пізніше HCI в мережі переродилася в юзабіліті.
У той же час усередині HCI теж відбувалася еволюція. HCI, традиційно заснована когнітивної психології, надалі використовує такі сфери, як етнографія, лінгвістика і теорія комунікацій, а також культура і гуманітарні науки. Загально відомий факт, що око людини сприймає краще яскраві, виділені із загальної маси об'єкти. Це актуально не тільки щодо графіки, але також і щодо текстів. Усвідомлення того, що сприйняття інформації на інтернет-джерелі можна поліпшити, стимулює дизайнерів до зміни механізмів створення сайтів. Вони починають розуміти, що для ефективного сприйняття інформації очей людини потребує якоїсь зачіплюванні, колірному плямі, за яке мимоволі може зачепитися погляд.
Розвиток інтернет-технологій знаменує формування теорії фірмового стилю та іміджу компанії. Стає популярно створювати вигляд організації і ототожнювати її, саму організацію, з певним набором графічних елементів - логотипом, візиткою, а також веб-сайтом. Навіщо завантажувати відвідувачів кількістю інформації? Нехай він розслабляється, коли заходить на сайт. Краще один раз побачити, ніж 20 хвилин перечитувати. У пориві творчості дизайнер опускає інформаційний розділ, створюючи, таким чином, красиву пустушку. Відкриваючи якийсь Інтернет-ресурс, відвідувач потрапляє під колірної гіпноз і на психологічному рівні він прагне швидше покинути веб-сайт і вивільнитися з павутини, що викликає у нього некомфортний стан.
Веб-дизайнери швидко врахували свої огріхи і пішли далі по шляху вдосконалення веб-технологій. Так, на зміну помітності прийшла монохромність. Її суть в наступному: сайт виконаний в одній колірній гамі з використанням всіх відтінків вибраного кольору. Тепер дизайнер замислюється про символіку колірної гами, створюючи сайт для тієї чи іншої компанії, тому актуалізується проблема психологічного сприйняття кольору. Не можна сказати, що це звужує можливості дизайнера, але і розширенням сфери діяльності монохромність складно назвати. Що стосовно самих клієнтів, то багато організацій з радістю закріпили за собою той чи інший колір, зробивши його частиною іміджу.
Кожен хоче бути унікальним. В рамках конкуренції це особливо актуально і проблематично, тому однотонність довго не затримується на ступенях модних тенденцій веб-дизайну. На відміну від графіки стилістика оформлення тексту стає більш продуктивною: заголовки стають жирніше, текст візуально розбивається на смислові абзаци, що дозволяє відвідувачеві зчитувати інформацію максимально докладно, а дизайнери скорочують обсяги тексту, залишаючи лише саму суть. І ось вона - золота середина. Стиль та інформація - лаконічність і креатив.