ТОП-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. Вот еще несколько примеров минималистичных сайтов, где грамотно использованы яркие акценты:
№2. Необрутализм
Необрутализм — это направление в дизайне, которое перенесло идеи архитектурного брутализма в веб-разработку и типографику. Название происходит от слова «brut», которое с французского переводится как «необработанный».
Стиль появился как противопоставление «идеальным» интерфейсам, в которых дизайнеры прорабатывают каждый пиксель. Стремятся к плавным переходам, симметрии и гармоничному сочетанию цветов. Необрутализм преследует другие цели:
- Сочетание контрастных цветов. Например, глубокого черного, красного, синего;
- Использование резких градиентов;
- Асимметрию при размещении кнопок и надписей на них;
- Жирные заметные рамки и контрастные изометрические тени;
- Необработанные фотографии;
- Хаотичность, накладывание друг на друга элементов интерфейса и изображений;
- Использование базовых HTML стилей с простым фоном;
- Простые и легко читаемые шрифты без засечек;
- Пиксельную графику и шрифты.
Необрутализм продолжает свое становление. Он может выглядеть как компьютерные интерфейсы MS-DOS и 8-битные игры из восьмидесятых или как журналы, рекламная полиграфия из девяностых.
Необрутализм — это другой взгляд на дизайн. Он отбрасывает видение, сложившееся в 2010 году. Направление резко контрастирует с однотипными перфекционистскими сайтами и приложениями. Бросается в глаза и выглядит оригинально. Поэтому подходит для креативной сферы и ниш, где нужно подчеркнуть отличие от других, новаторский подход и смелость.
💡 Необрутализм нужно использовать осторожно. Легко перейти грань между эстетикой и отталкивающим дизайном.
Ведь стиль нарушает правила психологии дизайна. Контрастирующие цвета, темный фон и светлый текст, пиксельный шрифт — все это создает высокую когнитивную нагрузку, мешает концентрации. Это непрактично, если на странице много информации для изучения.
Примеры сайтов, которые используют необрутализм в дизайне:
✅ Gumroad
✅ katesnap
№3. Ретро и винтаж
Мода на коллекционирование антикварных вещей была всегда. Но всеобщий интерес к винтажу появился с развитием массовой культуры в ХХ веке. Фильмы, музыка, оформление книг и журналов, даже архитектура — везде возникают отсылки к прошлому.
В 2024 году дизайн в стиле ретро в интерьере, полиграфии и интернете переживает очередное перерождение. Винтаж вызывает ностальгию по прошлому.
В этому году не стоит ждать доминирования определенного направления в ретродизайне. Одновременно актуальны:
- Рекламная эстетика 60-х и 70-х годов в пастельной палитре с лаконичными шрифтами и винтажными символами;
- Яркие неоновые элементы 80-х с неожиданным сочетанием цветов;
- Переосмысленный ар-деко в интерьерах, популярный в 1920-1930 годах;
- Эргономичная мебель, декор, люстры в форме летающих тарелок и другие элементы из 60-х.
Винтажные стили помогают дизайнерам создавать яркие образы, которые запоминаются и выделяются в ленте ТикТок, Инстаграм. Винтажную эстетику используют и крупные издательства, luxury-бренды одежды. Среди них Cartier и Dior. Также игры студии Rockstar Games завоевали любовь геймеров благодаря ностальгии по прошлому.
✅ Пример сайта в ретростиле — hackaday.io.
№4. Экодизайн
Экофрендли стиль и природные мотивы популярны с середины двухтысячных. Экодизайн затрагивает разные сферы:
- Упаковка. Упаковка может быть вдохновлена природными формами, изготовлена из безопасных для окружающей среды материалов. Например, из бамбука или переработанной бумаги;
- Реклама и маркетинг. Компании создают рекламу, которая призывает заботится о природе, использовать переработанные материалы;
- Архитектура. В интерьере популярны натуральные материалы: фанера, дерево, натуральный камень, текстиль.
Сочетание природных цветов и градиентов или изображения дикой природы вызывают у аудитории доверие. Мозг воспринимает такие паттерны как безопасные. Снижается когнитивная нагрузка и аудитории легче преподнести новую информацию. Подход привлекает людей, которые придерживаются философии осознанного потребления и заботятся об окружающей среде.
Эко-тренды используют крупные бренды. Apple, Samsung и Xiaomi продают смартфоны в компактной упаковке из переработанного картона.
H&M в рекламе показывает аксессуары или одежду в окружении цветов или дикой природы.
№5. Динамическая типографика
Не во всех сферах бизнеса уместны яркие акценты, символы и иллюстрации. Но если на странице только текст, непросто удержать внимание посетителя. В таком случае вместо статических заголовков в рекламе и веб-разработке можно использовать динамическую графику. Она позволяет сконцентрировать взгляд на текстовом сообщении. Делает сайт интересным и запоминающимся.
Примеры из кино и телевидения: бегущая строка и выезжающие титры. Но вариантов анимации много:
- Фразы или отдельные слова появляются и исчезают, словно в тумане;
- Вращение, перемещение, выскакивание сбоку, выезд издалека, изменение масштаба;
- Изменение прозрачности и цвета, размытие;
- Фраза взрывается, превращается в пыль, распадается на пиксели;
- Слово собирается из хаотичного облака букв;
- Текст превращается в фигуру или новую фразу.
Это лишь популярные примеры динамической типографики. HTML5 и JavaScript позволяют реализовывать почти любую анимацию в веб-приложениях. В видеорекламе ограничений нет, благодаря возможностям After Effect, Cinema 4D и Maya.
💡 After Effect — это программа для работы с анимацией и видеороликами. Ее используют графические дизайнеры, видеомейкеры, разработчики видеоигр.
💡 Cinema 4D — это инструмент для 3D-моделирования, рендеринга и анимации. Программа используется в дизайне, киноиндустрии и рекламе.
💡 Maya — это приложение для создания 3D-графики и визуальных эффектов в видеоиграх, приложениях, анимациях и фильмах.
№6. Градиенты и глитчи
Контрастные градиенты и яркие цвета еще не так давно считались примером плохого дизайна «школьника». Глитч — это и вовсе ошибка или помеха, которую мы видим на экране телевизора в грозу или в старых компьютерных играх. Но «школьники» выросли. И суть не в том, что поколение дизайнеров, которое росло на поп-культуре 80-х и 90-х годов, смогло отстоять свое видение. Ему удалось развить направление, сделать его эстетичным и гармоничным.
Сложные градиенты со смелым сочетанием цветов добавляют глубину и объем. Используются не только для фона блока, но и как самостоятельные элементы. Яркие цвета добавляют динамику, делают дизайн выразительным, вызывают ностальгию о прошлом.
Глитч-арт развился в целое искусство в веб-дизайне, графике и живописи. Направление подходит для разных задач:
- Усиливает эмоциональный отклик;
- Заставляет зрителя посмотреть на объект с другой стороны;
- Объединяет разные направления в искусстве.
Градиенты и глитчи транслируют через дизайн инновационность компании или продукта, стремление к hi-tech. Добавляют минималистичным постам динамику и выразительность. Подобные приемы используют не только технологические компании, но и бренды одежды. Например, Adidas и Moncler, Baldinini.
Примеры использования:
№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.
Также Рэндалл отметил, что нейросети могут служить не только вдохновением: «Возможность генерировать что угодно из одной лишь подсказки открывает невероятный мир исследований и творчества».
Искусственный интеллект позволяет расширить границы воображения, предлагая новые идеи. Нейросети помогают создать оригинальные проекты, выделиться на фоне однотипного дизайна. Инструмент упрощает работу. Например, в один клик убирает фон или улучшает освещение, устраняет дефекты. Пока без человека не обходится. Но многие рутинные процессы остались в прошлом.
№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 собрала список полезных блогов и статей.
- 10 трендов веб-дизайна в 2024 году;
- Creative Bloq;
- 15 Top Design Trends To Watch Out For;
- The design trends you need to know about for 2024;
- Тренды дизайна 2024 — ТОП-20 трендов графического и веб-дизайна;
- 9 цветовых трендов 2024 года;
- Лучшие Цветовые Сочетания и Схемы для Сайтов 2024;
- Глитч-арт — что это за стиль: искусство цифровых помех;
- Graphic design trends for 2024;
- 10 Graphic Design Trends That Will Dominate 2024;
- Top 13 Graphic Design Trends for Cutting Edge Design in 2024 | Looka;
- 24 of the Biggest Graphic Design Trends for 2024;
- Dentsu Creative 2024 Trends Report;
- 7 Design Trends For 2024;
- Необрутализм захватывает интернет;
- Необрутализм в веб-дизайне — Rupixel Блог;
- Необрутализм захватывает Интернет — UXPUB.
Выберите свою профессию в каталоге курсов по дизайну
Курсы проводят опытные преподаватели-практики. Во время обучения вы будете выполнять самостоятельные работы, которые станут основой вашего портфолио. Кураторы помогут разобраться с трудностями. После завершения курса вы станете профессионалом и сможете найти работу.
Забрать доступ