Програма курсу
Курс починається з основ. Студенти дізнаються, що таке UI/UX дизайн і які обов'язки у дизайнера. Вони розбираються з інструментами для роботи та детально вивчають Figma. Перша частина присвячена інтерфейсу програми, роботі з фреймами, групами, об'єктами та їхніми властивостями. Також студенти освоють constraints для адаптивного дизайну та роботу з векторними кривими для створення іконок.
Дизайн-процес і продовження роботи в Figma
Другий модуль пояснює типовий дизайн-процес у реальних умовах. Студенти вивчають формати файлів, з якими працює дизайнер. Друга частина вивчення Figma охоплює роботу з градієнтами, зображеннями, масками та булевими групами. Особлива увага приділяється вирівнюванню об'єктів, роботі з текстом та використанню плагінів для підвищення ефективності.
Сітки, типографіка та тайм-менеджмент
Тут студенти розбираються, що таке інтерфейс. Вони вивчають різні види сіток - колонкові, блочні, модульні, ієрархічні. Курс навчає підбирати сітки під конкретний контент, а не використовувати шаблонні рішення. Важливим елементом є правило внутрішнього та зовнішнього для створення збалансованої композиції. Також студенти вчаться оцінювати час на дизайн-проєкт. Далі йде розділ про типографіку: вибір шрифтів, створення шрифтових пар, покращення читабельності тексту. Розглядаються принципи швейцарської типографіки та сучасні тренди. Окремо вивчаються техніки планування часу для запобігання вигоранню.
Типи сайтів, лендинги та UX-писанина
Цей блок присвячений різним типам сайтів та їхнім особливостям. Студенти розбираються з роздільною здатністю екранів та типами макетів - від скетчінгу до високодеталізованих вайрфреймів і прототипів. Детально розглядається процес створення лендингу, аргументація дизайнерських рішень та основи копірайтингу в дизайні. Також вивчаються базові правила UX для створення зручних інтерфейсів.
Композиція, UI-елементи та креативна стратегія
Модуль пояснює основи композиції для керування увагою користувача. Студенти вивчають UI-елементи - кнопки, поля введення, чекбокси - та їхні стани. В Figma освоюється Auto Layout та стилі для підтримки порядку в макеті. Далі йде воркшоп з генерації ідей за методом Волта Діснея, який допомагає виходити за рамки звичних рішень.
Кольори, доступність та візуальна ієрархія
Студенти вивчають основи кольору та вчаться підбирати палітру для проєкту. Важливий акцент робиться на доступності дизайну для всіх користувачів. Розглядаються сучасні тренди, пошук візуальних ідей та створення мудбордів. У Figma студенти створюють систему шрифтів. Далі йде розділ про візуальну ієрархію - інструмент для створення збалансованих макетів. Вчиться робота з ілюстраціями, фотографіями та іконками, включаючи вибір актуальних стилів.
Практика редизайну та покращення візуалу
Під керівництвом ментора студенти аналізують реальні інтерфейси та редизайнять невдалі секції сайтів. Потім вони вчаться покращувати візуальну якість дизайну через деталі, правильне використання тіней та стилів у Figma.
Компоненти, прототипування та анімація
Студенти освоюють створення UI Kit - набору всіх елементів дизайну. У Figma вивчаються Components, Variants та Variables для швидшої та професійнішої роботи. Далі йде створення інтерактивних прототипів лендингів з анімацією, включаючи паралакс-ефекти.
Презентація робіт та створення портфоліо
Цей блок вчить ефективно презентувати свої роботи та аргументувати дизайнерські рішення. Студенти практикуються в презентаціях та отримують детальний фідбек. Потім вони вчаться оформляти кейси для портфоліо, правильно показуючи процес роботи та результати. Кейси завантажуються на Behance.
UX-дослідження, e-commerce та юзабіліті-тестування
Студенти вивчають основи UX-досліджень, брифування клієнтів та визначення цільової аудиторії. Потім вони переходять до створення інтернет-магазинів: будують sitemap, user flow, дизайнять головні сторінки, каталоги товарів, картки товарів, кошики та сторінки оформлення замовлення. Особлива увага приділяється адаптивному дизайну під різні пристрої. Далі йде юзабіліті-тестування макетів на реальних користувачах та коридорне тестування.
UX-аудит, дизайн-системи та додаткові інструменти
Студини вчаться аналізувати інтерфейси за евристиками Нільсена. Вони розуміють різницю між UI Kit та дизайн-системою, вивчають популярні дизайн-системи. Окремий модуль присвячений основам Adobe Photoshop та Illustrator для ретуші фото та роботи з вектором.
Підготовка до працевлаштування
Спочатку студенти аналізують свій прогрес на курсі разом з ментором. Потім вони вивчають штучний інтелект для дизайнерів та принципи співпраці з розробниками. Далі йде серія модулів про працевлаштування: типи IT-компаній, створення CV та супровідного листа, підготовка до співбесід, психологічна підготовка та робота з відмовами. Студенти проходять практику співбесід з ментором. Завершується курс розбором тестових завдань, випробувального терміну, кар'єрного росту дизайнера та основ фрилансу.
Особливості навчання
На курсі є підтримка ментора. Багато уваги приділяється практиці та детальному фідбеку. Заняття проходять у групах, студенти регулярно презентують свої роботи. Курс включає повноцінну підготовку до працевлаштування. Кожен студент створює проєкт для портфоліо та отримує сертифікат про закінчення.
