Interface Design

Figma Components Workshop

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

Про воркшоп

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

70% часу на воркшопі — інтенсивна практика. Навчимося працювати з усіма налаштуваннями компонентів, а головне — їх редагувати й організовувати. Попрацюємо і з простими компонентами, і з багаторівневими, коли декілька компонентів зі своїми налаштуваннями збираються в один. Окрему увагу приділимо станам елементів, щоб покривати всі випадки використання. Охопимо й тему інтерактивних компонентів, щоб вшивати в поведінку елементів реакцію на дії користувача.

Навчимося самостійно створювати, редагувати, видаляти багаторівневі компоненти, робити інтерактивні компоненти. Розуміти коли необхідні компоненти, а коли — темплейти. Загалом воркшоп дасть необхідний досвід та шаблони рішень, які можна адаптувати під власний проєкт. Головний результат – системний підхід до дизайну.

17, 18, 23 грудня 3 дні інтенсивних вебінарів
2 000 грн оплачуйте самостійно або через роботодавця
40 місць кожен учасник отримує фідбек від куратора під час вебінару

Куратор

Віктор Клименко

Interaction Designer в EPAM та куратор курсу UX Design Beginning у Projector. Раніше — Product Designer у LaSoft.

Працює зі складними ентерпрайз інтерфейсами в інтернаціональній команді, де швидкість дизайну впливає на команду із понад ста людей.

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

  • День 1

    • 1. Icons:
    • – Add free icon set.
    • – Edit icons weight.
    • – Resizing via constraints.
    • 2. Component properties (organise and edit):
    • – Boolean.
    • – Instance swap.
    • – Text.
    • – Variant and state.
    • 3. Multi-level components:
    • – Hiding layer vs additional variant.
    • – Minimizing adjustments.
    • 4. Components management:
    • – Combine.
    • – Relink.
    • – Detach.
    • – Override.
  • День 2

    • 1. Additional tips:
    • – Swap instances and subinstances.
    • – Quick search.
    • 2. Interactive components:
    • – Triggers.
    • – Reaction.
    • – Simple animation.
    • 3. Prototyping patterns in component:
    • – Scroll.
    • – Carousel.
    • – Progressive disclosure.
    • 4. Resizable components using constraints.
    • 5. Templates vs components.
    • 6. UI library – publishing, reusing:
    • – Custom.
    • – Apple IOS (Human Interface guidelines).
    • – Google Android (Material design).
  • День 3

    • — Розбір домашніх завдань.
    • — Вручення сертифікатів.

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

Дизайнер

— щодня працюєте з дизайн-системою та маєте досвід понад рік у дизайні інтерфейсів (бажано ентерпрайз або застосунки)
— вже використовуєте компоненти в роботі й хочете взяти з них максимум

Випускник Figma Autolayout Workshop

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

Софт

Figma, Zoom

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

Живі заняття

Вебінари з куратором проходитимуть у Zoom три дні:
— перший день (17 грудня) 11:00-14:00;
— другий день (18 грудня) 11:00-14:00;
— третій день (23 грудня) 19:30-20:30.

Real-life завдання

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

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

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

ГРАФІК

Старт

17 грудня

Тривалість

3 дні

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

українська

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

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

Запитання

Яка тривалість воркшопу?

Воркшоп триватиме три дні.

Чого я навчуся протягом воркшопу?

Системно підходити до дизайну, самостійно створювати, редагувати і видаляти багаторівневі компоненти, розуміти, коли необхідні компоненти, а коли — темплейти, робити інтерактивні компоненти.

Чи будуть відеозаписи воркшопу?

Ні, це практичний воркшоп, тож запису не буде.

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

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

Реєстрація

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

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