Полезное __ 31 декабря, 2023

Тренды веб-дизайна в 2024 году

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

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

Тренд — ограниченное по времени событие, в дизайне это обычно 1-2, реже 3 года. Возникают тренды двумя способами: первый — их задают эксперты рынка (трендсеттеры, от англ. «set» — устанавливать), второй — формируются естественным образом, когда масса подхватывает какую-то понравившуюся новинку.

У тренда есть стадии его жизненного цикла: подъем, пик и спад. После спада у тренда два пути — забыться или остаться в качестве чего-то обыденного. Назовем это «стилем», как некое течение дизайна, в котором вы можете работать или нет по вашему собственному выбору, а не потому что это сейчас в моде.

И в этой статье я постараюсь максимально точно оценить, тренды по трем ключевым параметрам:
  • Стадия (подъем, пик и спад)
  • Популярность (низкая, средняя, высокая)
  • Прогноз (уйдет насовсем, останется локально*, закрепится в качестве стиля)

* Останется локально — в моем понимании значит, что тренд не забудется на 100%, а его будут использовать в тех проектах, где это будет уместно.

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

Итак, мой личный хит-парад трендов 2024 года:

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

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

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

Примеры:
Тильда
Тильда
3D фигуры из реальных материалов
Стадия: пик
Популярность: средняя
Прогноз: закрепится в качестве стиля
Первые 3D элементы на сайтах начали появляться еще пару лет назад, но трендом это стало лишь в текущем году, и он продолжит набирать популярность и в будущем. Основная причина такого медленного развития этого тренда — барьер в виде технологий и 3D специалистов. И т.к. возможность использовать 3D есть не у всех, то этот тренд пока еще воспринимается как доступный только «элите».

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

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

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

Примеры:
Тильда
Сложные градиенты
Стадия: спад
Популярность: высокая
Прогноз: закрепится в качестве стиля
Градиенты не раз возвращались в тренды, но каждый раз это были другие градиенты. В 2021 они вернулись в мир веба в виде сложных и многоцветных градиентов с неравномерным смешением. Чуть позже их стали смешивать с 3D и применять не только как декорацию, но и в качестве полноценного участника композиции. Сейчас сложные градиенты плавно переходят из статуса тренда в один из популярных стилей, который мы еще продолжим активно наблюдать и в 2024 году.

Примеры:
Тильда
Тильда
Сгенерированный AI контент
Стадия: подъем
Популярность: средняя
Прогноз: останется локально
Люди пока с осторожностью относятся к сгенерированному AI контенту, но я думаю, что с развитием нейронных сетей и их доступностью, это начнет меняться. Не так давно обновилась одна из самых популярных нейросетей для генерации изображений Midjourney до 6 версии, и это предвещает бум на креативный визуальный контент на сайтах. Правда не всем проектам нужен такой подход к контенту, поэтому после популяризации данного тренда, его будут использовать только там, где это уместно.

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

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

Примеры:
Тильда
Тильда
Тильда
Цветной наборный текст
Стадия: спад
Популярность: низкая
Прогноз: останется локально
Один из моих самых любимых трендов во все времена :) К сожалению, ему не нашлось много места под солнцем, т.к. прием весьма смелый и слишком необычный, он плохо приветствуется обычными посетителями сайтов из-за трудности чтения. Распространен этот тренд не широко, а его дальнейшее использование допустимо только для избранных проектов.

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

Примеры:
Тильда
Тильда
Бенто UI
Стадия: пик
Популярность: низкая
Прогноз: останется локально
Название тренда произошло от понятия «Бенто Бокс» — японской коробки для обедов. Бенто Боксы — это символ баланса, т.к. каждая ячейка в этой коробке имеет свой размер и предназначение для определенной порции еды, благодаря чему обеды получаются сбалансированными.
Интерфейс сайта в стиле Бенто представляет собой комбинацию плашек со скругленными углами разного размера и формы, которые идеально стыкуются друг с другом, не образуя пробелов или дырок. Каждая такая плашка — это отдельный функциональный элемент, поэтому информация в таком интерфейсе усваивается порционно и значит легче запоминается.

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

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

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

Не всем брендам подойдет этот тренд, но я думаю мы его еще увидим в 2024, а затем он займет свое место среди других нишевых направлений.

Примеры:
Скроллинг в нескольких плоскостях
Стадия: пик
Популярность: низкая
Прогноз: останется локально
Тренд родился в 2022 году и сейчас переживает второе дыхание. Его первая версия — скролл сайта не только по оси Y, но и X (популярный горизонтальный скролл). Сейчас же разработчики сайтов пошли еще дальше, и добавили скролл по оси Z и его различные вариации, имитируя движение по трехмерному пространству.

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

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

Примеры:
Тильда
Заключение
Это все еще не полный список обнаруженных мною трендов, есть еще несколько незначительных направлений, например, адаптивные хедеры, короткие видео на сайте, сложные параллакс эффекты и ретро из 2000-ых.

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

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

Читаемость текста — один из ключевых факторов в UX дизайне. Тогда зачем мы вообще рассказываем о таком дизайн-тренде, как нечитаемый текст? Ответ простой — это популярно.

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

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

Комментарии
Тренд веб-дизайна 2021 года: нечитаемый текст
Предыдущая статья
Установка виджета онлайн-бронирования Bnovo на сайт на Тильде
Следующая статья
Напишите мне
Хотите нанять меня? Или узнать больше о моей работе? Свяжитесь со мной, я буду рада ответить на все ваши вопросы или обсудить с вами наш новый проект.