calendar 25 липня, 11:00
Онлайн-воркшоп

Просунуті анімації для інтерфейсів у Figma

Разом із Віталієм Дячуком опануйте створення реалістичних інтерфейсних анімацій і розберіть нові функції Figma Motion на практиці — щоб зробити взаємодію з продуктом плавнішою та природнішою.
гортайте, щоб дізнатись більше

Воркшоп, що пожвавить ваші проєкти

Більшість анімацій в інтерфейсах виглядають однаково: елементи зникають, з'являються, зсуваються. Цей воркшоп допоможе вийти за межі звичного набору рухів і зробити взаємодію відчутною за допомогою стандартних й оновлених функцій Figma для анімації: точніше керувати ритмом, плавністю, переходами та поведінкою елементів у різних станах.
Мова викладання: українська
Час на проходження: 4 години
Цікавий майстерклас
Розбір роботи та рекомендації
Готова робота в портфоліо
Додаткові матеріали
Доступ до запису воркшопу
Сертифікат після виконання завдань

Кому стане в пригоді

Вебдизайнерам
Дизайнерам інтерфейсів
Дизайн-директорам
Продуктовим дизайнерам
Фронтенд-розробникам

Анімації здатні неабияк підсилити інтефрейси

І ми навчимо вас робити подібне протягом 4 годин цього воркшопу!

Воркшоп проводить

Віталій Дячук

Віталій Дячук

Провідний дизайнер ікомерс-проєктів у League Design Agency

Віталій — досвідчений дизайнер з понад 8 роками досвіду у комерційному дизайні та один з улюблених викладачів спільноти Креативної Практики.

В його портфоліо проєкти для українських та міжнародних компаній, таких як Luxoft, iHerb, Vogue, Taryan Towers та британський необанк Harbour.

Його глибинна експертиза — комерційні платформи та майданчики для онлайн-торгівлі. А ще він захоплюється 3D-дизайном і моушн-анімацією, що допомагають робити взаємодію з цифровими продуктами виразнішою.

Вивчення останніх функцій Figma Motion

Figma суттєво розширила можливості для анімації, — і ми не могли пройти повз ці оновлення. Тому на воркшопі окремо розберемо нові функції: що саме змінилося та як застосовувати ці інструменти у власних інтерфейсах.

Програма воркшопу

Графік події є орієнтовним, і може змінюватись під час проведення події.
11:00
Вступ та знайомство
Починаємо з привітань, знайомств та огляду програми.
11:15
Блок 1. Основи анімації у Figma
Познайомимось із базовими принципами та термінами анімації. Дізнаємось, що таке плавність (easing), як працює крива Безьє в анімаціях, що таке ступінчаста анімація (Staggered Animation).
12:00
Блок 2. Figma Motion для швидкого створення анімацій
Розберемо, як нові функції Figma Motion допомагають швидше створювати рух у макеті: налаштовувати появу й зникнення елементів, зміну розміру, прозорості, обертання та послідовність переходів. Покажемо, як базові прийоми перетворювати на виразні сценарії для інтерфейсів.
12:45
Блок 3. Практичне завдання №1
Перша місія — створити елементарні взаємодії в інтерфейсі.

Після цього воркшопу ви

Опануєте основи анімації в інтерфейсах

і дізнаєтесь ключові принципи плавності анімацій, ступінчастої анімації та переходів.

Розберете нові функції Figma для анімації

та зрозумієте, як вони допомагають точніше керувати рухом і ритмом.

Дізнаєтесь про всі типові анімації в інтерфейсах

та опануєте зміни розмірів, прозорості, обертання тощо.

Попрактикуєтесь у створенні взаємодій

прямо на воркшопі зберете мікроанімації, переходи та складні сценарії руху.

Отримаєте добірку готових шаблонів та плагінів

і зможете одразу використовувати їх на практиці.

Зможете створювати нетипові анімації

та навчитеся використовувати Smart Animate у складних сценаріях.

Відповіді на деякі важливі запитання

Ні, воркшоп не входить до передплати. Ви можете отримати доступ до події окремо — після оплати вам відкриється трансляція та можливість перегляду запису у зручний час.

Події
Спільнота
Відеотека
Про нас