Дизайн #Статьи

26 июня, 2024

ТОП-10 трендов дизайна 2024 года. Как привлечь внимание аудитории

Ведущий дизайнер Яна Масюкович и редакция Skillbox.by проанализировали цифровое пространство, посмотрели публикации трендсеттеров Canva, Adobe, Dentsu и Depositphotos. В статье расскажем, что актуально в дизайне в 2024 году.

Яна Масюкович

Lead Designer of Skillbox CIS

Графический дизайнер, управляет командой дизайнеров Skillbox и занимается визуальным сопровождением бренда на просторах интернета и офлайн-точках. Разрабатывает гайды для создания единого стиля во всех каналах Skillbox.

Графический дизайнер, управляет командой дизайнеров Skillbox и занимается визуальным сопровождением бренда на просторах интернета и офлайн-точках. Разрабатывает гайды для создания единого стиля во всех каналах Skillbox.

Куда движется дизайн

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

Например, 2010-е годы — это плоский облик Windows 8 и мобильных операционных систем. Отход от красочных клипов MTV, баннерной и тизерной рекламы, «любительских» сайтов 2000-х. Появились проработанные интерфейсы, где стандартом стали мягкие градиенты, симметрия и реалистичность. Дизайн перфекциониста в самом ярком проявлении.

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

В 2023 году спустя шесть десятилетий после первого появления, шум навел фильм «Барби». Он окрасил все в розовый цвет на несколько месяцев. Это было параллельно с активным развитием AR, VR и метавселенных.

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

Проектируйте сайты и приложения после курса Веб-дизайнер

Узнать больше

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

В 2024 интернет соединил моду, типографику, архитектуру, цифровое и художественное искусство вместе. Так один тренд может параллельно захватывать разные сферы.

№1. Минимализм с акцентами 

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

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

Без выразительных акцентов и отсылок к поп-культуре второй половины ХХ века никуда. Вот как это проявляется в разных сферах:

  • Интерьер. В минималистичном или скандинавском интерьере ярким акцентом могут стать винтажные модернистские стулья или кресла, текстиль мятного, лимонного и нежно-розового оттенков. Не остаются без внимания и кислотные картины в стиле Энди Уорхола, уносящие нас в фанковые 1960-1970 годы.

💡 Энди Уорхол — это американский художник, продюсер, дизайнер и писатель. Стал заметной персоной в истории поп-арт-движения и современного искусства.

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

Образцовые примеры минимализма в рекламе и упаковке показывают бренды Beats by Dre, Gap, Reebok. Вот еще несколько примеров минималистичных сайтов, где грамотно использованы яркие акценты:

 

Lars Tornøe

takeyourmuse

№2. Необрутализм

Необрутализм — это направление в дизайне, которое перенесло идеи архитектурного брутализма в веб-разработку и типографику. Название происходит от слова «brut», которое с французского переводится как «необработанный».

Необрутализм в Skillbox.by

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

  • Сочетание контрастных цветов. Например, глубокого черного, красного, синего;
  • Использование резких градиентов;
  • Асимметрию при размещении кнопок и надписей на них;
  • Жирные заметные рамки и контрастные изометрические тени;
  • Необработанные фотографии; 
  • Хаотичность, накладывание друг на друга элементов интерфейса и изображений;
  • Использование базовых HTML стилей с простым фоном;
  • Простые и легко читаемые шрифты без засечек;
  • Пиксельную графику и шрифты. 

Необрутализм продолжает свое становление. Он может выглядеть как компьютерные интерфейсы MS-DOS и 8-битные игры из восьмидесятых или как журналы, рекламная полиграфия из девяностых. 

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

💡 Необрутализм нужно использовать осторожно. Легко перейти грань между эстетикой и отталкивающим дизайном. 

 

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

 

Примеры сайтов, которые используют необрутализм в дизайне:

 

Gumroad

AdamClarkecolour.com

Yves Tumor

katesnap

kirpichagency

№3. Ретро и винтаж

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

Ретро и винтаж в Skillbox.by

В 2024 году дизайн в стиле ретро в интерьере, полиграфии и интернете переживает очередное перерождение. Винтаж вызывает ностальгию по прошлому.

В этому году не стоит ждать доминирования определенного направления в ретродизайне. Одновременно актуальны: 

  • Рекламная эстетика 60-х и 70-х годов в пастельной палитре с лаконичными шрифтами и винтажными символами;
  • Яркие неоновые элементы 80-х с неожиданным сочетанием цветов;
  • Переосмысленный ар-деко в интерьерах, популярный в 1920-1930 годах;
  • Эргономичная мебель, декор, люстры в форме летающих тарелок и другие элементы из 60-х.

Винтажные стили помогают дизайнерам создавать яркие образы, которые запоминаются и выделяются в ленте ТикТок, Инстаграм. Винтажную эстетику используют и крупные издательства, luxury-бренды одежды. Среди них Cartier и Dior. Также игры студии Rockstar Games завоевали любовь геймеров благодаря ностальгии по прошлому.

 

✅ Пример сайта в ретростиле — hackaday.io.

№4. Экодизайн

Экофрендли стиль и природные мотивы популярны с середины двухтысячных. Экодизайн затрагивает разные сферы: 

  • Упаковка. Упаковка может быть вдохновлена природными формами, изготовлена из безопасных для окружающей среды материалов. Например, из бамбука или переработанной бумаги; 
  • Реклама и маркетинг. Компании создают рекламу, которая призывает заботится о природе, использовать переработанные материалы; 
  • Архитектура. В интерьере популярны натуральные материалы: фанера, дерево, натуральный камень, текстиль.

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

Эко-тренды используют крупные бренды. Apple, Samsung и Xiaomi продают смартфоны в компактной упаковке из переработанного картона.

H&M в рекламе показывает аксессуары или одежду в окружении цветов или дикой природы.

№5. Динамическая типографика

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

Динамичная типографика в Skillbox.by

Примеры из кино и телевидения: бегущая строка и выезжающие титры. Но вариантов анимации много:

  • Фразы или отдельные слова появляются и исчезают, словно в тумане;
  • Вращение, перемещение, выскакивание сбоку, выезд издалека, изменение масштаба;
  • Изменение прозрачности и цвета, размытие;
  • Фраза взрывается, превращается в пыль, распадается на пиксели;
  • Слово собирается из хаотичного облака букв;
  • Текст превращается в фигуру или новую фразу.

Это лишь популярные примеры динамической типографики. HTML5 и JavaScript позволяют реализовывать почти любую анимацию в веб-приложениях. В видеорекламе ограничений нет, благодаря возможностям After Effect, Cinema 4D и Maya.

💡 After Effect — это программа для работы с анимацией и видеороликами. Ее используют графические дизайнеры, видеомейкеры, разработчики видеоигр. 

 

💡 Cinema 4D — это инструмент для 3D-моделирования, рендеринга и анимации. Программа используется в дизайне, киноиндустрии и рекламе. 

 

💡 Maya — это приложение для создания 3D-графики и визуальных эффектов в видеоиграх, приложениях, анимациях и фильмах.

№6. Градиенты и глитчи

Контрастные градиенты и яркие цвета еще не так давно считались примером плохого дизайна «школьника». Глитч — это и вовсе ошибка или помеха, которую мы видим на экране телевизора в грозу или в старых компьютерных играх. Но «школьники» выросли. И суть не в том, что поколение дизайнеров, которое росло на поп-культуре 80-х и 90-х годов, смогло отстоять свое видение. Ему удалось развить направление, сделать его эстетичным и гармоничным.

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

Глитч-арт развился в целое искусство в веб-дизайне, графике и живописи. Направление подходит для разных задач:

  • Усиливает эмоциональный отклик;
  • Заставляет зрителя посмотреть на объект с другой стороны;
  • Объединяет разные направления в искусстве.

Градиенты и глитчи транслируют через дизайн инновационность компании или продукта, стремление к hi-tech. Добавляют минималистичным постам динамику и выразительность. Подобные приемы используют не только технологические компании, но и бренды одежды. Например, Adidas и Moncler, Baldinini. 

 

Примеры использования:

 

25.aic.ru

R&Co Design

Zeus Jones

№7. 3D и дополненная реальность

3D-графика стала доступна малому и среднему бизнесу. Новые модели гарнитур виртуальной и дополненной реальности выходят одна за другой. Все что нужно, чтобы 3D-дизайн стал распространенным. 

Как высказался дизайнер и фотограф Майкл Кус: «3Д-дизайн огромен и в этом году мы увидим гораздо больше 3Д. Ведь много возможностей доступно даже в бесплатных инструментах».

Крупные бренды давно перешагнули этап использования трехмерной графики в рекламе. Компании Zalando, Prada, Warby Parker тестируют виртуальные AR-примерочные, где можно удаленно примерить на себя платье, часы или колье. 

Трехмерную графику также осваивают и небольшие компании:

  • 3Д-витрины, где можно рассмотреть аксессуар, электронику или бытовую технику с разных сторон;
  • Сюрреалистические персонажи и трехмерные иллюстрации в TikTok и Instagram позволяют выделиться и привлечь внимание аудитории;
  • Трехмерная инфографика. Графики, диаграммы, символы в объемном виде становятся нагляднее;
  • Объемные шрифты на сайте или в приложении делают интерфейс «объемным» и запоминающимся. 

3Д-графика в веб-разработке, рекламе и маркетинге продолжает набирать обороты. Она улучшает пользовательский опыт, делает публикации ярче и вызывает доверие.

№8. Нейросети

Нейросети активно развиваются и открывают много возможностей для дизайнеров. Как рассказал Джон Рэндалл, сотрудник Magpie Studio: «В 2024 году графические дизайнеры будут полагаться на помощь ИИ. Работникам креативной сферы нужно принять нейросети и интегрировать инструмент в свои рабочие процессы». Так сделали многие креативные агентства. Среди них Huge, Magpie Studio, Ghost Note Agency, Maison Meta.

Работа с нейросетями в Skillbox.by

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

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

№9. Арт-коллаж

Наряду с минимализмом, в 2024 все чаще встречается максимализм и арт-коллаж.

💡 Арт-коллаж — это интерфейсы и изображения, собранные из множества элементов. Эти элементы словно вырезаны из газет, журналов или картин.

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

Арт-коллажи подходят для креативной сферы, типографий и развлечений. Такие «коктейли» из изображений «вырезанных» из разных мест и эпох создают непринужденную атмосферу. Используя знакомых персонажей, отсылки к событиям или мемам, можно вызвать определенные эмоции, привлечь внимание. Стиль используют и крупные бренды, например, Cartier и Under Armour.

№10. Палитра 2024 года

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

И если хотите оставаться современным, удерживать внимание аудитории, показать гибкость бренда, нужно знать популярные палитры.

✅ Peach Fuzz — персиковый пух


На первом месте главный цвет года, который выбрал Институт цвета PANTONE. Как считает Леатрис Эйсман — руководитель компании, этот цвет лучше всего подходит данному периоду истории. Нежный пастельный оттенок символизирует исцеление, взаимоподдержку и человечность. 

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

Также персиковый пух хорошо подходит для фона в социальных сетях и видео. Он вызывает доверие и положительные ассоциации с товаром или брендом.

Необязательно делать персиковым весь сайт. Можно добавить надписи, кнопки, виджеты или запостить несколько изображений в Instagram. Люди везде видят персиковый пух и он вызывает положительные эмоции на подсознательном уровне.

✅ Millennial pink — миллениальный розовый


Цвет яркой жевательной резинки уводит нас в эпоху Y2K — в детство и юность аудитории, которой сейчас 30-45 лет. Пик популярности цвета пришелся на вторую половину 2023 и был спровоцирован выходом «Барби». Но его все еще используют многие дизайнеры. 

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

Nude in Nizza


Цвет года по версии производителя красок Tikkurila, созданный совместно с дизайнером интерьеров Мари Олссон Нюланд. Напоминает Peach Fuzz, но это немного другой оттенок, адаптированный для интерьеров. Ассоциируется с добротой и игривостью. Вызывает доверие и положительные ассоциации с брендом. 

Цифровой нуар


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

✅ Цитрусовые оттенки


Лихорадка Барби вызвала ностальгию по всему яркому. И в 2024 году популярны не только оттенки розового, но и цитрусовые. Палитра обширная: от уравновешенного оранжевого и радостного желтого до кислотно-салатового. 

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

Королевские оттенки


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

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

Полезные материалы от редакции Skillbox.by

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

Чтобы вы смогли больше узнать о дизайне, трендах, влиянии разных стилей и палитры цветов на восприятие аудитории, редакция Skillbox.by собрала список полезных блогов и статей.

Выберите свою профессию в каталоге курсов по дизайну

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

Забрать доступ