Online | Offline
КУРС
Web UI/UX Designer
- З нуля навчишся створювати інтерфейси, які вирішують завдання бізнесу
- Пройдеш всі етапи розробки дизайну продукту
- Опануєш web- і Mobile дизайн, проектування та UX-аналітику
Оплата частинами
Знайомство з професією Web UI/UX дизайнер
- Знайомство
- Дизайн та всі його галузі
- Практичний майстер-клас із закріплення всіх інструментів
Знайомство з Figma
- Знайомство з Фігмою та інтерфейсом
- Знайомство з базовими інструментами
Композиція
- Навіщо потрібна композиція
- Типи композиції
- Інструменти композиції
- Як розвивати навички композиції
Колористика (+стилі)
- Що таке колір і як він сприймається
- Основні терміни та правила в колористиці
- Поєднання кольорів
- Стилі у Figma
Типографіка (+стилі)
- Класифікація шрифтів
- Анатомія шрифту
- Інтервали
- Правила типографіки
- Ієрархія
Елементи (промальовування, компоненти)
- Кнопки
- Віджети
- Навігація
Photoshop (Растрова підготовка)
- Основи, інструменти та функціонал Фотошопу
- Ретуш фотографії
- Обрізання фону у фотографії
- Колажі, пензли, ефекти, вау-ефекти
Illustrator (векторна підготовка)
- Основи, інструменти та функціонал Ілюстратора, як працювати
- Пайплайн розробки власного сету іконок
- Ілюстрація у флет (+пензлі), аксонометрія
- Ефекти тексту, патерни, векторне оформлення сайтів
Банери у Photoshop
- Що таке? Для чого? Приклади
- Типи застосування банерної реклами та їх особливості
- З чого може складатися банер? Обов'язкові та необов'язкові елементи
- Практичний майстер-клас "Банер у Figmа"
- Ресайз банерів
Оформлення соц. мереж
- Оформлення соціальної мережі Youtube
- Оформлення соціальної мережі Facebook
- Оформлення соціальної мережі Instagram (як працює інсталендинг)
- Оформлення власних профілів Linkedin та Behance
Лендінг + Поглиблена фігма
- Плагіни
- Стилі
- Компоненти
- Сітка
- UI Kit
- Сonstrains
- Конкурентний, крос аналіз, ЦА, портрети
- Майстер-клас "Лендінг у фігмі з усіма новими знаннями"
- Введення в прототипування (клікабельні кнопки)
Адаптивка + Оформлення на беханс
- Види Адаптивки
- Майстер-клас "Планшетна версія"
- Майстер-клас "Мобільна версія (+спеціальні плагіни)"
- Мокапи та як з ними працювати
- Майстер-клас "Оформлення на Бехансі"
Редизайн-сайту
- Аудит сайту
- Складання опитування користувачів
- Аналіз конкурентів та кросов
- Складання картки сайту
- Складання та портрет користувальницької аудиторії та їх шляхів користування сайтом
- Майстер клас редизайну сайту на основі аналізу
- Написання висновку, таблиць опитувань, графіків, оформлення на беханс
Персональний сайт
- Що це й навіщо. Приклади.
- Сторінки, необхідні для сайту (+складання приблизної карти сайту)
- Складові та необхідні компоненти кожної сторінки, дод. елементи
Інформаційний сайт
- Що це й навіщо. Приклади.
- Сторінки, необхідні для сайту (+складання приблизної карти сайту)
- Складові та необхідні компоненти кожної сторінки, також дод. елементи
- Екрани входу реєстрації, віджети, особистий кабінет, повідомлення, налаштування профілю (лайт варіант)
Корпоративний сайт
- Що це й навіщо. Приклади.
- Сторінки, необхідні для сайту (+складання приблизної карти сайту)
- Складові та необхідні компоненти кожної сторінки, також дод. елементи
- Екрани входу реєстрації, віджети, особистий кабінет, повідомлення, налаштування профілю (лайт варіант)
Інтернет-магазин
- Що це й навіщо. Приклади.
- Сторінки, необхідні для сайту (+складання приблизної карти сайту)
- Складові та необхідні компоненти кожної сторінки, також дод. елементи
- Екрани входу реєстрації, віджети, особистий кабінет, повідомлення, налаштування профілю (лайт варіант)
Бонусний блок: Створення логотипу
- Типи логотипу
- Пайплайн створення логотипу
- Подання логотипу
