Тренды в веб-дизайне 2018

Elena Saharova
Soft Culture Blog
Published in
5 min readJan 11, 2018

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

01 — Типографика

Казалось бы, с ней все понятно: нам рассказали, как работать с текстом, как его располагать и в каком количестве использовать. Мы знаем сервисы, где можно подбирать шрифтовые пары и даже создавать шрифты. Появились вроде бы устоявшиеся правила и предпочтения — баста. Однако это не так. 2018 год — время рушить все хорошее старое и создавать новое. Дизайн, как и мода, цикличен и снова в тренде:

Контурные шрифты

http://www.disasterartist.movie/

Геометрический гротеск. Почитать о геометрических гротесках можно тут.

Моноширинные шрифты в сочетании с гротеском или антиквой

http://www.roccafiorewines.com/en/
https://www.adidas.co.uk/speedfactory

Текст в качестве графического элемента

http://super16.dk/
https://www.cosstores.com/

02 — Кастомный курсор

Кастомный курсор прямо из 2000 ворвался в 2018, все хорошо забытое старое переосмыслено и снова в бою!

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

03 — Динамичный скролл

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

04 — Составные главные экраны (баннеры)

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

05 — Открытые композиции

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

06 — Атмосферный WebGL

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

07 — SVG-маски

Очень простой и эффектный прием. C помощью форм, в которые заключен ваш визуальный контент, и аниматики можно создать правильное настроение на сайте.

Еще больше информации о последних тенденциях в диджитал можно получить, посетив базовый курс по дизайну интерфейсов Digital Design.Lab.

Digital Design.Lab

--

--