5 справжніх трендів веб-дизайну в 2016 році


Дізнайтесь більше про нові кар'єрні можливості в EchoUA. Цікаві проекти, ринкова оплата, гарний колектив. Надсилайте резюме та приєднуйтеся до нас.

Спостереженнями ділиться Нільс Скельд, UX- дизайнер


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

 

Прим. Для повнішого UX краще за все дивитися приклади цієї статті з десктопної версії браузера.

Повний екран і жодного скролінгу

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

Facebook Privacy Basics

Три приклади таких сайтів:

  • Facebook Privacy Basics – чудова сторінка від Facebook з покроковими поясненнями принципів безпеки на сайті (щоб зрозуміти, про що йдеться, зайдіть на один з розділів, наприклад, цей.)
  • Fantasy – дизайнерське агентство представило новий сайт торік, і він дійсно тішить око.
  • KLM 50 Travels – сайт рекламної компанії KLM, на якому Ви зможете помилуватися п’ятдесятьма прекрасним видами зі всього світу.

Заголовок, закріплений збоку

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

Code & Theory

Три приклади таких сайтів:

  • Code & Theory – назви актуальних міст залишаються на екрані, поки Ви дивитесь вакансії.
  • Stack Overflow – частково підходить, але навігаційне меню закріплене ліворуч, і в ньому відображається поточний розділ.
  • DDB Sthlm – шведський сайт, у кого є така фіча: подивіться розділ Work.

Логотип на завантажувальному екрані

Це стало серйозним трендом, його наслідують багато великих сайтів і він дає користувачеві відчуття того, що сайт є частиною бренда.

Instrument

Три приклади таких сайтів:

  • Instrument – на цьому сайті при завантаженні сторінки і відкритті навігаційного меню відображається назва. Має стильний вигляд.
  • Fubiz – цей сайт при запуску наробив галасу. У кожної секції свій логотип, і всі вони красиво анімовані.
  • This Also – на цьому сайті ця фіча застосована до навігаційної іконки.

Дії з фоновими зображеннями

Повноекранною фоновою картинкою нині нікого не здивуєш, але ось додати її реакцію на рухи мишки користувача буде гарною ідеєю.

Active Theory

Три приклади таких сайтів:

  • Make me pulse – водіть мишкою і дивіться, як оживають гори.
  • Active Theory – дивіться гіфку вище. Nuff said.
  • Details – тут доведеться поскроллити. Догортайте до розділу Nos Experts і подивіться на фотографії.

Анімація… багато анімації

Головне з цим не перестаратися: якщо анімації буде надто багато, то вийде щось схоже на Flash.

Waark

Два приклади таких сайтів:

  • Waark – це французька студія, яка стала лідером у галузі анімації цього року.
  • Animocons – приклади іконок з анімаціями кліків (обережно, дуже захоплює, якщо переходити за посиланнями на цьому сайті!).

Бонус: це ще не тренд, але скоро робити сайти нескінченно масштабованими стане, дійсно, модним. Подивіться на цей сайт як приклад.

До речі, ми вже наводили приклади веб-сторінок, що вражають уяву.

Оригінал: medium.com

Київ, Харків, Одеса, Дніпро, Запоріжжя, Кривий Ріг, Вінниця, Херсон, Черкаси, Житомир, Хмельницький, Чернівці, Рівне, Івано-Франківськ, Кременчук, Тернопіль, Луцьк, Ужгород, Кам'янець-Подільський, Стрий - за статистикою саме з цих міст програмісти найбільше переїжджають працювати до Львова. А Ви розглядаєте relocate?


Залишити відповідь

Ваша e-mail адреса не оприлюднюватиметься. Обов’язкові поля позначені *