Interface Design

Animation in Figma Workshop

Вчимося створювати анімацію в Figma за допомогою нативних інструментів, а також плагіну для motion анімації.

Про воркшоп

Це той випадок, коли можна за 2 дні поповнити скілсет навичками роботи з анімацією. Ще й без складних софтів, як-от After Effects. Тому якщо ви ще не мали справу з цією або схожими програмами, нам з вами по дорозі.

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

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

11 та 14 жовтня 2 дні вебінарів з 19:00 до 21:00
3 500 грн оплачуйте самостійно або через роботодавця
20 місць кожен учасник отримує індивідуальний фідбек від куратора

Куратор

Вадим Грін

Lead Product Designer в Adjust (Berlin, Germany).

У минулому — Senior Product Designer в OLX, Groupon та EPAM Global, Design Team Lead у Trinetix, Designer у MacPaw.

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

  • День 1

    • — Створюємо UI анімацію кнопки меню у прототипі за допомогою налаштувань дизайн-компонента (variants) та функції smart animate.
    • — Створюємо дизайн кнопок.
    • — Налаштовуємо компонент.
    • — Створюємо анімацію компонента на рівні прототипу за допомогою smart animate.
    • — Створюємо анімацію каруселі за допомогою smart animate та variants.
    • — Працюємо над створенням ефекту паралакса для посадкової вебсторінки.
  • День 2

    • — Демонстрація принципу анімації variables через перемикання між light/dark mode в застосунку.
    • — Створюємо motion анімацію графіки для splash екрану мобільного застосунку за допомогою плагіна Jitter.
    • — Як працює Jitter та що треба знати про timeline.
    • — Можливі параметри анімації об’єктів.
    • — Створюємо дизайн splash екрану.
    • — Анімуємо графіку в Jitter.

Воркшоп для вас, якщо ви

UI/UX дизайнер

прагнете створювати анімацію в Figma

Випускник курсу Web Design Junior

— вмієте створювати базові лендинги та працювати над складними сайтами;
— хочете піднятися на щабель вище й додати у список навичок роботу з анімацією;

Софт

Figma, плагін Jitter

Як відбувається навчання

Живі заняття

Вебінари з куратором проходитимуть у Zoom два дні з 19:00 до 21:00.

Real-life завдання

У нас діє Practicult — культ практики. Тому ви виконуватимете багато складних завдань.

Сертифікат за здобутки

Видаємо лише тим, хто своїм потом, часом і силами його заслужив.

ГРАФІК

Старт

11 жовтня 2023

Мова викладання

українська

Дізнайтеся більше

Telegram Місце збору дизайн-ком’юніті, інструментів, порад та новинок у сфері роботи з інтерфейсами

Запитання

Який софт знадобиться для навчання?

Ми працюватимемо у Figma, зокрема з плагіном Jitter.

Воркшоп буде корисним, якщо я вже працюю з моушн анімацією в After Effects?

Цей воркшоп не ваш match, якщо ви вже вмієте працювати з After Effects або схожими програмами для створення анімації. Такі інструменти покривають питання, які розбиратимемо на воркшопі.

Чи будуть записуватися вебінари?

Так, ми робитимемо запис і у вас зберігатиметься доступ до відео протягом 12 місяців після закінчення воркшопу.

А сертифікат буде?

Ми видамо вам сертифікат, якщо ви братимете участь у вебінарах та активно виконуватимете завдання.

Реєстрація

Ще маєте запитання?
Не соромтесь їх ставити.

Проконсультуйте мене