Тренды веб-дизайна в 2017 году

1. Краткое меню

В 2016 году большинство современных сайтов использовали не более 4-5 разделов в меню. Тренд к упрощению юзабилити можно наблюдать уже несколько лет, и с каждым годом он только прогрессирует. Люди ценят такой подход, ведь когда перед глазами всего 4 варианта, то определиться с выбором раздела гораздо проще, нежели смотря на длинную строку меню из 10 разделов. Главное логически правильно распределить всю информацию по разделам. Подобный тренд хорошо прослеживается в редизайне IKEA, вот старый вариант дизайна:

А вот новый, более лаконичный:

2. Отказ от гамбургер-меню

Данный тренд также можно было наблюдать в предыдущем году и похоже что он действительно оправдан, ведь такой вариант меню не даст посетителю полноценную картину о глубине сайта/приложения. Мобильные версии становятся более гибкими и органичными.

3. Использование дуотона

Последние время мы можем наблюдать на новых сайтах такое явление, как дуотон. По сути это простое наложение какого либо цвета на картинку. В чем же преимущество? А преимущество в основном в том, что таким образом делается более аккуратный акцент на основной контент и разделы меню, нежели при использовании полноцветных изображений.

4. Умеренное использование параллакса

Не смотря на свою креативную анимацию, эффект параллакс-прокрутки имеет небольшой недостаток, связанный прежде всего со скоростью загрузки веб-страницы. Т.к. в новом году идет активный тренд на повышение производительности сайтов, то и параллаксы теперь используются там, где они действительно полезны и показательны.

5. Material Design

Вариации тактильного дизайна, представленного Google в 2014м продолжают развиваться и обретать новые образы, многие сайты сегодня выполнены именно в таком стиле. Идея такого дизайна заключается в приложениях, которые открываются и сворачиваются как карточки, используя эффекты теней. Это очень похоже на так называемый "flat дизайн" или "плоский дизайн", однако в качестве метафоры в нём используется материал, тактильные атрибуты. Выглядит это примерно так: