Rivalry2

HTML Diff

1 added 1 removed

Original 2026-01-01

Modified 2026-02-21

1 <a>#статьи</a>

2 <ul><li>23 дек 2024</li>

3 <li>0</li>

4 </ul>Саунд в вебе, дизайн-фестивали и Y2K-эстетика.

5 Иллюстрация: Полина Честнова для Skillbox Media

6 Журналист, автор статей про моду, искусство и дизайн. Кастомизирует одежду и влюбляет людей в английский язык.

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

8 В материале:

9 <ul><li><a>Анастасия Тюрикова</a> - об эмоциональном интерфейсе, метафорах и звуках;</li>

10 <li><a>Илья Поликарпов</a> - о популяризации дизайна, вложениях корпораций и редизайне;</li>

11 <li><a>Иван Емелюшкин</a> - об искусственном интеллекте и сломе шаблонов;</li>

12 <li><a>Александра Яковлева</a> - об эстетике интерфейсов.</li>

13 </ul>В 2024 году удобства и функциональности цифровых продуктов уже становится недостаточно. В центре внимания - эмпатия, стремление понять реальные потребности и чувства аудитории. UI/UX становится не только функциональным, но и глубоко эмоциональным, ориентированным на создание искренней связи с пользователем.

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

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

16 <h2>Интерфейсы всё больше говорят на языке пользователя</h2>

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

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

19 Изображение: SpotifyОнлайн-кинотеатры, такие как Netflix, "Кинопоиск" и "Иви", активно используют подходы для улучшения пользовательского опыта.

20 "Яндекс Музыка" (цвет вашей волны, подборки для вас)Изображение: "Яндекс Музыка"Метафоры в веб-дизайне вызывают эмоциональные реакции и ассоциации с определёнными образами. Они упрощают взаимодействие с сайтами и приложениями, что играет ключевую роль в создании успешных цифровых продуктов.

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

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

23 "МТС Музыка". Основной визуальный приём - метафора звуковой волныИзображение: "МТС Музыка"Скриншот: сайт<a>Leeroy</a>/ Skillbox MediaСкриншот: сайт<a>ChainGPT Labs</a>/ Skillbox MediaСкриншот: сайт<a>shareio.app</a>/ Skillbox MediaЗвук в веб-дизайне - новый тренд, который усиливает пользовательский опыт. Его используют как инструмент для улучшения взаимодействия с интерфейсами и формирования эмоциональных связей.

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

25 Скриншот: сайт<a>Who is guilty</a>/ Skillbox MediaСкриншот: сайт<a>Pinatap.beaucoup.studio</a>/ Skillbox MediaВ 2024 году многие компании ушли из России, поэтому дизайнеры большое внимание уделяли инструментам - аналогам основных программ. Например, большую известность приобрела Pixso - точная копия Figma, только сделанная китайцами.

26 К сентябрю многие дизайнеры сделали бэкап файлов и были готовы перейти на аналог, но наша любимая Figma пока остаётся с нами. Самое главное для дизайнера - мышление и навыки, а не инструмент, которым он пользуется. Будьте готовы творить дизайн в любой удобной для этого программе.

27 В 2024 году в России всё больше становится понятно, что дизайн - отдельная индустрия, у которой есть огромное число почитателей. Если раньше это была всего лишь категория на VC, то сейчас это крупные площадки, которые устраивают масштабные мероприятия. Во многих компаниях появляется дизайн-культура, и целые направления занимаются популяризацией и масштабированием дизайн-решений. Скоро и у нас вырастут свои Джонатаны Айвы!

28 Скриншот: сайт<a>D! CONF</a>/ Skillbox MediaСкриншот: сайт<a>Dprofile Fest & Award</a>/ Skillbox MediaУже несколько лет большинство компаний, которые задают тренды в своих нишах, в дизайне ориентируется на минимализм. В 2024 году тенденция продолжилась, и крупные компании, такие как "Т-Банк" и t2, сделали ребрендинг: "Т-Банк" даже<a>несколько раз</a>обновил логотип в этом году. Упрощать, облегчать восприятие, делать бренд лаконичным - кажется, что корпорации продолжат двигаться в этом направлении.

29 Изображение: "Т-Банк"В книгах по интерфейсу уже давно написано, что лучший интерфейс - тот, которого нет. В связи с высокой конкуренцией перегруженные сайты и сервисы проигрывают по сравнению с понятными и удобными в использовании. Например, "Альфа-Банк" за счёт своего лаконичного редизайна<a>привлекает всё больше пользователей</a>к своему продукту. Ребята следуют трендам и наращивают обороты.

30 Изображение: "Альфа-Банк" /<a>Dprofile</a>Figma - один из законодателей мод в дизайне интерфейсов. Каждый день большинство дизайнеров заходят в программу и даже неосознанно заимствуют решения, которые в ней используются: мозг привыкает к хорошему дизайну.

31 Конечно, к Figma были определённые претензии, но обычно такие крупные продукты редко прибегают к глобальному редизайну, чтобы не спугнуть своих пользователей. И вот в 2024 году Figma тестировала и с октября дала доступ всем пользователям к <a>новому интерфейсу</a>. Возможно, основной тулбар внизу станет появляться во многих продуктах!

32 Изображение:<a>Figma</a>Senior Product Designer, 10 лет опыта

33 В 2024-м AI ворвался в каждую нишу: поиск, финансы, приложения для здоровья, дизайн, музыка. AI показал, что умеет не только рисовать картинки, но и приносить пользу здесь и сейчас. Продукты решили, что если они не впишутся в эту гонку, то проиграют. Уверен, что этот тренд будет сохраняться, пока возможности инструмента не будут исчерпаны.

34 <a>Notion</a>внедряет AI-помощникаСкриншот: сайт<a>Notion</a>/ Иван Емелюшкин"<a>Золотое яблоко</a>" внедряет нейросеть, чтобы сделать подарочные карты эмоциональнееСкриншот: сайт "<a>Золотое яблоко</a>" / Иван ЕмелюшкинК 2024-му большинство продуктов научились выглядеть красиво, аккуратно - и обнаружили, что ничем не выделяются. Поэтому дизайнеры стали затаскивать в свои продукты нестандартные решения: новые сетки, ломать старые привычки. Да, получается не всегда удачно, но запрос на такие изменения однозначно есть.

35 "<a>Звук</a>" ломает привычную сетку плиткиСкриншот: сайт "<a>Звук</a>" / Иван Емелюшкин"<a>Мегамаркет</a>" экспериментировал с неожиданной для маркетплейсов навигациейСкриншот: сайт "<a>Мегамаркет</a>" / Иван ЕмелюшкинСледствие предыдущего тренда. Всё больше продуктов стараются вызвать эмоцию ярким брендингом, милой анимацией. Вызвать эмоцию и тем самым запомниться. Считаю, что в следующем году мы будем всё чаще встречать подобные решения.

36 "Яндекс Музыка" выделяется за счёт брендингаСкриншот: сайт "<a>Яндекс Музыка</a>" / Иван Емелюшкин"Профи.ру" запоминается милыми иллюстрациями и <a>шикарной анимацией на онбординге</a>Скриншот:<a>"Профи.ру"</a>/ Иван ЕмелюшкинЭстетика играет ключевую роль в создании уникального опыта взаимодействия с продуктом. Она формирует первое впечатление, влияет на восприятие бренда и задаёт тон всему дизайну.

37 Функциональность важна, но эстетика - это лицо, которое привлекает и удерживает внимание. Если гармония между красотой и удобством не соблюдена, пользователи могут упустить ценность даже самого технологичного решения.

38 Поэтому я буду говорить о внешней оболочке интерфейсов, а не об их функциональности.

39 <h2>Простота во всём и акцент на крупное</h2>

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

41 Скриншот:<a>Terraskin</a>/ Skillbox MediaЗдесь же стоит обратить внимание на крупные планы объектов и людей. Такой подход используют для создания фокуса на деталях.

42 Скриншот:<a>Terraskin</a>/ Skillbox MediaКрупные, жирные шрифты используют для заголовков, слоганов и ключевых фраз. В сочетании с минимализмом и лаконичной палитрой такой подход создаёт ощущение современности и утончённости.

43 Скриншот: сайт<a>The Line Studio</a>/ Skillbox MediaСкриншот: сайт<a>Bennett & Clive</a>/ Skillbox MediaСкриншот: сайт<a>Silencio</a>/ Skillbox MediaСкриншот: сайт<a>Vazzi</a>/ Skillbox MediaСкриншот: сайт<a>AIM</a>/ Skillbox MediaМаксимализм становится ярким контрастом минимализму. Такой подход используют в дизайне для брендов, которые хотят показать необычность своего продукта.

44 Вместо пустых пространств и строгих форм - борщ из разных цветов и элементов, наложенных друг на друга.

45 Скриншот: сайт<a>Frans Hals Museum</a>/ Skillbox MediaВместо скучных индикаторов загрузки, дизайнеры создают прелоадеры с интересной анимацией, иллюстрациями или интерактивными элементами. Они помогают сделать даже короткую паузу приятной и запоминающейся частью сайта.

46 Скриншот: сайт<a>Saisei</a>/ Skillbox MediaСкриншот: сайт<a>House of Dreamers</a>/ Skillbox MediaИспользование трёхмерных объектов, анимаций и эффектов, которые выглядят как реальные, но при этом сюрреалистичны. Такие элементы могут включать искажения пространства, яркие и неожиданные цветовые решения, а также иллюзии глубины.

47 Изображение: постер к фильму "Вонка" / Warner Bros. PicturesВ отличие от сложных 3D-анимаций, флэт-анимации используют минималистичные, плоские формы и яркие цвета. Этот стиль подразумевает индивидуальный подход - и это подчёркивает уникальность сайта.

48 Скриншот: сайт<a>MANA Yerba Mate</a>/ Skillbox MediaСкриншот: сайт<a>Nomadic Tribe</a>/ Skillbox MediaВ этом стиле используют яркие неоновые цвета, глитч-эффекты, элементы "техноностальгии" - пиксельные и хромированные шрифты, вспышки и ретрографику из раннего интернета. Такую графику часто используют бренды, которые хотят привлечь внимание зумеров.

49 Скриншот: сайт<a>KPR Verse</a>/ Skillbox MediaСкриншот: сайт<a>Prometheus Fuels</a>/ Skillbox MediaВ отличие от прошлых лет, где были популярны мягкие и пастельные градиенты, текущий тренд движется к более насыщенным и резким переходам с эффектными акцентами. Они добавляют визуальную энергию и глубину интерфейсам.

50 - Скриншот: сайт<a>Modal</a>/ Skillbox MediaСкриншот: сайт<a>Modal</a>/ Skillbox Media<a>Научитесь: Профессия Графический дизайнер PRO Узнать больше</a>

50 + Скриншот: сайт<a>Modal</a>/ Skillbox MediaСкриншот: сайт<a>Modal</a>/ Skillbox Media<a>Научитесь: Профессия Графический дизайнер PRO + ИИ Узнать больше</a>