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