21 червня, 11:00

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

1750 ₴

Анімації для інтерфейсів

Разом з Богданом Жуком навчіться створювати виразні, плавні анімації для інтерфейсів — без програмування, але з повним контролем над процесом і результатом.

1750 ₴

включає ПДВ

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

Воркшоп, який варто відвідати

Ви дізнаєтеся, як створювати анімації, що підсилюють UX, не ускладнюючи розробку.

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

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

Спілкування з куратором

Детальний розбір теми

Бриф для самостійної роботи

Рецензія ваших напрацювань від Богдана

Довічний доступ до відеозапису події

Сертифікат після виконання домашньої роботи

Хто викладає

Богдан Жук

Богдан Жук

UX/UI-дизайнер в агенції Goodface

Богдан — дизайнер із понад 5-річним комерційним досвідом.

Спеціалізується на створенні інтерфейсів і вебсайтів, орієнтованих на розв'язання бізнес-завдань. Має експертизу у FinTech, а також працював над міжнародними проєктами в галузях eSports, SaaS, сільського господарства.

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

Викладав курс «Схематичні макети та інтерактивні прототипи» в Креативній Практиці.

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

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

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

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

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

Моушн-дизайнерам

Дизайнерам мобільних застосунків

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

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

11:00

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

Познайомимось та обговоримо цілі цього воркшопу.

11:15

Основи анімацій в сучасному дизайні

Для чого дизайнеру створювати анімації. 3 ключові складові будь-якої анімації. 10 принципів UI-анімації, що покращують досвід користувача. Приклади використання в реальних кейсах. Ресурси для натхнення.

12:00

Знайомство з Lottie-анімаціями

Як працює формат .json і чим він кращий за GIF/MP4. Огляд популярних Lottie інструментів. Передумови для роботи.

12:30

Практичне завдання №1

Експорт дизайну з Figma в LottieLab та приклад створення Lottie-анімації

13:00

Перерва

13:15

Експорт та взаємодія з розробниками

Формати для передачі. Оптимізація файлів. Як описувати сценарії та ідеї анімацій для розробки.

13:45

Інтеграція Lottie в реальні продукти

Webflow, Framer, Веб-платформу або мобільний застосунок.

14:00

Практичне завдання №2

Імплементація готової Lottie-анімації у Webflow або Framer та налаштування взаємодії.

14:45

Відповіді на запитання

Q&A-сесія та фінальні рекомендації учасникам.

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

Створюватимете анімації без коду

У простому редакторі прямо в браузері

Експортуватимете у формат Lottie

Готові до передачі розробникам

Зробите інтерфейси більш виразними

Без перевантаження й шкоди для швидкодії

Керуватимете логікою анімації

Задаватимете умови та правила запуску

Працюватимете самостійно

Без потреби в програмуванні

Інтегруватимете анімацію у Figma

Для створення прототипів з реалістичною взаємодією

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

1

Зареєструйтеся на воркшоп

2

Долучайтесь до воркшопу в день події

3

Виконайте практичне завдання в день воркшопу та домашнє завдання — після

4

Отримайте сертифікат про завершення воркшопу

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

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

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

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

Ні, не потрібні. Ми працюватимемо з інструментами, які дозволяють створювати анімації без коду.

Ні. Ми використовуватимемо безоплатні версії інструментів. Усього, що входить у воркшоп (LottieFiles, LottieLab, Webflow, Framer), цілком достатньо для навчання та практики.