Курс UI/UX Design Beginning

Курс веб дизайну онлайн в Projector: від базових принципів до перших власних сайтів. Опануйте необхідні навички та інструменти, щоб зробити успішний старт в професії, вивчаючи веб дизайн з нуля.

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

Знайомство з професією UI/UX дизайнера

• Чим займається UI/UX дизайнер і яка різниця між UI та UX
• Скіли, які шукають роботодавці в дизайнерах-початківцях
• Інструменти, які допомагають працювати швидко та якісно
• Прийоми та основні принципи дизайну
• Чому дизайнерам важлива надивленість та як її розвивати
• Як працювати у Figma

Композиція

• Що таке композиція: формати та підформати
• Принципи візуального сприйняття та побудови привабливої композиції
• Роль естетики в дизайні
• Основні композиційні прийоми - ритм, метр, нюанс, акцент
• Симетрія, асиметрія, сітки та пропорції у макетах

Типографія

• Коротка історія типографії
• Знайомство зі шрифтами та їхніми гарнітурами (сімействами)
• Робота із текстовими блоками - довжина рядка, інтервали, розмір літер тощо
• Принципи типографічного оформлення заголовків та інших домінуючих елементів
• Принципи типографічного оформлення вторинних елементів - списки, посилання, цитати тощо

Колір

• Базові принципи колористики
• Функції, значення та зміст кольору
• Емоційне сприйняття кольорів користувачами
• Знайомство із кольоровими моделями - RYB, CMYK, RGB, HEX
• Які бувають кольорові палітри, контрасти та діапазони

Декорації

• Як декорації в дизайні допомагають досягати цілей бізнесу
• UI шаблони та їхній вплив на унікальність дизайну
• Різниця в роботі над декораціями сайтів та застосунків
• Проблеми та принципи створення референсних концепцій
• Де шукати натхнення та як не плагіатити

AI-інструменти в роботі UI/UX дизайнера

• Аналіз користувачів та конкурентів за допомогою AI
• Пошук і перевірка ідей для позиціонування, УТП та дизайн-концепцій
• Створення користувацьких сценаріїв і User Flow
• Робота з UX-copy та інтерфейсними текстами
• AI-інструменти для роботи з кольором і палітрами
• Швидке прототипування та презентація дизайн-рішень

Сайти. Інтро

• Роль сайтів у маркетингу
• Як побудувати концепцію корисного дизайну
• Робота із авдиторією - хто, за яких умов та для чого буде користуватися сайтом
• Формування УТП (унікальна торговельна пропозиція) та розуміння місця сайтів у воронці продажів

Сайти. Анатомія

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

Адаптивний дизайн

• Що це таке та навіщо він потрібен
• Базові принципи адаптивного дизайну
• Робота над адаптивністю у Figma та Framer

Як працювати з креативним брифом

• Які питання ставити клієнту
• Типові помилки під час брифінгу
• Обов’язкові блоки брифу
• Вчимося "читати між рядків" - як працювати з клієнтом, який не до кінця розуміє власні потреби
• Створення презентацій для клієнтів та візуальний сторітелінг

Унікальність у візуальному дизайні

• Художні прийоми в дизайні
• Ключові етапи дизайн-процесу та інтеграція в них художніх прийомів
• Створення впізнаваного й одночасно функціонального стилю

Як надавати та отримувати фідбек без тиску

• Навіщо потрібен фідбек та яким він буває
• Робота з деструктивним фідбеком
• Культурні відмінності у сприйнятті та наданні фідбеку
• Правила та типові помилки при побудові фідбеку

Вступ до проєктування інтерфейсів

• Як та коли стартувати роботу над дизайном інтерфейсу
• Проєктні гіпотези та способи їхньої перевірки
• Інструменти для збору даних та створення сильних дизайн-рішень

Занурення в UX частину

• Що таке UX та що важливо для користувача в дизайні
• Побудова цілісного та автономного юзерфлоу - шляху користувача
• Як створити передбачуваний досвід та коли варто виходити за межі звичного

Як працювати з мобільними застосунками

• Якими бувають застосунки
• Процес створення мобільних застосунків
• Роль адаптивного дизайну у створенні застосунків
• Анатомія мобільних застосунків - від перших кроків до побудови зручної навігації

Принципи роботи над привабливими та зрозумілими інтерфейсами

• Основні елементи управління
• Робота з кнопками - типи, функції, призначення
• Рекомендації з використання посилань
• Створення підказок та помилок
• Чотири принципи класного інтерфейсу
• Різниця між чекбоксами, тогами і радіокнопками та їхнє застосування

Як писати інтерфейсні тексти

• Текст як частина дизайну
• Базові принципи UX райтингу - ясність, стислість, тон та контекст
• Як працювати з текстами залежно від юзерфлоу

Створення прототипів сайтів та мобільних застосунків

• Навіщо та коли потрібно створювати прототипи
• Побудова логіки переходів між екранами та перевірка юзерфлоу
• Прототипування та інтерактивні макети у Figma

Те, що ви захочете знати про кар’єру UI/UX дизайнера

• Як визначити свій рівень та куди рухатися після курсу
• Можливі формати роботи - агенції, продукт, аутсорс або фріланс
• Навички, які потрібні для старту у професії
• Де шукати підтримку та можливості подальшого розвитку

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

• Допомога ментора
• Real-life завдання
• Регулярний фідбек
• Кейс в портфоліо
• Сертифікат за здобутки

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

• Михайло Кудринський - Head of UI/UX Design в Фокстрот
• Микола Турчин - Дизайнер продукту в Makai
• Святослав Затишняк - Незалежний дизайнер
• Дмитро Іванов - Незалежний дизайнер
• Микола Мельник - Head of Design at Alty
• Ігор Артюхов - Продуктовий дизайнер
• Еліс Шевченко - Продуктова дизайнерка у Andersen
• Олена Стародубцева - Senior UI/UX Designer at Apollo (Fozzy Group)
• Нікіта Висоцький - 5 років досвіду
• Левон Сарибекян - Продуктовий дизайнер
• Валерія Терлецька - Продуктова дизайнерка в Mindly
• Ольга Швець - UI/UX Designer at Cieden
• Валерія Суворова - Продуктова дизайнерка в Uklon
• Ірина Єфімова - Senior Product Designer at Lakeside Software
• Марія Рідкоус - Продуктова дизайнерка в GlobalLogic
• Христина Притула - Продуктова дизайнерка в Bizzabo
• Оксана Плечій - Senior Designer & Design Community Lead at Sombra Software
• Ольга Баркова - Senior UI/UX Designer at Cadabra Studio
• Марина Воскобойник - Senior Product Designer at ECOFACTOR
• Євген Дружинін - Senior UI/UX Designer at AIONYS
• Богдан Матвіїв - Артдиректор у dops.digital
• Дара Федоришин - Head of Product Design Office at Kindgeek
• Анна Пудова - Незалежна дизайнерка
• Анна Осядла - Артдиректорка у JetUp Digital
• Михайло Самоваров - Співзасновник і дизайн-директор League Design Agency
• Тетяна Березюк - Lead UI/UX Designer at League Design Agency
• Марина Бурлака - Project & Delivery Manager at League Design Agency
• Павло Кальнов - Senior Web Designer at League Design Agency
• Стас Говорухін - Дизайнер
• Віталій Дячук - Lead E-commerce Design Lead at League Design Agency
• Вадим Гайдай - Lead Web Designer at League Design Agency