Курс UI/UX Basic

Ви опануєте основи роботи в Figma, навчитесь створювати власні проєкти та вдосконалювати їх з урахуванням потреб користувачів. Завдяки практичним завданням, Ви отримаєте необхідні навички для впевненого старту у світі UI/UX дизайну та влаштування на свою першу роботу.

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

Модуль 1. Figma

• Урок-знайомство
• Знайомство з UX/UI дизайном та його роллю в розробці продуктів
• Основи Figma, FigmaJam:
  • Навчальний план, створення команди, коментарі, робота з Frames
  • Огляд інтерфейсу та основних панелей
  • FigmaJam
• Робота з векторами та об’єктами:
  • Fill, stroke, styles, local variables
  • Створення стилів для забезпечення консистентності дизайну
  • Створення локальних змінних та систематизація кольорів
• Відтворення ілюстрації, створення патернів:
  • Pen&Pensil
  • Boolean groups
• Робота з типографікою:
  • Правильне використання розміру, ваги та міжлітерного проміжку шрифтів
  • Робота зі стилями
  • Основи візуальної ієрархії
• Маски та ефекти, використання градієнтів
• Autolayout
• Components
• Component variants
• Local variables (color, text, string, boolean)
• Мікроінтеракції
• Figma workshop

Модуль 2. UX дизайн

• UX дизайн-процес: Empathize, Define, and Ideate
• Робота з брифом, Mind mapping
• Аналіз конкурентів - SWOT
• Persona, Proto-persona
• Опитування, сортування карток
• Інтерв’ю з користувачами
• Гіпотези та їхня валідація
• Інформаційна архітектура
• Customer journey map - карта досвіду користувача
• Артефакти: user flow, user story
• Генерація ідей, скетчинг
• Wireframing та prototyping
• Веб-аналітика та тестування
• UX workshop

Модуль 3. UI дизайн

• Макет та сітка, основи композиції
• Візуальна ієрархія
• Теорія кольору
• Шрифти та типографіка
• Варіативність дизайну: Adaptive, Responsive, Mobile first
• Базово про іконки у UI
• Доступність дизайну (Accessibility)
• Атомарний дизайн (Atomic design)
• UI-кіт
• Дизайн-система
• AIDA, структура лендінгу
• Інтерактивний прототип та завершення тестування
• Оформлення UI/UX case study
• UI workshop
• Final review and graduation

Після курсу ти будеш вміти:

• Використовувати сервіс Figma для створення інтерфейсів та прототипів
• Створювати користувацькі інтерфейси для веб-сайтів та додатків з урахуванням кращих практик UX/UI дизайну
• Аналізувати користувацькі потреби, створювати персонажі та карти досвіду користувача для покращення взаємодії з продуктом
• Впроваджувати варіативність дизайну: розуміти принципи адаптивного та мобільного дизайну, створювати продукти, що коректно відображаються на різних пристроях
• Використовувати візуальну ієрархію та композицію
• Створювати дизайн-систему та UI компоненти
• Створювати доступні та інтерактивні інтерфейси для покращення користувацького досвіду
• Ви будете мати власне портфоліо та зможете працювати на професійних проєктах

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

• Свідоцтво про закінчення курсу
• Портфоліо з проєктів
• Гнучкий графік занять