Тренды веб дизайна и UI дизайна в 2022 году (Design Trends 2022)

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

Кто мы такие, чтобы идти против синоптиков, так что смотрим.

--------

тренды веб дизайна design trends 2022 figma секреты веб дизайна figma уроки наука дизайна

[igorgilewicz]

Спасибо за сводку. И да - хотим внедрения анимации в скрол (я как раз больше по блендеру чем по фигме)

[raketa_vkosmos]

Спасибо! Конечно интересно про покадровую анимацию привязанную к скролу🤓

[Slava_Rosenthal]

Ты съел 3, 5 минуты моей жизни в начале видео (. А за обзор - лайк

[Maddson]

ОГОНЬ! очень хочется урок, как вставлять покадровую анимацию к скроллу )

[codeforgames]

либо я один такой, либо хз. Не люблю такие сайты с этими модными дизайнами и зайдя один раз, больше не захожу никогда) Из всего выпуска нормальный только 27:57 :) Ещё более менее нормальные, которые получают ежегодные премии, как наша Воронежская red collar.
Вероятно, я фан минимализма и максимальной простоты)

[niki_lord]

Комментарии к работам и смыслам - на 5 баллов!

[elenalevasheva]

Спасибо за очень интересную информацию и превосходную подачу материала.

[happy_lion]

Огонь, я залип) подборка отличная и интересно разбираете

[Alchemick-K]

😃😃😁😅😅😁 я лайкнула 1000-ЫЙ ЛАЙК!!!!
*Здоровья вам удачи, молодцы, ребята!!! ❤

[ДашаКоробкова-ьщ]

Бомба! Интересно, зайдёт ли это клиентам клиентов, будет ли сайт понятный.

[likey_dikey]

Некоторые тайм-коды (которые могут пригодится в моём проекте)

8:10 Вкладки
9:03 - 10:20 Скролл с покадровой анимацией
11:58 Область с видео + Микс шрифтов
14:52 - 14:57 Большое - маленькое. Фоновое видео
15:35 Заголовок в лого
17:20 - 18:08 Курсор-кнопка. Фото-видео и переход между ними по кнопке с анимацией
18:08 - 18:58 Переключение на следующий проект (в конце появляется курсор-кнопка) + Переход с анимацией линии и расширение по вертикали + уход заголовок на задний фон и постепенное исчезновение
19:27 - 19:44 Карточки под наклоном. Анимация со скроллом + Появление иконок, зарисовок, карикатур при наведении на кнопку, текст + Градиент зависящий от места курсора
19:47 Обьёмы из реальности (фото). Элементы сайта поверх такого фото.
20:40 - 21:13 Смена цвета фона + Бегущая, перетекающая подсветка линии, кнопки при наведении
21:53 Скролл сетки изображений
27:32 - 29:09 Композиция и сетка. Воздух как элемент дизайна + иллюзия форм + анимация хронологии (даты и всплывающий текст)

[yuliyastrembitskaya]

Спасибо! Интересное видео. Взяла идею для портфолио. Буду ждать видео про покадровую анимацию)

[petraral]

ОООО жду урок про анимацию. Очень интересно, спасибо за видео!

[Dora-hlih]

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

[infractalout]

Действую осознанно, мыслю скроллами, напряжение звенит, воздух контрастирует ~

[andrsn]

Отличные комментарии! Минус только в воде, многословие разжижает суть

[an.sirovets]

Супер. Покажииии как делать анимацию по скролу😻

[niki_lord]

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

[krisshaze]

Спасибо, очень круто, вдохновляет на работу и творчество)

[niki_lord]

Типичный инфоциганист судя по вступительным словам. Если не веришь - я тебе могу за 2 минуты объяснить почему. Просто прежде чем рекламировать уточняй сразу что это для полных новичков ничего не соображающих в дизайне, а не для дизайнеров у которых что то не получается. Почему? Да потому что все что ты перечислил: работа с типографикой, ритмы, композиция и т.д. Нормальный уважающий себя дизайнер давно глубоко разбирается в этой теме, даже из бесплатных источников. И не получаться это может только из за отсутствия практики и маленького числа практики. От того что ты задашь определенные правила ученику, которых кстати не существует в дизайне, его работы не станут лучше. Все это приходит только исключительно с опытом и практикой и научить со стороны никто не способен этому) Максимум - это оценить работы и озвучить где именно косяки и над чем надо работать. Но на это способны не только учителя но и другие более опытные специалисты которые сделают это бесплатно, а вообще твой дизайнерский взгляд при сравнении себя с другими работами сам будет говорить тебе нравится ли своя работа или нет и чем она отличается от других мастеров. Это все только с опытом и практикой. Если есть стоящие аргументы против - готов выслушать. А за тренды в 2022 спасибо за идеи)