Дизайн сайта напрямую влияет на его продвижение и успех. Как правило, именно первое впечатление от оформления сайта определяет отношение пользователей к нему. Именно дизайн может заставить пользователя остаться на сайте или продолжить серфить интернет в поисках другого ресурса.

Красивый и аккуратный сайт свидетельствует о том, что его владелец думает о посетителях и хочет произвести на них положительное впечатление. Однако даже у самого качественного дизайна может быть одна большая проблема – устарелость. Тренды меняются, и тот, кто не следит за ними, рискует потерять часть аудитории, ведь кто захочет посещать сайт с дизайном 90-х или начала 2000-х?



Сайт компании Apple в 1997 году




Поэтому важно быть в курсе всего, что происходит в мире сетевого дизайна. Начать можно с этой статьи – в ней вы найдете основные тренды дизайна начала 2020-х. Но перед этим вспомним пару интересных трендов 2017-2018 года.


Неугасающие тренды веб-дизайна​



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




Развитие истории при скроллинге. Параллакс – эффект, который можно увидеть на великом множестве веб-ресурсов. Это своеобразное вовлечение посетителя в историю – компания может рассказать и показать что-то важное, а от пользователя требуется лишь крутить колесико мышки.


Новые тренды веб-дизайна​


Минимализм продолжает оставаться актуальным трендом, а вот плоский дизайн 2.0 (flat 2.0) только набирает обороты. Изначально возник обычный плоский дизайн, который был двухмерным и ориентировался на минимализм. Однако на современных сайтах все чаще встречается плоский дизайн 2.0, где добавлены тени, градиент и другие элементы, которые делают дизайн почти двухмерным.


Flat и flat 2.0
Интерактивность (изменение элементов сайта в зависимости от положения курсора) и анимация – два наиболее эффективных способа привлечь внимание пользователя. Люди любят смотреть истории и не очень любят читать (и в этом секрет популярности Instagram). Поэтому если вы хотите заинтересовать посетителя, используйте любые анимированные элементы– гифки, синемаграммы, видео. Делать это можно не только на сайте, но и в письмах, социальных сетях, рекламных баннерах.


Продолжает увеличиваться число сайтов, использующих изображения в формате svg – они мало весят (сайт быстро грузится), с ними легко работать (можно сжимать, растягивать), они хорошо выглядят на экране любого устройства.


Векторная графика также позволяет создавать SVG-маски, которые, в свою очередь, позволяют принимать на сайте различные формы. Выглядит это стильно и оригинально, особенно если сочетается с видео, как на этом сайте: Rich Brown | Freelance Digital UX/UI Designer | London, UK

Пример другого креативного использования SVG: https://codepen.io/shshaw/pen/PPEMYX



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



Элемент canvas позволяет создавать на сайте интересные эффекты, которые, в отличие от SVG масок, могут быть синхронизированы с курсором. Примеры таких эффектов:



https://codepen.io/acauamontiel/pen/mJdnw


https://codepen.io/tholman/pen/Apvxe

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



Что касается градиента, то это тренд не новый – градиенты активно используются в дизайне сайтов уже несколько лет. И до сих пор остаются актуальными. Градиент можно использовать в кнопках, надписях, фоне… в общем, практически в любом элементе. Сейчас трендом является именно сочетание яркой палитры и градиента.



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



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



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




В итоге​

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