Сучасні інформаційні
технології/2.Обчислювальна техніка та програмування
Дрогобецька В.В.
Вінницький
торговельно-економічний інститут КНТЕУ
Тенденції
Web-дизайну
Чим старший сайт,
тим більше довіри він викликає як у звичайних користувачів, так і у пошукових
систем. Однак дизайн сайту, що має досить великий вік, може швидко застаріти,
якщо його регулярно не оновлювати. Сьогодні постійно з'являються все нові і
нові тенденції веб-дизайну, слідування яким допомагає зробити сайти «ближче» до
відвідувачів [1].
Актуальність теми. З
кожним роком користувачі інтернету стають все більш вимогливими: їм вже
недостатньо просто отримувати будь-яку інформацію на сайтах - вони хочуть це
робити швидко, зручно і, що головне, із задоволенням. І щоб догодити всім
побажанням сучасних інтернет-користувачів, сайти постійно модернізуються і
вдосконалюються.
У веб-дизайні 2013,
провідними трендами залишаються мінімалізм, дизайнерська типографіка, анімація
за допомогою CSS3, фотографії в якості основного фону сайту тощо. Є серед модних
тенденцій дизайну сайтів у 2013 році також і новинки, такі, наприклад, як
скевоморфізм, адаптивний веб-дизайн, емоційний веб-дизайн, а також так званий «плоский»
веб-дизайн [3].
Під трохи лякаючим
терміном «скевоморфізм» ховається такий прийом веб-дизайну, який дозволяє
додати елементам на сайті сильну схожість з реальними предметами. Так,
наприклад, в дизайні сайту, який використовує елементи скевоморфізму, можуть
бути присутніми елементи, схожі на кнопки або важелі реальних пристроїв,
елементи, що дуже реалістично повторюють текстуру якогось матеріалу.
Якщо говорити про
«плоский» дизайн (flat design), то в 2013 році провідні фахівці веб-дизайну все
частіше обирають для своїх сайтів саме його. Такий дизайн акцентований на
мінімалізмі, чистих кольорах і простий типографіці, по суті він являє собою
повну протилежність вже звичному на сьогодні Web 2.0 дизайну з його об’ємами та
текстурами. Увага в «плоскому» веб-дизайні приділена функціональності, яка
набуває все більшого значення у світлі зростання популярності різних мобільних
пристроїв для користування інтернетом.
Тенденції
веб-дизайну 2014 року продовжують основний напрямок у розвитку веб-дизайну в
2013 році прагнення до простоти і мінімалізму. Так, як і раніше актуальним є
«плоский» дизайн сайтів, створення адаптивного дизайну для використання сайтів
як у браузерах на ПК, так і в браузерах мобільних пристроїв, застосування
великих шрифтів, відмова від великої кількості flash-елементів на сторінках.
Крім того, збереглася популярність використання великих зображень у якості фону
сайтів, фіксації навігаційного меню при вертикальній прокрутці.
Якщо говорити про
застарілі на 2014 рік тенденції веб-дизайну, відзначити серед них можна такі,
як використання нереалістичних фотографій в оформленні сторінок, застосування
так званих слайдерів і скевоморфізму: в 2014 році спостерігається відмова від
подібних елементів у дизайні сайтів. Також можна спостерігати зниження
популярності раніше таких поширених у веб-дизайні прийомів, як використання
великої кількості соціальних кнопок на сторінках, використання занадто великої
кількості різних шрифтів, використання надто складних іконок для навігації.
Ще один «довгограючий»
тренд минулих років, що продовжує розвиток і в 2015 році,
акцент на типографії. Пов’язана популярність такого прийому у веб-дизайні з
прагненням компаній і брендів виділитися для цільової аудиторії і запам’ятатися
їй, для чого активно застосовуються унікальні авторські шрифти на сайтах.
Не перестає бути
актуальним також і використання в дизайні сайтів великих фонових зображень і
відео, плоский дизайн елементів веб-сторінок. Цьому сприяє подальший розвиток і
усе більш активне впровадження технологій HTML 5 і CSS 3. І, до речі, якщо мова
зайшла про плоский дизайн, не можна не згадати «примарні» кнопки - один із
трендів 2014 року, який, як очікується, стане ще більш популярним у 2015 році. «Примарними»
кнопками називають інтерактивні елементи веб-дизайну, що мають прозорий фон і
обрамлені лише тонкою лінією. Такі кнопки протиставляються більш ранній
тенденції до скевоморфізму, і їх описують як елегантні та мінімалістичні.
Цікаво, що, всупереч сумнівам, вони відвідувачі добре їх помічають, адже при наведенні
курсора таки кнопки зазвичай змінюють колір, що й привертає до них увагу.
Відповідність сайту
сучасним тенденціям у веб-дизайні важливий крок на шляху до поліпшення його
взаємодії з відвідувачами. Однак просто слідувати популярним трендам, не приділяючи
належної уваги питанню їх сумісності з концепцією сайту, ні в якому разі не
можна: прагнучи забігти занадто далеко «вперед» у прагненні застосувати в
дизайні різні інновації, можна не зустріти розуміння у цільової аудиторії. І
тоді зміни в дизайні не підуть сайту на користь.
Отже, тенденції
веб-дизайну в чомусь повторюють старий досвід, а в чомусь - створюють абсолютно
новий і незвичний. Але варто відзначити, що існує на сьогоднішній день ціла
категорія сайтів, яким незалежно від велінь моди важливо зберігати класичний
дизайн: офіційні сайти державних структур, дуже часто сайти банків та інших
фінансових установ [2]. Втім, класичний це не означає застарілий: навпаки,
хороший класичний дизайн сайтів повинен «йти» в ногу з часом, щоб відповідати
потребам своїх відвідувачів.
Список використаних джерел:
1. Зельдман Д. Web-дизайн по стандартам / Зельдман Д.; [пер.
с англ. Г.Ковалев] – М.:НТ Пресс, 2005. – 440 с.
2. Маркотт И. Отзывчивый веб-дизайн / Маркотт.И; [пер.
с англ. П.Миронов] – М.: Манн, Иванов и Фербер, 2012. – 277 c.
3. Звягінцев О.С. Актуальні питання адаптивного web-дизайну [Електронний
ресурс]:
http://int-konf.org/konf112013/566-zvyagncev-o-s-aktualn-pitannya-adaptivnogo-web-dizaynu.html