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

Мы попросили дизайнеров сайтов на Тильде предсказать, какие визуальные приёмы будут популярны в 2024 году. Егор Зелёный, Миша Таби, Аня Мельник, Darabamse и Лия Альмухамедова собрали 10 трендовых визуальных решений — рассказываем про них в статье.

Яркие и насыщенные цвета — один из основных трендов 2024 года. Популярными становятся красочные цветовые переходы, которые придают интерфейсу динамичность и энергию. Также в тренде сочетания цветов, вдохновлённые дизайном 80-х и 90-х и вызывающие ностальгию.

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

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

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

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

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

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

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

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

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

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