Тренды ux\ui дизайна весны 2021 года

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

Смотрите видео, кому лень читать ;)

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

1. Приглушенные цвета

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

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

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

Тренды ux\ui дизайна весны 2021 года

2. Овалы и звезды

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

Тренды ux\ui дизайна весны 2021 года

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

3. Массивные фото в фигурах

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

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

4. Необычная графика

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

Кстати, в прошлой статье я поделился 10 паками бесплатных иллюстраций в Figma, поэтому, если вы по какой-то причине еще не читали - обязательно переходите и пользуйтесь!

5. Шумные градиенты

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

Тренды ux\ui дизайна весны 2021 года

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

6. Шрифт с засечками в заголовках

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

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

Тренды ux\ui дизайна весны 2021 года

Если хотите крутую подборку с бесплатными кириллическими шрифтами - ставьте лайк и я сделаю эту подборку для вас. ☺

7. Базовая анимация

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

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

8. Рисованный стиль

Каракули, каркасы, зарисовки, прототипы, называйте их как хотите, это не отменяет их популярность. Такой стиль всерьез используется сейчас во многих дизайнах и отлично работает. Связанно это с тем, что многим надоел ”идеальный” дизайн, поэтому такие проекты появляются все чаще. С точки зрения пользовательского опыта, это должен быть полностью законченный и продуманный продукт. Однако, с точки зрения визуала, такой дизайн смотрится немного незавершенным и несерьезным. Но такой дизайн точно не останется без внимания, поэтому экспериментируйте.

Тренды ux\ui дизайна весны 2021 года

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

9. Журнальный стиль

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

Тренды ux\ui дизайна весны 2021 года

10. UX упрощение

Этот тренд работает уже как правило в современном дизайне. Речь идет об упрощении каких-то базовых действий, которые пользователи совершают регулярно. Сокращается количество шагов, действий и всего, всего, что может затруднить взаимодействие пользователя с продуктом. Например, регистрация по одной кнопке уже не кажется фантастикой и на многих сайтах мы можем замечать, что уже не нужно заполнять миллионы полей, для того, чтобы сделать желаемое. В 2021 году пользователей не нужно заставлять запоминать пароли и данные от их личных кабинетов, они хотят, чтобы все было автоматизировано.

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

❤ Если вам понравилась статья то поддержите ее лайком, а я продолжу делиться полезным о дизайне :)

👉🏻 Мой бесплатный Телеграм-канал с фишками о дизайне

✌🏻 Также я открыт к сотрудничеству Телеграм Intagram YouTube Behance

9090
30 комментариев

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

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

12

Есть понятие как целевая аудитория. Продукт создается с учетом ЦА и определенная стилистика будет работать попросту лучше с определёнными пользователями. Вот и все

20

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

До каких пор производители нижнего белья будут разделять трусы на мужские и женские????

7

Мне нравится приглушенные цвета. 

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

6