Інтерактивні прототипи у Figma: від ефектних переходів до розумних анімацій
Що ви отримаєте на воркшопі?
Розробіть з нуля власний прототип
У межах воркшопу ви зможете на практиці навчитися створювати інтерактивні прототипи і попрацювати з різними видами UI-анімації: від Tinder до «Drag-and-drop». Приклад подібного прототипу ви можете побачити нижче.
Кому стане в пригоді
Програма воркшопу
Знайомство та вступ.
Базові принципи прототипування у Figma. Інтерфейс налаштування прототипу. Типи взаємодій та анімацій. Додаткові налаштування прототипу. Гарячі клавіші.
Концепція Smart Animate. Паралакс ефекти. Переходи між сторінками. Tinder-анімація. Створення анімації завантаження. Робота з конвертацією анімацій у Lottie. Експорт та завантаження на сайт Lottie.
Перерва
Динамічні компоненти. Створення кнопки. Input. Drop down. Слайдери.
Анімація «Drag-and-drop».
Анімація відеоплеєра.
Q&A-сесія.
Після воркшопу ви
Зокрема не просто створювати статичні макети, а робити їх інтерактивними та живими.
Ви опануєте роботу з інтерактивними елементами та просунутими анімаціями, як-от «Drag-and-drop».
Ви зможете демонструвати свої напрацювання клієнтам у форматі інтерактивних та реалістичних прототипів.
Використання ефектів переходів та інтерактивних анімацій допоможуть покращити досвід користувачів.
Ви зможете швидко налаштовувати інтеракції, експортувати анімації в Lottie та вносити правки за лічені секунди.
Ви здобудете достатньо навичок, аби братися за складніші проєкти з анімаціями та розширити портфель своїх послуг.
Хто викладає
Андрій Кузьмінський
У сфері дизайну вже понад 10 років. Працював у дизайн-агенціях, що спеціалізуються на вебдизайні, маркетингу та рекламі. Мав досвід роботи на телебаченні (24 канал), де займався розробкою медіасайтів. Також допомагав у створенні медіаресурсу The Ukrainians.
Зараз Андрій працює в міжнародній IT-компанії ELEKS і розробляє власний стартап-застосунок. А поза роботою — викладає курс з продуктового дизайну в УКУ.