Тренды

Отчет о тенденциях в дизайне на 2021 год: что все еще популярно

Автор Freelance.Today

Вот и прошла половина 2021 года (не верится, правда?). Самое время посмотреть, какие из тенденций дизайна процветают, а о каких уже пора забыть.

Рассмотрим несколько свежих примеров, которые все еще актуальны.

8 тенденций веб-дизайна, которые все еще на пике

Основные тенденции, которые, как ожидалось, будут править в 2021 году, до сих пор были неоднозначными. Теперь же уже можно сделать некоторые выводы.

Переключатель светлого / темного режима

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

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

Такая работа действительно может выделить ваш дизайн.

Разделенные экраны

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

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

Экспериментальные шрифты

Экспериментальный шрифт — это термин, о котором вы практически ничего не слышали до 2020 года, а теперь эти забавные, фанковые стили повсюду. Кому нужен шрифт от Google, если можно сделать что-то полностью настраиваемое?

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

Типографика с заливками и контурами

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

World Triathlon прекрасно справляется с этой задачей с помощью скроллера с тремя изображениями и слов «плавать», «велосипед» и «бег», которые выделяются, когда соответствующая фотография отображается на экране.

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

Так много засечек

Шрифты с засечками продолжают расти в популярности.

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

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

Микро-анимации

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

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

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

Обтекаемые логотипы

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

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

Большие кнопки

Большие кнопки становятся все популярнее, потому что ими очень легко пользоваться. Хотя некоторые большие кнопки выглядят неудобно на экранах настольных компьютеров, они могут прекрасно работать на небольших (особенно мобильных) устройствах.

Уловка часто заключается в небольшом количестве CSS.

Худон Гэвин Мартин делает это в приведенном выше примере с состояниями наведения, которые превращают три расположенные друг в друга кнопки справа от приглушенных цветовых блоков до полностью насыщенных цветных рамок. Это чем-то напоминает переключение между светлым и темным режимами.

6 тенденций, которые уже все

Некоторые из тенденций, сильных в начале года, начали исчезать. 

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

  • Элементы вне экрана
  • Перекрывающиеся элементы дизайна
  • Супер минималистичная эстетика
  • Интересные узоры прокрутки
  • Большое белое пространство
  • Полноэкранное видео

3 новых тенденции в дизайне веб-сайтов

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

«Подпрыгивающие» фоны

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

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

В приведенном выше примере для BOT вы заметите, что в этой технике нет прокрутки. Единственное взаимодействие с домашней страницы — это нажать кнопку «Узнать больше» или передвигаться с помощью навигации, скрытой внутри гамбургер-меню.

Иллюстрации как доминирующие образы

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

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

Ожидайте, что эта тенденция сохранится до тех пор, пока мир не вернется к «более нормальной» или «новой нормальной» бизнес-модели, которая хорошо понимается и принимается большинством людей во всем мире.

Два варианта призыва к действию

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

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

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



Источник

 
  • 1624