25 липня, 11:00

Онлайн-воркшоп

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

Разом із Віталієм Дячуком опануйте створення цікавих і реалістичних інтерфейсних анімацій та взаємодій.

~~1 750~~ 1 225 ₴ -30% до 11.07

Єдиноразовий платіж, з ПДВ

гортайте, щоб дізнатись більше

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

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

Мова викладання: українська

Час на проходження: 4 години

Цікавий майстерклас

Розбір роботи та рекомендації

Готова робота в портфоліо

Додаткові матеріали

Доступ до запису воркшопу

Сертифікат після виконання завдань

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

Вебдизайнерам

Дизайнерам інтерфейсів

Дизайн-директорам

Продуктовим дизайнерам

Фронтенд-розробникам

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

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

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

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

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

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

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

До портфоліо

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

Графік події є орієнтовним, і може змінюватись під час проведення події.

11:00

Вступ та знайомство

Починаємо з привітань, знайомств та огляду програми.

11:15

Блок 1. Основи анімації у Figma

В цій частині воркшопу Віталій познайомить вас з базовими принципами та термінами анімації. Ви дізнаєтесь що таке плавність (easing), як працює крива Безьє в анімаціях, що таке ступінчаста анімація (Staggered Animation).

12:00

Блок 2. Інструменти для швидкої графічної генерації та анімації

В цьому блоці ми розберемо типові мікроанімації в інтерфейсах: зсуви, зміни прозорості та розміру елементів, обертання. А потім з'ясуємо, як ці типові прийоми можна перетворити на творчі рішення.

12:45

Блок 3. Практичне завдання №1

Перша місія — створити елементарні взаємодії в інтерфейсі.

13:00

15 хвилин перерви

13:15

Блок 4. Плагіни для анімації в Figma

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

14:00

Блок 5. Практичне завдання №2

Озброєні набутими знаннями, ви перетворите їх на навички! Для цього потрібно буде оформити перехід між розділами сайту.

14:45

Сесія питань та відповідей

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Базові знання знадобляться, щоб комфортно працювати в темпі воркшопу. Якщо ви лише починаєте, радимо спершу пройти базове навчання з основ Figma на нашій платформі.

Так! Після проходження воркшопу та виконання домашнього завдання ви отримаєте сертифікат. Це підтвердження допоможе зафіксувати вашу роботу над навичками та стане приємним завершенням навчального процесу.