Курс Figma

Опановуємо Figma. Створюємо палітру за стандартами вебдоступності, будуємо базовий набір шрифтів, вивчаємо інструменти для швидкого прототипування.

Програма курсу

Знайомство з Figma

• Поговоримо про нову еру в історії графічних редакторів. Для яких завдань Figma підходить, а для яких — ні
• Налаштування робочого простору
• Найважливіші плагіни
• Команди, проєкти та дизайн-файли

Ідеальний банер

• Робочий простір. Фрейми. Стилі
• Що таке Auto Layout та як з ним працювати
• Як прискорити роботу. Як швидко робити варіації дизайнів і легко вносити зміни

Проєктування інтерфейсу. Частина 1

• Підхід до проєктування та його етапи
• Що таке вайрфрейм (wireframe) і для чого він потрібен
• Робота з референсами
• Відстані та розміри
• Кнопка та інпут

Проєктування інтерфейсу. Частина 2

• Потужність Figma
• Що спільного у проєктування інтерфейсів і LEGO
• Чеклисти: шрифти, палітра, кнопка, інпут
• Кольори та стандарти вебдоступності
• Компоненти та варіанти
• Стани кнопки

Особливості курсу

• 5 відеолекцій
• Додаткові матеріали

Викладачі курсу

Валерія Паніна - Співзасновниця SharpShark.io