Десять тенденций проектирования веб-дизайна в 2018 году

Команда студии «Вебпинк» — о методах и инструментах для проектирования сайтов и цифровых продуктов в 2018 году.

1. Эволюция плоского дизайна

Последние несколько лет плоский дизайн был главным трендом на рынке, но теперь под влиянием Material Design от Google он начинает приобретать объём. Это эволюция плоского дизайна из минималистского стиля в полуплоский дизайн с добавлением теней, анимации и функциональности.

Плоский дизайн продолжит развиваться, и мы ещё не раз увидим новые решения, основанные на нём.

Десять тенденций проектирования веб-дизайна в 2018 году
Десять тенденций проектирования веб-дизайна в 2018 году

2. Больше 3D

Использование 3D в дизайне определённо набирает обороты, и мы увидим его влияние во всех областях. Благодаря быстрому росту технологий виртуальной и дополнительной реальностей 3D-дизайн будет развиваться ещё быстрее.

Десять тенденций проектирования веб-дизайна в 2018 году
Десять тенденций проектирования веб-дизайна в 2018 году

3. Анимация

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

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

4. Смелые насыщенные цвета и градиенты

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

Десять тенденций проектирования веб-дизайна в 2018 году
Десять тенденций проектирования веб-дизайна в 2018 году

5. Творческое использование пространства и сетки

В предыдущие годы веб-дизайн был адаптирован к организованным колонкам и сеткам, но в 2017 году мы увидели значительный сдвиг в сторону нерегулярных слоёв, асимметрии и отхода от 12-колоночной сетки. Особенно это заметно в лучших работах на Behance, сайтах дня на Awwwards и FWA.

Десять тенденций проектирования веб-дизайна в 2018 году
Десять тенденций проектирования веб-дизайна в 2018 году

6. Персональные фото и иллюстрации

Стоковые фотографии по-прежнему используются, но в 2017 году главная тенденция 2017 года — использование фото, графики и иллюстраций на заказ. Это направление продолжит развиваться и в 2018 году. Если вам нужен уникальный сайт, который будет помнить любой посетитель, закажите цифровую графику. Вы получите оригинальные образы, раскрывающие продукт или услуги.

Десять тенденций проектирования веб-дизайна в 2018 году
Десять тенденций проектирования веб-дизайна в 2018 году
Десять тенденций проектирования веб-дизайна в 2018 году

7. Дизайн без кода

Растёт популярность онлайн-сервисов для создания прототипов, дизайна без кода и конструкторов сайтов. Всё это приводит к простоте создания, доступности и более быстрому запуску небольших проектов.

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

Десять тенденций проектирования веб-дизайна в 2018 году
Десять тенденций проектирования веб-дизайна в 2018 году

8. Дизайн-системы

Дизайн-система — это библиотека или набор правил фирменного стиля и брендинга в едином стиле на всех проектах компании: от сайтов до дизайна рекламной кампании.

Это важный аспект в дизайне, потому что часто можно встретить разный стиль одной компании на сайте, в соцсетях, логотипе и рекламе. Дизайн-система должна быть единой, качественно проработанной и правильно внедряться во всех направлениях вашей компании.

Десять тенденций проектирования веб-дизайна в 2018 году

9. Выразительная типографика

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

Десять тенденций проектирования веб-дизайна в 2018 году
Десять тенденций проектирования веб-дизайна в 2018 году
Десять тенденций проектирования веб-дизайна в 2018 году

10. Логотипы

Логотипы переходят в минимализм и упрощения. Отсекаются лишние слоганы, значки «™», «®» и сложные графические элементы. Дизайнеры представляют логотипы в анимированном виде, адаптируют под разные устройства, используют яркие цвета и градиенты. Все тенденции веб-дизайна переходят и на логотипы.

Десять тенденций проектирования веб-дизайна в 2018 году
Десять тенденций проектирования веб-дизайна в 2018 году
Десять тенденций проектирования веб-дизайна в 2018 году

Итог

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

В 2018 году мы также прогнозируем начало популярности голосового взаимодействия с интерфейсами, рост влияния искусственного интеллекта в проектировании и более плотное взаимодействие аналитики с дизайном. Но всё это находится на стадии развития, ещё слишком рано говорить об этом.

1717
28 комментариев

украли с behance тренды на 2017, выдали за свою аналитику на 2018 год, красиво, не поспоришь
https://www.behance.net/gallery/47810259/2017-Design-Trends-Guide

29

В статье написано что мы анализировали лучшие работы на Behance, сайты дня на Awwwards и FWA.

Просто интересно, зачем представитель студии, где ещё не поспевают за трендами 2016 года, рассказывает мне что будет в 2018. Спасибо.

20

Комментарий удалён модератором

Спасибо за отзыв. Мы действительно только начинаем. Это тенденции на этот год, а не прогнозы на будущее, в статье то, что мы видим в больших проектах сейчас.