Современные тренды в дизайне: крутые идеи и приемы, которые пора оставить в прошлом

крутые идеи и приемы, которые пора оставить в прошлом

Что сейчас актуально? Тренды дизайна-2023 частично перешли из 2022 года. На гребне волны 3D, анимация, монохром, минимализм, темная тема и прочие фишки, но не в чистом виде как есть, а уже слегка видоизмененные, с легким флером аутентичности.

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

В статье рассказывается: 

1. Тренды графического дизайна 2023 года
2. 10 трендов веб-дизайна 2023 года
3. Анимация как ключевой тренд дизайна-2023
4. Антитренды дизайна в 2023 году
5. Важные детали в сфере дизайна, которые не стоит забывать в 2023 году

6. Пройди тест и узнай, какая сфера тебе подходит:
   айти, дизайн или маркетинг.

   Бесплатно от Geekbrains

Тренды графического дизайна 2023 года

• 3D как всегда на первом месте

3D все еще во главе дизайна. Вы заметите его даже в самых непредсказуемых местах или же там, куда вы обычно не обращаете внимание. К примеру, в иконках. Мир отходит от привычного минимализма и вновь приходит к реализму. Ведь мода циклична!

Тренды графического дизайна

Совмещение 3D и 2D также набирает обороты с 2022 года. Трехмерный гиперреализм в графическом дизайне аккуратно смешивается с двухмерным стилем.

• Минимализм все еще в деле

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

• Стеклянные и кристальные элементы

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

Стеклянные и кристальные элементы

• Голографический дизайн

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

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

• Дизайн в стиле 90-х

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

Дизайн в стиле 90-х

• Ретро 70-х

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

• Абстракция

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

• Эксперименты в типографике

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

• Разнообразие коллажей и текстуры

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

Разнообразие коллажей и текстуры

• Спокойная цветовая палитра

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

Что касается конкретных оттенков 2022 года, то в этом году преобладали землистые цвета. В 2023 году предположительно наберут популярность зеленая палитра оттенков и эко-тенденция.

• Ч/б и монохром

Вдобавок к этому, в 2022 году сразу несколько крупных брендов: Volvo, Pringles и Cadillac сделали свои логотипы плоскими и простыми. У таких монохромных стилей есть два преимущества: черно-белый и монохромный окрас позволяют объекту быть элегантным, спокойным и приятным глазу, а также это значительно экономит краску. Он способствует использованию переработанных материалов и поддержку качества эко-френдли.

• Параметрические паттерны

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

• Психоделика

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

• Ризография

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

• Плоский дизайн укиё-э

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

Плоский дизайн укиё-э

• Антидизайн

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

• Инклюзивный визуал

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

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

Топ-30 самых востребованных и высокооплачиваемых профессий 2023

Поможет разобраться в актуальной ситуации на рынке труда

Подборка 50+ ресурсов об IT-сфере

Только лучшие телеграм-каналы, каналы Youtube, подкасты, форумы и многое другое для того, чтобы узнавать новое про IT

ТОП 50+ сервисов и приложений от Geekbrains

Безопасные и надежные программы для работы в наши дни

pdf 3,7mb

doc 1,7mb

Уже скачали 19836

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

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

• Изображения без лиц

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

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

10 трендов веб-дизайна 2023 года

• Тёмная тема

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

Тёмная тема

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

• Storytelling

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

• Использование «сплющенных» букв

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

Использование «сплющенных» букв

• Изображение поверх слов

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

• Буквы без заливки с обводкой

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

Буквы без заливки с обводкой

• Упрощение логотипов

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

• Минималистский ретро

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

• Азиатское направление визуала

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

Точный инструмент «Колесо компетенций»

Для детального самоанализа по выбору IT-профессии

Список грубых ошибок в IT, из-за которых сразу увольняют

Об этом мало кто рассказывает, но это должен знать каждый

Мини-тест из 11 вопросов от нашего личного психолога

Вы сразу поймете, что в данный момент тормозит ваш успех

Регистрируйтесь на бесплатный интенсив, чтобы за 3 часа начать разбираться в IT лучше 90% новичков.

Только до 6 марта

Осталось 17 мест

• Золото

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

• Рисунки в брендинге

Этот тренд вернулся в 2022 году и в 2023 будет использоваться в графическом и веб-дизайне. Брендинг – схематичные наброски, рисунки и абстракции все больше соединяют потребителей и создателей продукта (компании). Именно оригинальный бренд создает четкое представление о конкретном продукте и профессионализме. В этом и состоит главная задача дизайнера.

Брендинг может выражаться всякими способами и формами: люди, лица, абстракции, геометрия, линии, контрасты и т. д. Все зависит от концепции и креативности компании, проекта и сферы деятельности.

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

Анимация как ключевой тренд дизайна 2023

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

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

Анимация как ключевой тренд дизайна

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

Ниже представлены несколько вариантов применения веб-анимации:

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

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

Подобное оформление обычно используется в двух случаях:

• Дизайн информационных видеороликов с целью донести пользователю куда нажать, чтобы достичь необходимой цели. Анимация способна сделать то, что не в силах сделать видео, а именно необычно преподнести контент. Любая идея в голове дизайнера может быть анимирована.
• Для создания рекламы.

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

Анимация как ключевой тренд дизайна

Плюсы анимированных логотипов:

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

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

Антитренды дизайна в 2023 году

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

Статичный сайт

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

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

Плоский дизайн

Так называемый «флэт» стал модным в 2015 году, когда он встречался практически везде. Google разработал подробные гайды по material design и научил всех упрощать. Минимализм всегда был в приоритете, потому что это упрощает восприятие, поэтому из интерфейсов убирали чрезмерную детализацию. Но это было тогда, в 2023 году пора развивать этот стиль и подгонять его под актуальные тенденции моды.

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

Стоковые изображения

Стоковые фотографии не несут никакой ценности, кроме смысловой нагрузки.

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

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

Шаблонные иконки

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

Шаблонные иконки

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

Горизонтальный скролл

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

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

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

Слишком яркая цветовая палитра

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

Уже давно тенденции направлены на натуральность и естественность, используемые цвета также к этому относятся. Желаемые акценты всегда можно внедрить при помощи контрастных, но не кричащих оттенков.

Экстремальный минимализм

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

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

Гамбургер-меню

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

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

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

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

Важные детали в сфере дизайна, которые не стоит забывать в 2023 году

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

• Персонализированный контент. Большинство современных сайтов сейчас активно применяют методы отслеживания цифрового следа пользователя. То есть статистика просмотров и нажатий позволяет создавать максимально вовлекаемый и работающий контент, подкрепляя его качественным визуалом. Грамотное использование подобных инструментов позволит увеличить конверсию страницы, улучшить интерфейс и дизайн в целом.
• Скорость загрузки страницы. Чем выше скорость прогрузки всех элементов сайта, тем выше все его показатели в статистике посещаемости и продолжительности нахождения. Всегда стоит иметь в виду конкуренцию. Каким бы ваш сайт не был, скорость обновления влияет на эксплуатацию и позицию в поисковых системах.
• Адаптивный веб-дизайн. Еще одним обязательным требованием к веб-дизайну 2022-2023 года становится тренд оптимизации страницы под мобильные устройства, которые есть у всех современных людей. Технологии подстраиваются под развитие общества, поэтому и необходимо идти с ними в ногу: разрабатывать сайты также под телефоны и планшеты.
• Доступность сайта. Еще одно нововведение, требующее внимание всех разработчиков в 2023 году – специальные возможности. К ним относятся различные голосовые функции, распознавание речи, VR и другое. Крупные мировые бренды постепенно отказываются от классических и уже устаревших методов эксплуатации платформ.

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

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

Рейтинг: 4.3

( голосов 10 )

Поделиться статьей

10 трендов дизайна креативов 2021-2022, которые цепляют сейчас и будут цеплять в ближайший год + много примеров / Хабр

Наш дизайнер уже давно просился написать в наш блог, собирал примеры и отслеживал тренды. И вот сегодня мы рассмотрим 10 (и еще 2 спорных) трендов в дизайне креатива, которые, на наш взгляд, способны повысить CTR объявления, поэтому, вероятно, доживут с нами оставшиеся месяцы 2021-го и перейдут в 2022 год.

И сразу важный дисклеймер. У нас нет цели сказать этой статьей: «Делайте так, а вот так не делайте». Каждый креатив заходит определенной аудитории и существует в определенном социальном и медийном контексте. Каждое дизайнерское решение имеет право на жизнь и может кому-то понравиться. Мы лишь отразили актуальные общие тенденции, стили и мотивы, попытались их объяснить и показать их примеры.  

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

1. 3D всемогущий

Да-да, мы знаем. У 3D уже выросла борода, но его все равно в каждой подборке заносят в тренды. А все почему? Потому что 3D меняется. Раньше это были известные, наверное, всем округлые человечки и предметы в пастельных тонах и с пластиковой текстурой. Вот такие:

Автор/владелец: Cabeza Patata Studio, croa san, Laura Sirvent, Daniela AvilésАвтор/владелец: Cabeza Patata Studio, croa san, Laura Sirvent, Daniela Avilés

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

Автор/владелец: Cabeza Patata StudioАвтор/владелец: Cabeza Patata Studio

Очень показательны в этом смысле визуалы «Райффайзенбанка» в Instagram, которые задают тон всем креативам компании. В них как раз используется этот реалистичный 3D, когда на фото хочется посмотреть дважды, потому что мозг не понимает, это реальный или нарисованный предмет.

Источник: https://www.instagram.com/raiffeisenbank_rusИсточник: https://www.instagram.com/raiffeisenbank_rusИсточник: https://www.instagram.com/raiffeisenbank_rusИсточник: https://www.instagram.com/raiffeisenbank_rus

Раньше среди визуалов банка был классический и даже упрощенный 3D (проще говоря, 3D-мокапы). Например, вот:

2. Яркие и контрастные цвета

Они в тренде уже довольно долго, так как позволяют отразить оригинальность, современность продвигаемого продукта. Кроме того, они очень хорошо отстраивают креатив заказчика от конкурентов (конечно, если у конкурентов более скромная цветовая гамма). Особенно трендовыми являются сочетания цветов из ряда «розовый – фиолетовый – сиреневый – ярко-зеленый».

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

Владельцы креативов: https://ipex.global (1), Sushavon Paul (2), Nurul Alam (3,4), Artem Garaev (5)Владельцы креативов: https://ipex.global (1), Sushavon Paul (2), Nurul Alam (3,4), Artem Garaev (5)

Кстати, яркий котик смотрится рядом с другими объявлениями более чем заметно:

Чтобы посмотреть, какие креативы используют конкуренты, можно сначала собрать список URL и запросов (например, с помощью нашего парсера), а потом прочекать каждого вручную. Спарсить объявления сразу с креативами позволяет SimilarWeb, но только расширенная платная версия. У нас есть отдельная статья по сервисам сбора данных о конкурентах. Если еще не читали, рекомендуем.

3. Голографические элементы

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

Авторы/владельцы: Local Doctor (1,2), Need Some Tacos (3), Giovanni Medalla (4)Авторы/владельцы: Local Doctor (1,2), Need Some Tacos (3), Giovanni Medalla (4)

4. Неон и киберпанк

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

Авторы/владельцы: Artem Garaev (1,2), Maharab Hossen (3), Shahedur Rahman (4)

5. Пластик, полиэтиленовая пленка

У пластика в масс-культуре очень богатая история: еще в 1960-х Пако Рабанн показал коллекцию одежды с глянцевыми пластиковыми элементам. На 90-е пришлась новая волна популярности материала. Из-за этого трудно сказать, почему именно тренд на пластик и полиэтилен пришел в дизайн. Возможно, это связано с другим модным веянием, которое мы, кстати, поддерживаем, – с экологичностью. Пусть лучше пленка будет на креативах, чем в земле и воде.

Авторы/владельцы: Егор Сидоров (1,2), illusate Zhang и ZUI Tag (3)

6. Типографика и работа с текстом

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

Авторы/владельцы: Katerina Blistanova (1) Esrat Jahan (2), Magnet Graphic (3), Владимир Зуев (4)

7.

Простые и сложные 2D-иллюстрации

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

Авторы/владельцы: Яндекс (1), Elahe Baloochi и Azam Torshizi (2,3), Shahryar Taghipour, Elahe Baloochi и Mojgan Eliyasi (4), Alexandra Sviatchuk (5), Zahra Khorasani и Elahe Baloochi (6)Авторы/владельцы: Яндекс (1), Elahe Baloochi и Azam Torshizi (2,3), Shahryar Taghipour, Elahe Baloochi и Mojgan Eliyasi (4), Alexandra Sviatchuk (5), Zahra Khorasani и Elahe Baloochi (6)Авторы/владельцы: Яндекс (1), Elahe Baloochi и Azam Torshizi (2,3), Shahryar Taghipour, Elahe Baloochi и Mojgan Eliyasi (4), Alexandra Sviatchuk (5), Zahra Khorasani и Elahe Baloochi (6)

8. 90’s Experience

Мы не знаем, как правильно называется этот стиль. Иногда его называют «Опыт 90-х» (90’s Experience), потому что он отсылает к первым версиям Windows с их четкими контурами окон и простыми плоскими геометрическими формами. Нам понравилось это название. В современной интерпретации стиль содержит яркие градиенты и необычные оттенки. Часто поверх визуала наложена состаривающая текстура, делающая визуал похожим на страницу старого комикса или видавшего виды журнала.

Авторы/владельцы: Kirill Lapshin (1,2), Budujobs (3), Raphael de Luca (4)

9. Крупный план и детализация

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

Авторы/владельцы: Sebastien Sauvage (1,2), Lee Sungwook (3,4)Авторы/владельцы: Sebastien Sauvage (1,2), Lee Sungwook (3,4)

10.

Мягкие градиенты

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

Авторы/владельцы: Virag Kiss (1,2), ПАО «Сбербанк» (3,4).Авторы/владельцы: Virag Kiss (1,2), ПАО «Сбербанк» (3,4).

А что насчет…?

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

11. Стекломорфизм

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

Владельцы креативов: Кристина Кривоконева (1), Dâmaris Cabral (2), Song hojong (3)Владельцы креативов: Кристина Кривоконева (1), Dâmaris Cabral (2), Song hojong (3)

12.

Античные образы

Это когда лицо или фигура античной статуи обыгрывается в соответствии с тематикой креатива или вовсе без нее. Например, изображается Аполлон на баннере фитнес-клуба, Афродита – на баннере о косметике. Ну, или все подряд на креативе для нового аромата Yves Saint Laurent.

Владельцы/авторы креативов: Владимир Зуев (1), Joshua Caudwell (2)

Бывает даже такое совмещение античных статуй и флэт-иллюстрации:

Автор: Julia SvobodaАвтор: Julia Svoboda

Античные мотивы еще можно встретить в рекламных креативах. Тем не менее, мы считаем, что этот тренд тоже продержится недолго.

Пара важных мыслей напоследок

1. Как бы ни был уверен в крутости креатива дизайнер, его руководитель и владелец бизнеса, креатив все равно нужно тестировать. Бывает такое, что баннер граничит с шедевром по своей идее и исполнению, но не работает. Задача на тестирование креативов для рекламы облегчается, если все РК собраны в одном месте, например в едином аккаунте Click. ru.

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

3. Многие современные тренды причудливо сочетаются друг с другом. И это тоже тренд! Стекломорфизм дружит с градиентами и 3D, векторная графика – неотъемлемая часть 90’s Experience, а неон невозможен без ярких и контрастных цветов. Дизайн – единая система, в которой все составляющие находятся во взаимосвязи.

Топ-10 тенденций графического дизайна для передового дизайна в 2023 году

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

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

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

Почему тенденции в графическом дизайне так важны

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

Как сказал писатель и активист Тони Кейд Бамбара, «роль художника состоит в том, чтобы сделать революцию неотразимой» . Другими словами, тренды в графическом дизайне — это не только признак времени, но иногда и катализатор, чтобы изменить себя!

1. Y2K здесь, чтобы остаться
2. Максимализм
3. Экспериментальные шрифты
4. А. Разработано AI

---

1. Y2K здесь, чтобы остаться

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

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

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

Дизайн: saltandsugarstudio.com

Брендинг на tbpmx.com

, разработанный Квиеном Нгейем на

Source: Gabinere ExquisIt и RekeNEN

.

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

2. Максимализм

Минимализм долгие годы правил миром дизайна.

Но в последнее время мир графического дизайна сместился в сторону максимализма как бегства от скучной рутины и ограничений.

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

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

Чем больше, тем лучше в 2023 году.

Брендинг от Oddesignstudio.nl

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

Источник: Marsonearthdesigns. com

3. Экспериментальные шрифты. Привычные шрифты без засечек в 2023 году отойдут на второй план, и шрифты будут говорить формой и цветом, а не словами.

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

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

Дизайн Мария Луиза Кастро на Behance

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

, разработанный Andresrequena.es

Проверьте эти экспериментальные шрифты логотипа на Looka’s Logo Maker:

Сделано с Looka

9008 40008

9008

9008 40008 9008.

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

Дизайн pazmiamor.com

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

Брендинг от livipo.co

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

Сделано с Looka

Сделано с Looka

 Создайте свой собственный уникальный логотип прямо сейчас!

5.

Готичность

Мы можем поблагодарить Уэнсдей Адамс за недавнее помешательство на готике, занявшее центральное место на таких платформах, как Tik Tok. На момент написания этой статьи у тренда #gothgirl было 4,6 миллиарда просмотров.

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

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

Designed by Camichavarria.com

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

Здесь нет неправильного ответа! На самом деле, неправильные ответы приветствуются. Делай все возможное!

Источник: Camichavarria. com

6. Винтажный минимализм

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

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

Источник: PineAppleCollaborative.com

Брендинг для верных To Nature On Behance

Develiple By Juliendemeere.fr

7. Blurs и GradientEmyere.fr

7.703, а Gradience

9030 3 9030 903. графические дизайнеры все больше экспериментируют с их использованием.

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

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

Автор: Mockup Box on Behance

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

Источник: Kin Euphorics

от Hana Perak On Behance

, разработанный Rita Santos on Behance

8. Touch и Felie вдохновлять в графическом дизайне. Но в 2023 году мы добавим реальные текстуры, такие как жевательная резинка, стекло, зернистая бумага и струящийся шелк, чтобы придать дизайну физическое ощущение.

Автор: Энрике Пуэрто и Адрия Феррер на Behance

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

Напитки премиум-класса Schweppes на Behance

9. Приземленные

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

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

Дизайн www.327.pt

Дизайн-студия Glasfurdandwalker. com

Дизайн Katiforner.com

10. Научно-фантастическая психоделия

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

Хотя эта тенденция дизайна подходит не для всех отраслей, она подходит для проектов, которые стремятся разрушить наши представления о том, что возможно. Черпайте вдохновение из научно-фантастических или фантастических фильмов, таких как «Дюна», «Звездные войны» и «Мандалорец», чтобы начать свои проекты.

By Livre Luar on Behance

Designed by katiforner.com

 

11. Designed by AI

One of the newest graphic design trends to hit the scene is the use платформ и инструментов ИИ. Хотя это может показаться нелогичным, дизайнеры используют свои творческие способности для создания инструментов искусственного интеллекта и выводят графический дизайн на новый уровень.

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

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

Хотите использовать инструмент дизайна AI для своего бренда? Попробуйте Midjourney, Dall.E.2 или Jasper. Используйте его для создания выдающейся целевой страницы, визуализации данных, фирменной упаковки, концепций дизайна приложений и многого другого!

Это мир новых возможностей с дизайном ИИ, доступный для широких масс.

Следите за тенденциями графического дизайна 2023 года

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

1. Y2K nostalgia
2. Maximalism
3. Experimental fonts
4. Handmade illustrations
5. Gothic aesthetic
6. Vintage minimalism
7. Blurs and gradients
8. Real textures
9. Earthy elements
10. Sci-fi psychedelia
11. Designed by AI

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

8 интерактивных тенденций дизайна UX на 2023 год

Логотипы, веб-сайты и многое другое…

Логотипы, веб-сайты, обложки книг и многое другое…

Получить дизайн

Многофункциональные, визуально завораживающие веб-сайты будут в тренде UX-дизайна в 2023 году. Мы живем в мире, где потребители все чаще ищут развлечения у брендов, чтобы избежать обычного давления повседневной жизни и сайтов. соответственно адаптируются. Дизайнеры обращаются к искусственному интеллекту, эффектам наведения и новым стилям навигации для создания стимулирующего взаимодействия с брендом. Улучшение взаимодействия с пользователем с помощью иммерсивных 3D-сред — вот основные будущие тенденции UX-дизайна на 2023 год.0003

8 дразнящих трендов UX-дизайна на 2023 год:

—

1. Эффект наведения на продукт
2. Сложная прокрутка
3. Впечатление от бренда бросает вызов времени ожидания
4. Интерактивная, ореховая навигация
5. Превращение негативов в позитивы
6. ИИ усложняет сферу чат-бота
7. Голосовой поиск или помощь
8. Гиперстимуляция

1. Эффект наведения на продукт

—

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

Simply Chocolate предлагает посетителям щелкнуть плитку шоколада, чтобы открыть ее, через Simply Chocolate.

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

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

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

VIITA Watches раскрывает свои часы с помощью эффекта наведения на продукт от VIITA Watches через Awwwards.

2. Усовершенствованная прокрутка

—

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

Сайт Agence Cartier использует множество механизмов прокрутки через Agence Cartier.

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

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

3. Впечатление от бренда бросает вызов времени пребывания

—

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

Многие новые веб-сайты отдают предпочтение опыту, а не удобству использования, например, это интерактивное портфолио, в котором вы можете перемещаться по разделам сайта через Joshua’s World. .

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

Веб-сайт о Масаре в Мекке, где пользователи могут исследовать онлайн-опыт, чтобы узнать больше о Масаре, через Masar Destination. Веб-сайты с эффектом погружения могут быть отличным способом продвижения видеоигры через Star Guardian.

4. Интерактивная навигация

—

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

Это креативное агентство добавляет элегантную интерактивность в свое меню гамбургеров через Alfa Charlie.

Благодаря этим запоминающимся навигационным функциям веб-сайты создают ощущение, что пользователь находится в приключении, повторяя нашу предыдущую тенденцию увеличивать их взаимодействие с вашим сайтом. Он включает в себя витиеватые эффекты прокрутки, наведения и раскрытия в навигационных меню, чтобы отвлечься от того, к чему мы привыкли, то есть от щелчка по статическим страницам другого гамбургера. Он оживляет ваши раскрывающиеся списки и в интерактивном режиме направляет пользователя из точки А в точку Б настолько интуитивно, насколько это возможно. 9У франшизы NBA 0003 Utah Jazz есть забавный сайт для своих ретро-джерси с интерактивной, но необычно разработанной навигацией через Utah Jazz. RLY использует интерактивные круги как способ навигации по своим социальным ссылкам через RLY. Веб-сайт, который отдает дань уважения Жоржу Мельесу. Фильм 1902 года «Путешествие на Луну», в котором для навигации используется игровая механика через монохромный Париж.

5. Превращение негатива в позитив

—

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

На этой странице 404 есть всплывающие пузыри с изображениями, добавляющие нотку творчества на страницу, которую никто не ожидал, The First The Last, Irina Horbunova и Shulgina Julia, через Awwwards. Во время загрузки на этом веб-сайте появляется симпатичный курсор, который чирикает и выпускает музыкальные ноты при нажатии через Fils De Graphiste.

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

Галерея изображений, которая открывается по мере загрузки страницы. Марго Приолет, Awwwards.

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

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

6. ИИ усложняет сферу чат-ботов

—

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

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

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

Это крипто-приложение использует чат на основе ИИ, чтобы помочь пользователям решать проблемы и узнавать больше об инвестициях в цифровые технологии, авторы UI JEDI, Дмитрий Ратушняк, Михаил Чадченко и Диана Цалан через Behance.

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

Domino’s Pizza позволяет голодным пользователям заказывать пиццу через чат-бота через Dominos.

7. Голосовой поиск или помощь

—

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

Приложение голосового помощника, которое направляет пользователя и транскрибирует то, что он говорит, от Тогрула Афанди через Behance.

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

Макет приложения для голосового поиска с виртуальным помощником, автор Фердоус Ислам, через Behance. Криптовалютное приложение Hey Wallet использует искусственный интеллект для голосовой помощи, авторы UI JEDI, Дмитрий Ратушняк, Михаил Чадченко и Диана Цалан, через Behance.

8. Перевозбуждение

—

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

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

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

Этот веб-сайт использует анимацию, жирные шрифты и фоновое видео для создания подавляющей атмосферы с помощью Mac-Pam.

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

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

Luaka Bop использует яркий желтый фон в сочетании с рамкой веб-страницы и изображениями старой школы, чтобы стимулировать чувства через Luaka Bop. У Gucci есть захватывающий, но потрясающий интерактивный веб-сайт, яркий и живой, через Gucci Flora.

Нарушая закон… UX

—

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