Визуальные тренды в веб-дизайне 2021 года

Анна Липатова
Анна Липатова
UX/UI дизайнер
30.12.2020

Общий стиль

3D графика—это уверенный лидер в трендах этого года. Еще одно трендовое направление—3D типографика.

 Автор Leo Natsume behance.net/leonatsume
Автор Leo Natsume behance.net/leonatsume

Стекломорфизм быстро завоевывает популярность. Этот тренд основан на эффекте размытия фона и создает иллюзию «сквозь матовое стекло».

dribbble.com/rhagency
dribbble.com/rhagency

Минимализм эстетичный, простой и легко читаемый. Чтобы продукт выглядел достойно, не обязательно делать сложный дизайн.

Сайт qoals.com сочетает в себе два тренда: минимализм и цветной размытый фон
Сайт qoals.com сочетает в себе два тренда: минимализм и цветной размытый фон

Геометрическая сетка набирает популярность как способ структурировать макет, упорядочивая элементы в нем.

Сайт skinlabs-sticky.webflow.io в основе которого геометрическая сетка
Сайт skinlabs-sticky.webflow.io в основе которого геометрическая сетка

Горизонтальная прокрутка, с которой экспериментирует все больше дизайнеров.

Интуитивно понятный интерфейс горизонтальной прокрутки на momentomultimedia.com/en/
Интуитивно понятный интерфейс горизонтальной прокрутки на momentomultimedia.com/en/

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

Сайт sealco.ca
Сайт sealco.ca

Иллюстрации

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

Фото на сайте ekokubki.pl отлично выглядит и подчеркивает направление бренда
Фото на сайте ekokubki.pl отлично выглядит и подчеркивает направление бренда

Emoji покорили нас еще в прошлом году и стали трендом, который привлекает внимание и вызывают улыбку.

Сайт xmas.mill3.studio
Сайт xmas.mill3.studio

Геометрические фигуры тоже будут актуальны в2021.

Объемные фигуры на сайте vcswipe.com
Объемные фигуры на сайте vcswipe.com

Типографика

Сложная и хаотичная типографика может играть главную роль в дизайне продукта и встречается в дизайне все чаще.

 Брутализм и хаотичная типографика на сайте synchronized.studio
Брутализм и хаотичная типографика на сайте synchronized.studio

Заголовки необычными и контурными шрифтами вносят еще больше разнообразия в типографику.

Контурный шрифт на сайте krownthemes.com
Контурный шрифт на сайте krownthemes.com

Крупный текст может быть единственной основой сайта и это выглядит здорово.

На сайте ludmillamaury.com крупный текст выглядит очень элегантно
На сайте ludmillamaury.com крупный текст выглядит очень элегантно

Цвета

Яркие цвета в тренде не первый год и не сдают позиций.

 Позитивный зеленый на squadeasy.com/en/
Позитивный зеленый на squadeasy.com/en/

Цветной размытый фон выглядит приятно и ненавязчиво.

 Мягкий размытый фон на сайте momenthouse.com
Мягкий размытый фон на сайте momenthouse.com

Монохромная и дуохромная палитра позволят сосредоточится на смысловой части продукта или подчеркнут индивидуальность бренда.

 Монохромный дизайн sennesro.com/en выглядит очень атмосферно и подчеркивает стиль бренда
Монохромный дизайн sennesro.com/en выглядит очень атмосферно и подчеркивает стиль бренда