UI/UX тренды 2023 года

Как UI/UX-дизайнер, я видел, как тренды приходят и уходят на протяжении многих лет. Трудно предсказать, что будет следующей большой вещью в дизайне в 2023 году, но есть несколько горячих тем. Поскольку 2022 год завершен на 96%, а Новый год быстро приближается, я составил список тенденций и прогнозов в дизайне UI/UX на 2023 год. Поехали!

Доступность

Промо-баннер Старка со страницы сообщества Figma

Трудно назвать это тенденцией, но она занимает первое место в моем списке. Я уже давно выступаю за доступность в проектах и ​​командах, с которыми работаю. И поскольку это становится темой для обсуждения на конференциях и встречах по дизайну, многие из нас лучше информированы и образованы по этой теме. Мы (надеемся) увидим больше контраста, продуманную типографику (что с 10-пиксельными подписями, а?), более четко определенные сенсорные цели и больше настроек станут стандартом.

Некоторые инструменты, которые помогут вам проектировать с учетом доступности:

Очень информативное чтение об инклюзивном дизайне, если вы хотите пойти еще дальше: Руководство для начинающих по инклюзивному UX-дизайну от Трины Мур Первалл … И если вы разрабатываете что-то для Dribbble и думаете — «здесь не нужно говорить о доступности, это просто для удовольствия». ” — пожалуйста, помните: ваша работа может повлиять на молодых дизайнеров и заставить их воссоздавать плохие практики из-за недостатка знаний . Будь переменой! (знаю попробую).

Нет кода на победу

Снимок экрана одного из бесплатных шаблонов и пользовательского интерфейса приложения Framer

Благодаря недавнему обновлению от Framer создавать красивые интерактивные веб-сайты И публиковать их стало проще, чем когда-либо. Существуют и другие инструменты (такие как EditorX или Webflow ), которые не требуют от пользователя каких-либо навыков программирования, но благодаря интуитивно понятному минималистичному интерфейсу Framer работа с ними становится лучше. Для дизайнера, использующего Figma , переход на Framer практически незаметен. Благодаря десяткам бесплатных шаблонов и огромной поддержке сообщества вы можете создать потрясающую целевую страницу всего за несколько часов. Изменит ли это рынок веб-разработки? Может быть, нет, но это определенно может помочь дизайнерам добавить что-то дополнительное к своему предложению. Дайте мне знать, что вы думаете в комментариях!

Ознакомьтесь с возможностями здесь:

ИИ — преимущество или угроза?

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

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

Посмотреть на себя:

Брутализм и анимация

Bloom — брендинг + веб-сайт от Quintin Lodge на Dribbble

Существует растущая тенденция чрезмерного упрощения в дизайне. Когда вы смотрите на шаблоны дизайна, все становится предсказуемым и скучным. Поскольку кастомизация темы становится все более ожидаемой, дизайнеры стремятся предоставить системы, которые легко изменить и адаптировать к различным цветовым схемам. Это может быть практично с точки зрения дизайна/разработки. Подумайте, сколько приложений и веб-сайтов вы видели с радиусом границы 12–16 пикселей, шрифтом Inter, светло-серыми рамками и смайликами? Это злоупотребление.

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

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

Градиенты шума

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

Вот ссылка на плагин Rogie's Noise & Texture для Figma.

Ручные иллюстрации

Иллюстрация Арона Лии к серии 8

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

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

…и если вам нужны иллюстрации, давайте поговорим здесь .

Глассморфизм

Исследования стекломорфизма Джоанны Врубель на Dribbble

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

(Снимок экрана с https://caniuse.com/css-backdrop-filter , показывающий поддержку браузером фонового фильтра CSS, используемого для создания размытого фона)

3D-иллюстрации и активы

Скрин из ролика Сплайна

Я думаю, что 3D помещается в каждый пост в блоге, связанный с тенденциями дизайна, начиная с… 2017 года? Но эй, вы слышали о Spline ? Благодаря интуитивно понятному интерфейсу, похожему на Framer, специалисту по дизайну очень легко создавать 3D-ресурсы. На каждом углу дизайнеры могут загрузить множество стандартных 3D-форм, но с такими инструментами, как Spline, направленными на демократизацию 3D-дизайна, я думаю, мы увидим больше пользовательских форм и символов на страницах продуктов. Кривая обучения может быть крутой, но она бесплатна, и уже существует множество руководств.

Проверьте это здесь:

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