Веб-дизайн: тренды 2024

21 февраля 2024
из открытых источников

О новых трендах рассказали веб-дизайнеры Валерия Дарченко и Валерия Лукашова в открытом пространстве «Арт-Ель». В формате дискуссии обсудили и разобрали актуальные тенденции. Автор «Рост.медиа» собрал самые интересные визуальные решения 2024 года.

Цвет года

Panton назвал главным цветом 2024-го года «Персиковый пух». В институте объяснили своё решение тем, что на фоне происходящих в мире конфликтов и бесконечных источников стресса цвет года — нежный персиковый — служит напоминанием о необходимости не торопиться и заботиться о себе и друг о друге, отмечает Time. Как пишет издание, название романтического оттенка отражает связанные с ним тактильные ощущения: бархатистые персики, мягкие перья марабу и гладкие винтажные атлас и шелк — все это приходит на ум, когда думаешь о сочетании розового и оранжевого.

Гигантские кнопки

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

Сейчас в целом прослеживается мода на что-то большое. Ещё не полноценный гигантизм, но уже явные шаги в его сторону.

Цветной наборный текст

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

Острые формы

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

Коллажи

Коллажи — не новый тренд. Что изменилось: коллажи дополняют необычными текстурами, например, пластилином, глиной или мятой бумагой. Такие визуальные решения добавляют изображению глубины и объёма.Такое сочетание на странице сайта производит впечатление, будто элементы вырезаны из журнала, что создаёт уникальный дизайн и придаёт сайту акцент, привлекает внимание пользователей.

3D-элементы

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

Дизайн текстом

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

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

Понравился материал?
Подпишись на рассылку «Роста»