27 вересня 2025 р., 11:00

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

Material Design: основи дизайн-системи Google

Разом з Іриною Єфімовою опануйте роботу з принципами та компонентами Material Design у Figma — від розуміння керівних принципів Google до створення якісного та зручного мобільного інтерфейсу.

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

Що ви отримаєте на воркшопі?

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

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

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

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

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

Практика роботи з Material UI

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

Отримання сертифіката

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

UX/UI-дизайнерам

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

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

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

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

Хто викладає

Ірина Єфімова

Ірина Єфімова

UI/UX Designer у League Design Agency

У дизайні понад 5 років. Працювала над веб- і мобільними продуктами для EdTech, HealthTech, CRM для клієнтів з України, Європи та США.

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

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

За 4 години ми охопимо базову теорію та розглянемо практичні приклади роботи з дизайн-системою Google.

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

11:00

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

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

11:15

Блок 1. Огляд Material Design Guidelines

Знайомимось з ключовими принципами системи: кольором, типографією, іконографікою, відступами та сітками. Обговорюємо переваги та особливості підходу Google.

11:45

Блок 2. Основи Material

Детально розглянемо основи Material. Подивимось на реальні приклади впровадження

12:30

Блок 3. UI-елементи та компоненти

На практиці навчимося створювати й налаштовувати ключові елементи інтерфейсу: кнопки, поля введення, навігацію, картки.

13:15

Перерва на каву

13:30

Блок 4. Адаптація для різних пристроїв і сценаріїв

Розглянемо настанови з дизайну, специфікації та інструменти, що допомагають швидко перейти від макета у Figma до готового продукту. Використаємо набір компонентів Figma M3, щоб швидко стартувати з готовими елементами Material Design.

13:45

Блок 5. Практика в Figma

Імпортуємо офіційний Material Kit, налаштуємо змінні (кольори, типографію, відступи) та створюємо власний простий дизайн-комплект.

14:15

Блок 6. Міні-проєкт

Створюємо екран Android-застосунку за настановами Material Design. Попрактикуємось в адаптації екрана застосунку з інтерфейсу iOS на екран інтерфейсу Android.

14:50

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

Тут ви зможете поставити Ірині питання

Після цього воркшопу ви зможете

Проєктувати інтерфейси, які відповідають стандартам Google

Та чітко розуміти принципи Material Design для застосунків

Ефективно працювати з офіційним Material 3 Design Kit

Та використовувати готові компоненти та стилі у Figma для пришвидшення роботи

Створювати адаптивні макети без втрати якості

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

Адаптувати UI під особливості Android-платформи

Враховувати патерни, найкращі практики та вимоги Google Play

Покращувати візуальну привабливість і зручність інтерфейсу

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

Отримаєте практичний досвід роботи з Material

Та адаптації iOS-проєктів під Android

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

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

Так, після проведення події, ви отримаєте доступ до запису.

Так. Для початківців цей воркшоп також підійде.

Так! Після цього воркшопу ви матимете сертифікат.