calendar 16 серпня, 11:00
Онлайн-воркшоп

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

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

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

Кажуть, людина складається на 60% з води. Але не цей воркшоп. На вас чекають насичені та дуже цікаві 4 години практики з інтерфейсної анімації.
Мова викладання: українська
Час на проходження: 4 години
Жвава та дуже цікава практика
Особистий зворотний зв'язок від викладача
Проєкт для портфоліо
Додаткові матеріали
Довічний доступ до запису воркшопа
Сертифікат після завершення воркшопу

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

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

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

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

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

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

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

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

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

До портфоліо

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

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

Програма

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

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

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

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

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

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

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

Прямо на воркшопі ви створите анімовані проєкти

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

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

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

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

Додасте в свій портфель навичок інтерактивний дизайн

Отримаєте практичний досвід у створенні анімаційних взаємодій та переходів між екранами

Як взяти участь у воркшопі

1
Зареєструйтесь та оплатіть участь у воркшопі
2
Долучайтесь до воркшопу в день події
3
Виконайте практичне завдання в день воркшопу та домашнє завдання — після
4
Отримайте сертифікат про завершення воркшопу

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

Ні, цей воркшоп необхідно купувати окремо.

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