Online | Offline
КУРС
Web UI/UX Designer
- З нуля навчишся створювати інтерфейси, які вирішують завдання бізнесу
- Пройдеш всі етапи розробки дизайну продукту
- Опануєш web- і Mobile дизайн, проектування та UX-аналітику
Cтарт: можна долучитися
Знайомство з професією Web UI/UX дизайнер
- 1.1 Знайомство
- 1.2 Дизайн та всі його галузі
- 1.3 Практичний майстер-клас із закріплення всіх інструментів
Знайомство з Figma
- 2.1 Знайомство з Фігмою та інтерфейсом
- 2.2 Знайомство з базовими інструментами
Композиція
- 3.1 Навіщо потрібна композиція
- 3.2. Типи композиції
- 3.3. Інструменти композиції
- 3.4 Як розвивати навички композиції
Колористика (+стилі)
- 4.1 Що таке колір і як він сприймається
- 4.2 Основні терміни та правила в колористиці
- 4.3 Поєднання кольорів
- 4.4 Стилі у Figma
Типографіка (+стилі)
- 5.1 Класифікація шрифтів
- 5.2 Анатомія шрифту
- 5.3 Інтервали
- 5.4 Правила типографіки
- 5.5 Ієрархія
Елементи (промальовування, компоненти)
- 6.1 Кнопки
- 6.2 Віджети
- 6.3 Навігація
Photoshop (Растрова підготовка)
- 7.1 Основи, інструменти та функціонал Фотошопу
- 7.2 Ретуш фотографії
- 7.3 Обрізання фону у фотографії
- 7.4 Колажі, пензли, ефекти, вау-ефекти
Illustrator (векторна підготовка)
- 8.1 Основи, інструменти та функціонал Ілюстратора, як працювати
- 8.2 Пайплайн розробки власного сету іконок
- 8.3 Ілюстрація у флет (+пензлі), аксонометрія
- 8.4 Ефекти тексту, патерни, векторне оформлення сайтів
Банери у Photoshop
- 9.1 Що таке? Для чого? Приклади
- 9.2 Типи застосування банерної реклами та їх особливості
- 9.3 З чого може складатися банер? Обов'язкові та необов'язкові елементи
- 9.4 Практичний майстер-клас "Банер у Figmа"
- 9.5 Ресайз банерів
Оформлення соц. мереж
- 10.1 Оформлення соціальної мережі Youtube
- 10.2 Оформлення соціальної мережі Facebook
- 10.3 Оформлення соціальної мережі Instagram (як працює інсталендинг)
- 10.4 Оформлення власних профілів Linkedin та Behance
Tilda/Landing page на Tilda
- 11.1 Огляд Тільди, робота з Шаблонами, Блоками та їх зміна
- 11.2 Робота з нульовими блоками
- 11.3 Теорія лендінг пейдж та структура
- 11.4 Попередній підбір референсів, конкурентний аналіз, крос-платформний аналіз
- 11.5 Прототипи
- 11.6 Растрова (Photoshop) або векторна (Illustrator) підготовка
- 11.7 Майстер-клас з лендингу в зероблоці Тільда
- 11.8 Адаптивний дизайн на Тільда та налаштування всіх елементів
Лендінг + Поглиблена фігма
- 12.1 Плагіни
- 12.2 Стилі
- 12.3 Компоненти
- 12.4 Сітка
- 12.5 UI Kit
- 12.6 Сonstrains
- 12.7 Конкурентний, крос аналіз, ЦА, портрети
- 12.8 Майстер-клас "Лендінг у фігмі з усіма новими знаннями"
- 12.9 Введення в прототипування (клікабельні кнопки)
Адаптивка + Оформлення на беханс
- 13.1 Види Адаптивки
- 13.2 Майстер-клас "Планшетна версія"
- 13.3 Майстер-клас "Мобільна версія (+спеціальні плагіни)"
- 13.4 Мокапи та як з ними працювати
- 13.5 Майстер-клас "Оформлення на Бехансі"
Редизайн-сайту
- 14.1 Аудит сайту
- 14.2 Складання опитування користувачів
- 14.3 Аналіз конкурентів та кросов
- 14.4 Складання картки сайту
- 14.5 Складання та портрет користувальницької аудиторії та їх шляхів користування сайтом
- 14.6 Майстер клас редизайну сайту на основі аналізу
- 14.7 Написання висновку, таблиць опитувань, графіків, оформлення на беханс
Персональний сайт
- 15.1 Що це й навіщо. Приклади.
- 15.2 Сторінки, необхідні для сайту (+складання приблизної карти сайту)
- 15.3 Складові та необхідні компоненти кожної сторінки, дод. елементи
Інформаційний сайт
- 16.1 Що це й навіщо. Приклади.
- 16.2 Сторінки, необхідні для сайту (+складання приблизної карти сайту)
- 16.3 Складові та необхідні компоненти кожної сторінки, також дод. елементи
- 16.4 Екрани входу реєстрації, віджети, особистий кабінет, повідомлення, налаштування профілю (лайт варіант)
Корпоративний сайт
- 17.1 Що це й навіщо. Приклади.
- 17.2 Сторінки, необхідні для сайту (+складання приблизної карти сайту)
- 17.3 Складові та необхідні компоненти кожної сторінки, також дод. елементи
- 17.4 Екрани входу реєстрації, віджети, особистий кабінет, повідомлення, налаштування профілю (лайт варіант)
Інтернет-магазин
- 18.1 Що це й навіщо. Приклади.
- 18.2 Сторінки, необхідні для сайту (+складання приблизної карти сайту)
- 18.3 Складові та необхідні компоненти кожної сторінки, також дод. елементи
- 18.4 Екрани входу реєстрації, віджети, особистий кабінет, повідомлення, налаштування профілю (лайт варіант)
Бонусний блок: Створення логотипу
- 19.1 Типи логотипу
- 19.2 Пайплайн створення логотипу
- 19.3 Подання логотипу
