{"id":14285,"url":"\/distributions\/14285\/click?bit=1&hash=346f3dd5dee2d88930b559bfe049bf63f032c3f6597a81b363a99361cc92d37d","title":"\u0421\u0442\u0438\u043f\u0435\u043d\u0434\u0438\u044f, \u043a\u043e\u0442\u043e\u0440\u0443\u044e \u043c\u043e\u0436\u043d\u043e \u043f\u043e\u0442\u0440\u0430\u0442\u0438\u0442\u044c \u043d\u0430 \u043e\u0431\u0443\u0447\u0435\u043d\u0438\u0435 \u0438\u043b\u0438 \u043f\u0443\u0442\u0435\u0448\u0435\u0441\u0442\u0432\u0438\u044f","buttonText":"","imageUuid":""}

Тренды веб-дизайна в 2023 году. 12 предсказаний от дизайнеров сайтов на Тильде

Пробуем заглянуть в будущее и предсказать тренды веб-дизайна 2023 года. Мы спросили дизайнеров сайтов на Тильде, какие визуальные приёмы будут популярны в следующем году. Получился список из двенадцати пунктов — попробуйте в комментариях угадать, чьи предсказания сбудутся.

Тренды от Тани Дё. Таня создаёт аутентичные сайты для людей, влюблённых в своё дело. 12 сайтов попали в #madeontilda — галерею лучших проектов пользователей Тильды.

1. Рисованный стиль и простые авторские иллюстрации на детский манер

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

2. Эксперименты с типографикой

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

3. Человечный копирайт

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

Тренды от Анастасии Носовой. Настя помогает бизнесу выделяться на фоне конкурентов с помощью оригинального дизайна и простых в обслуживании сайтов. 8 сайтов попали в #madeontilda .

4. Минималистичный первый экран

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

5. Нестандартное расположение текста

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

6. Выделенные границы модулей

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

Тренды от Вероники Полосиной. Ника создаёт продуманные и стильные сайты, 23 проекта попали в #madeontilda .

7. Элементы UX-интерфейса в веб-дизайне

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

8. Футуристические цвета и текстуры

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

9. Микровзаимодействия

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

Тренды от Школы Тильды — онлайн-школы дизайнеров сайтов на Тильде. Она подходит тем, кто хочет освоить новую профессию или делать сайты для себя и своего бизнеса. Курс Tilda Start помогает освоить основы дизайна и изучить возможности Тильды, а на Tilda Pro учат создавать сайты с уникальным дизайном и рассказывают, как подготовить их к продвижению.

10. Ностальгия

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

11. 3D-элементы

Всё больше дизайнеров используют 3D-графику в своих работах. Объёмные элементы добавляют сайту глубины, делают его динамичным и запоминающимся. Объекты можно оставить в статике или анимировать. Главное — уместно вписать их в дизайн и не замедлить загрузку сайта.

12. Нейросети

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

Как думаете, какие предсказания сбудутся и какие ещё тренды мы увидим в следующем году?

0
12 комментариев
Написать комментарий...
Каля Баля

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

Ответить
Развернуть ветку
Taras Kostyk

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

Ответить
Развернуть ветку
Михаил Шолохов

Ооо, приятно что наш сайт для Unisender попал в статью 😊

Ответить
Развернуть ветку
Денис Сорокин

7. Элементы UX-интерфейса в веб-дизайне — то, о чем Максим Ильяхов кричит уже года так с 2019го примерно наконец стало трендом). Господи, спасибо!
А то уже нервный тик от бесполезных и не информативных иконок на сайтах.

Ответить
Развернуть ветку
Алексей Бурнатный

Да ну хз, я этот приём в сайтах вижу с 2007, ничего нового, другой вопрос, что 99% отечественных сайтов в виду лени делались не так

Ответить
Развернуть ветку
Денис Сорокин

про 99% согласен полностью

Ответить
Развернуть ветку
Егор Григорьев

за такой красивый визуал большой лайк

Ответить
Развернуть ветку
Мария Черная

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

Ответить
Развернуть ветку
Valentin Demin

согласен, радует даже то что они и решили вопрос с перегрузами сайта

Ответить
Развернуть ветку
Вадим Пастернак

Футуристические цвета, в сочетании с иллюстрациями из нейросетей, приправленные классными живыми заголовками. Ну и кнопки с первых экранов в топку😉

Ответить
Развернуть ветку
Который Розовый

https://vsp-garant.ru - мой проект) Приятно встретить его в подборке

Ответить
Развернуть ветку
Артем Александров

это как высокая мода, посмотреть интересно, но мало кто её понимает и мало кто хочет сам пользоваться

Ответить
Развернуть ветку
9 комментариев
Раскрывать всегда