Курс Посадкові під ключ
- Online
- Для початківців
- Web & Mobile Design / UI/UX
 |
|
| Навчальний центр: | CASES-Креативна Практика |
|---|---|
| Формат: | Курс |
| Мова викладання: | Ukrainian |
| Тривалість навчання: | 3 місяців |
| Початок курсу: | Дата формується |
| Вартість навчання: | 22 500 UAH за курс |
Можлива оплата частинами 7500грн/міс.
Протягом 3 місяців студенти пройдуть шлях від опанування ключового редактора вебдизайнерів Figma, до опанування основ проєктування посадкових сторінок та їхньої верстки в безкодовому редакторі Webflow.
Програма курсу
Місяць 1. Figma
Знайомство з Figma та основними інструментами
- Навігація в інтерфейсі Figma
- Створювання форми
- Використання інструменту "Перо" та булевих операцій для створення фігур
- Групування та вирівнювання елементів
Тексти, зображення та глобальні стилі у Figma
- Робота з текстами
- Маски для зображень
- Режими накладання
- Глобальні стилі
Авторозмітки та Компоненти
- Монтажні області та обмеження
- Авторозмітки
- Компоненти
- Функції "Варіанти" та Boolean
Інтерактивні прототипи
- Налаштування пристроїв перегляду
- Фіксування позиції при скролі
- Інтерактивні елементи та їх події
- Режими переходів
- Створення модальних вікон
- Розумна анімація
Місяць 2. Вебдизайн
Огляд процесу створення посадкової сторінки
Історія виникнення сторінок, їхня задача, типова структура, етапи та методи їхнього створення.
Створення UI Kit та схематичних екранів
- Використання 12-колонкової сітки
- Підбір базових кеглів та шрифтів
- Дизайн навігації
- Схематичний дизайн посадкової сторінки:
- лід-екран
- екран пропозиції
- екран опису властивостей
- екран відгуків
- форма замовлення
- підвал та модальні вікна
Створення посадкової сторінки
- Пропрацювання посадкової сторінки
- Компоненти та варіанти
- Готові сервіси для підбору іконок
Створення адаптивної мобільної версії
- Адаптивний дизайн
- Бургер-меню, зміна сітки та розмірів
- Збереження UI Kit у вигляді стилів та компонентів
- Обмеження адаптивного дизайну
Місяць 3. Webflow
Налаштування проєкту Webflow
- Створення проєкту
- Огляд базових налаштувань
- Екскурс в інтерфейс Webflow Designer
- Налаштування <Body>
- Налаштування HTML-тегів
Основи верстки: десктопна версія
- Введення в HTML та CSS
- Огляд базових елементів
- Практичне виконання верстки
- Створення CSS-класів
- Групування та флексбокси
- Використання базових юнітів
- Заміна та редагування демонстраційного контенту елементів
Основи верстки: адаптивний дизайн
- Огляд точок перебудови (breakpoints) на Webflow
- Адаптація блоків
- Попередній перегляд та тестування адаптивної верстки
Оптимізація цифрового продукту. Базове SEO
- Огляд функціонала Webflow з оптимізації інтерфейсу
- Панель аудиту
- Оптимізація медіафайлів
- Налаштування базових метатегів
- Оптимізація кода та покращення швидкодії вебсайту
Особливості курсу
- Живий онлайн курс
- Можлива оплата частинами
- Теорія та практика
- Можливе повернення коштів якщо не сподобається протягом першого тижня
- Курс не підлягає під попередню підписку
Викладачі курсу
- Марія Ланова - Графічна дизайнерка та ілюстраторка Креативної Практики
- Євген Ігнатюк - Провідний дизайнер освітнього відділу Креативної Практики
- Йосип Кобаль - UX/UI-дизайнер у Ringostat, експерт з Webflow
Категорії курсу
Читайте нас в Telegram, щоб не пропустити анонси нових курсів.
