3D-графика везде
С появлением экранов с более высоким разрешением 3D-дизайн прошел долгий путь от блочных и скошенных краев. Мы видим, как высококачественные трехмерные изображения органично вплетаются в веб-дизайн. Вместо того, чтобы отвлекать внимание, они улучшают общее впечатление пользователя. Элементы 3D придают любой веб-странице ощущение уникальности и размерности.
Дополненная реальность (AR)
Погружение с использованием дополненной реальности (AR) дарит удивительные впечатления. AR теперь означает больше, чем просто охота на покемонов на вашем мобильном устройстве. Новые технологии, такие как WebXR API и программное обеспечение от Wayfair Technologies, открыли эту сферу почти для всех.
Jeep использует дополненную реальность для страницы «Создайте и оцените Jeep». Для тех, кто ненавидит заходить в автосалоны, это будет легким и беззаботным опытом. Все больше веб-сайтов розничной торговли и электронной коммерции используют возможности AR, чтобы продавать свои продукты и расширять возможности потенциальных клиентов в процессе покупки.
Темный режим
Вспомните AC DC «Back in Black», потому что темный режим появится на всех экранах в 2021 году. Все больше дизайнеров принимают эстетику темного режима, где черный цвет обеспечивает идеальный темный фон, чтобы элементы дизайна выделялись на экране.
В приведенном ниже примере, агентство Obys отдает дань уважения модельеру Питеру Линдбергу, соединив тонко текстурированный черный фон с красивым шрифтом с засечками.
Прокрутка карточек
Мы были рады видеть, как прокручиваемые карточки становятся неотъемлемой частью дизайна. Независимо от того, прокручиваются ли они по горизонтали или по вертикали, они добавляют на сайт мгновенное действие и являются отличным способом представления информации.
Параллакс
От микровзаимодействий до фонов частиц - мы стали свидетелями растущей популярности веб-анимации из года в год. Веб-анимация 2021 года становится еще более сложной из-за разделения элементов страницы на крайние области переднего и заднего плана, создавая эффект параллакса.
Параллакс - это оптическая иллюзия, возникающая, когда кажется, что объекты рядом со зрителем движутся быстрее, чем объекты дальше. Хотя мы наблюдаем это в повседневной жизни - например, при просмотре проезжающих пейзажей во время вождения - эффект на веб-страницах в равной степени воспринимается как реальный и сюрреалистический.
Эмоджи
Эмоджи уже давно являются неотъемлемой частью нашей с вами жизни. Веселые и игривые смайлики на все случаи жизни расположились на сайтах и витринах магазинов. Привлекая внимание и вызывая улыбку :)
No code
Отсутствие кода не означает полного исключения кода. Программисты и разработчики всегда будут важны.
Без кода дизайнеры становятся фронтенд разработчиками. Писатели становятся веб-дизайнерами. А владельцы малого бизнеса могут окунуться в мир электронной коммерции. Кем бы вы ни были, никакой код не дает вам возможности стать чем-то большим. Он убирает границы между не дизайнерами, теми, кто занимается только дизайном, и теми, кто занимается разработкой.
Приятно было наблюдать за развитием новых платформ без кода и курсов дизайна, которые включают в свои учебные программы учения об этом. Нам не терпится увидеть, что произойдет с отказом от кода в 2021 году.
Источники:
https://webflow.com/blog/web-design-trends-2021
https://99designs.com/blog/trends/web-design-trends/