Курс Web UI/UX Designer

З нуля навчишся створювати інтерфейси, які вирішують завдання бізнесу. Пройдеш всі етапи розробки дизайну продукту. Опануєш web- і Mobile дизайн, проєктування та UX-аналітику.

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

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

• Знайомство
• Дизайн та всі його галузі
• Практичний майстер-клас із закріплення всіх інструментів

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

• Знайомство з Фігмою та інтерфейсом
• Знайомство з базовими інструментами

Композиція

• Навіщо потрібна композиція
• Типи композиції
• Інструменти композиції
• Як розвивати навички композиції

Колористика (+стилі)

• Що таке колір і як він сприймається
• Основні терміни та правила в колористиці
• Поєднання кольорів
• Стилі у Figma

Типографіка (+стилі)

• Класифікація шрифтів
• Анатомія шрифту
• Інтервали
• Правила типографіки
• Ієрархія

Елементи (промальовування, компоненти)

• Кнопки
• Віджети
• Навігація

Photoshop (Растрова підготовка)

• Основи, інструменти та функціонал Фотошопу
• Ретуш фотографії
• Обрізання фону у фотографії
• Колажі, пензли, ефекти, вау-ефекти

Illustrator (Векторна підготовка)

• Основи, інструменти та функціонал Ілюстратора, як працювати
• Пайплайн розробки власного сету іконок
• Ілюстрація у флет (+пензлі), аксонометрія
• Ефекти тексту, патерни, векторне оформлення сайтів

Банери у Photoshop

• Що таке? Для чого? Приклади
• Типи застосування банерної реклами та їх особливості
• З чого може складатися банер? Обов'язкові та необов'язкові елементи
• Практичний майстер-клас "Банер у Figmа"
• Ресайз банерів

Оформлення соц.мереж

• Оформлення соціальної мережі Youtube
• Оформлення соціальної мережі Facebook
• Оформлення соціальної мережі Instagram (як працює інсталендинг)
• Оформлення власних профілів Linkedin та Behance

Лендінг + Поглиблена фігма

• Плагіни
• Стилі
• Компоненти
• Сітка
• UI Kit
• Сonstrains
• Конкурентний, крос аналіз, ЦА, портрети
• Майстер-клас "Лендінг у фігмі з усіма новими знаннями"
• Введення в прототипування (клікабельні кнопки)

Адаптивка + Оформлення на беханс

• Види Адаптивки
• Майстер-клас "Планшетна версія"
• Майстер-клас "Мобільна версія (+спеціальні плагіни)"
• Мокапи та як з ними працювати
• Майстер-клас "Оформлення на Бехансі"

Редизайн сайту

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

Персональний сайт

• Що це й навіщо. Приклади
• Сторінки, необхідні для сайту (+складання приблизної карти сайту)
• Складові та необхідні компоненти кожної сторінки, дод. елементи

Інформаційний сайт

• Що це й навіщо. Приклади
• Сторінки, необхідні для сайту (+складання приблизної карти сайту)
• Складові та необхідні компоненти кожної сторінки, також дод. елементи
• Екрани входу реєстрації, віджети, особистий кабінет, повідомлення, налаштування профілю (лайт варіант)

Корпоративний сайт

• Що це й навіщо. Приклади
• Сторінки, необхідні для сайту (+складання приблизної карти сайту)
• Складові та необхідні компоненти кожної сторінки, також дод. елементи
• Екрани входу реєстрації, віджети, особистий кабінет, повідомлення, налаштування профілю (лайт варіант)

Інтернет-магазин

• Що це й навіщо. Приклади
• Сторінки, необхідні для сайту (+складання приблизної карти сайту)
• Складові та необхідні компоненти кожної сторінки, також дод. елементи
• Екрани входу реєстрації, віджети, особистий кабінет, повідомлення, налаштування профілю (лайт варіант)

Бонусний блок: Створення логотипу

• Типи логотипу
• Пайплайн створення логотипу
• Подання логотипу

Після курсу ти зможеш:

• Розробляти адаптивні дизайн-макети для веб-сайтів та мобільних інтерфейсів
• Розробляти кросплатформні нестандартні рішення для створення унікального продукту
• Працювати з композицією, шрифтами та друкаркою при розробці інтерфейсу, з використанням принципів каліграфії
• Визначати цілі проєкту, формувати його завдання та підбирати інструменти для створення прототипу конкретного проєкту
• Працювати з гайдлайнами iOS та Android, створювати інтерактивні прототипи та проводити їх юзабіліті-тестування
• Упаковувати та презентувати свій проект замовнику, а також наповнити власне портфоліо

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

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

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

Катерина Яковішена - працює 4 роки у веб-дизайні