3 крутых приема анимации для веб-дизайна и дизайна интерфейсов (Уроки Auto-Animate)

Вписывайся на мой дизайн-марафон и сделай несколько крутых работ для своего портфолио😎🤟🏻

---

Узнай и используй три крутых приема анимации в Adobe XD, которые можно сделать при помощи Auto-Animate и применить в веб и ux / ui дизайне😉🔥

---

Фаил с примерами анимации:

---

Поддержать канал денежкой:

---

Заказать рекламу на канале или дизайн:

---

---

Зарабатывай на YouTube с помощью топ-партнерке Yoola:
+ Бесплатная библиотека крутой музыки для роликов
+ Удобная, ежемесячная система выплат
+ Мгновенная помощь по любому вопросу 24/7

ЖМИ и регистрируйся прямо сейчас🔥😎💰

---

#adobe #adobexd #autoanimate #анимация #веб #ui #ux #дизайн #вебдизайн #дизайнприложений

---

Production Music courtesy of Epidemic Sound!

[alexandrolitus]

Вписывайся на мой дизайн-марафон и сделай несколько крутых работ для портфолио😎🤟🏻

Опа! Еще один видос по анимации в Adobe XD при помощи Auto-Animate😎🔥

Бро!🤛🏻 Подписывайся на мою страничку в ВК😉💪🏻

[gvardov]

Отличная подача в ролике - НИКАКОЙ воды, все четко и по делу (да к тому хорошо озвучено)!

Определенно лайк!)

[AnklaveRif]

Коротко, чётко, в начале указан конечный результат, который показывает к чему будет урок наглядно, процесс и резюмирование. Александр, я хочу стать твоим учеником! Спасибо за уроки и туториалы! ^_^

[qaraguy]

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

[aquawave]

Чудесный канал. С такими обучалками даже слесарь Вася станет UI/UX-дизайнером 😅
Подписался

[anastasiapozdnyakova]

Это просто круто! Я столько всего узнаю от Вас! Пожалуйста, не прекращайте :)

[nabjnabjev]

Спасибо большое! Давно ждал видео по анимации в XD!

[ВалераОконешников-ши]

Спасибо вам за видео👍🏼 коротко, понятно и красиво.

[hapar]

Александр, вы лучший! Вы многому научили меня, спасибо вам большое

[hyper_hal]

Уважаемый LOTUSPRO. Я подам на вас жалобу за распространение качественного контента. А пока, в качестве предупреждения, держите лайк :)

[ПавелКоростелев-эд]

Чёт Adobe XD прям радует. Ещё бы расшаривание облачное, как в Фигме сделали и совсем хорошо было бы 👌🏼

[GriNAME]

Кипяток! Спасибо! Мой регулярный лайк)

[Freedom_Code]

Автор, спасибо Вам за уроки, ворпос, а возможно ли в Adobe XD сделать 3D анимацию? У меня есть кубик, в видимой области 3 стороны, нужно чтобы раз в секунду кубик перепорачивался.

[anton]

Кайф! Интересно было бы посмотреть видео о том, как сделать в xd постепенно растущий график. Долго тупил и так и не разобрался, как сделать такую анимацию.

[JAMaslov]

Очень жду урока как можно эту анимацию сохранить в SVG или CSS формате

[santallow]

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

[AlexNikOne]

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

[giant-cyclist]

Очень все круто и красиво! Но есть момент. Как это применять в прототипах? Ведь анимация зациклена, т.е. перепрыгивает с первого артборда на предыдущий. И если такое впихнуть на прототип сайта? ..тоо там и зависнем? Или сделать переход на следующую страницу через клик по лоадеру?
Или же такие штуки делать для другого применения (не для интерактивных прототипов)? Ну там.. показать анимацию верстальщику или еще что)

[yuliia-shunkova]

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

[vladislav]

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