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

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

Начну свою статью с теории, чтобы было понимание, о чем именно здесь пойдет речь.

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

Тренд — ограниченное по времени событие, в дизайне это обычно 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 и его различные вариации, имитируя движение по трехмерному пространству.

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

Примеры:

Бесконечный скролл

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

Примеры:

Заключение