Animation ON in Figma

Росина
Введення в анімацію та взаємодію у Figma
Інтерактивні прототипи в Figma
Види анімації і їх застосування в дизайні
Техніки і принципи анімації для поліпшення UX
Практичні кейси: застосування анімації у реальних проєктах
Презентація анімації клієнтам і команді
00 Знайомство
01 Про курс | Телеграм канали
00 Update program Figma
01 Interaction види / налаштування / використання
02 Анімація у дизайні
03 Smart Animation
04 Bezier vs Spring Animation
05 Швидкість анімації
01 Практика. Привʼязки
02 Практика. Autolayout
03 Практика. Component / Variants
04 Практика. Variants налаштування Interaction UI elements
01 Атоми та молекули анімації
02 Налаштування interaction та його види
03 Open&Swap Overlay
04 Interaction Back&Scroll to
05 Interaction On Drag / While Hover / Mouse
06 Поглиблений процес UI Interaction
07 Огляд реального проєкту по налаштуванню переходів та ховерів
12 Принципів Веб Анімації
Анімація з легкістю
Початок побудови сценарію
Побудова сцени атомів
Швидкість анімацій сцени
Будуємо сценарій молекули
Screen wipe
Слайдер тексту з появою по колу (Дизайн Інтерʼєру столів)
Поява кнопки (малюнок пензликом)
Рух ефекту по колу для пагінації слайдера (Дизайн Інтерʼєру столів)
Ховер появи елементів в каталозі
Slider Animation смужки (Дизайн Інтерʼєру столів)
Помилки із слайдером. Уникаємо!
Паралакс поява та ефект реального руху (Сайт байків)
Ефект реального руху та появи інфо (Сайт байків)
Розкриття акардіону із поворотом UI закриття та відкриття (Сайт байків)
Помилки з паралаксом. Уникаємо!
3D для сайту у Figma
Помилка з пляшкою 3d. Уникаємо!
На яких сервісах потрібно зареєструватися?
Midjorney. Робота з штучним інтелектом для фото
AI - Анімація руху картинки
AI Робота з відео (моушн ефект)
3D панорама 360 градусів AI
Як зберігати анімацію для портфоліо
Портфоліо на Behance/dribble
БОНУС Практика Behance
Співпраця з девелопером
Передача анімації в Lottie
Оформлення файлу на розробку
Де брати реальні ідеї?
Адаптив анімації
Зміна карток від картинки до тексту (Сайт техніки)
Робота із sticky (Сайт техніки)
Появи відео під час скролу. Ефект рідини (Сайт техніки)
Динаміка скролу елементів та слайдерів (Сайт техніки)
Помилки створення анімації. Уникаємо!
Кругова заміна фону та перелистування слайдеру товарів (Музичний концепт)
Прокручування товару в коробку (Музичний концепт)
Програвач плеєру (Музичний концепт)
Назва уроку
Modern slider animation
slider
Трендовий слайдер головного банеру
Hover burger menu
Анімація банеру
Blur&Button
Робота із Stiky
Рухаючий курсор у Figma
Smart Animation першого екрану
Анімація у Landing page NFT
Hover кнопки
Animation gradients
Animation items
Animation card
animation elements
Консультація від ментора -20%
Сертифікат (умови)

3 Анімації різних слайдерів

Modern slider animation
slider
Трендовий слайдер головного банеру

Access limited

or Pre-registration