7-денний інтенсив
Без досвіду
Без знання коду
13 років мого досвіду в одному інтенсиві
Ви чули про веб-дизайн та давно мріяли опанувати онлайн-професію, яка дозволить працювати віддалено та займатись улюбленою справою
01
Тільки почали свій шлях у веб-дизайні і не знаєте, куди рухатись - не вистачає знань, досвіду та фідбеку від досвідченого спеціаліста
02
Розумієте, що ринок змінюється і створювати просто дизайн вже недостатньо. Хочете навчитись верстати власні проекти, але без колупання у коді
03
Працюєте в іншій сфері та хочете навчитись дизайну для основної роботи
04

Урок 1. Візуальний досвід
День 1
Що таке надивленість?
Як розвивати смак
Як шукати ідеї та адаптувати під свої проекти
Де брати референси
Бонус: Підбірка референсів

Урок 2. Що таке веб-дизайн
День 1
Задача веб-дизайну
Задача дизайнера
Типи сайтів
Процес розробки сайту

Урок 3. Композиція
День 2
Функції композиції
Симетрія
Патерни сканування
Керування увагою
Акценти
Вузуальна ієрархія
Анатомія сітки
Направляючі
Якорні точки

Урок 4. Типографіка
День 2
Задача типографіки
Ієрархія
Розміри
Акценти
Параметри шрифта
Емоції
Типи шрифтів
Бонус: Підбірка шрифтів для ваших проектів

Урок 5. Колористика
День 2
Задачі кольору
Асоціації
Підбір кольору для проекту
Коло Іттена
Контрастність
Бонус: Готові палітри

Урок 6. Знайомство з Figma
День 3
Огляд інтерфейсу
Frame та групи
Розмір
Position
Layout
Тексти
Колір
Практика з інструментами

Урок 7. Auto-layout
День 3
Що це таке
Для чого використовувати
Налаштування
Розмір
Вирівнювання
Padding
Gap
Практика: перенесення дизайну на Auto-layout

Урок 8. Дизайн лендінгу
День 4
Moodboard
Налаштування фрейму
Сітка
Композиція
Робота з текстом
Створення графіки
Маски
Auto-layout

Урок 9. Framer - база
День 5
Реєстрація
Огляд інтерфейсу
Створення проекта
Анатомія Layout
Типи Position
Типи Size
Brakepoints
Styles
Text
Панель Insert

Урок 10. No-code верстка
День 5
Перенесення дизайну з Figma у Framer
Налаштування layout
Налаштування Position
Створення Overlay
Налаштування форми заявок
Components
Анатомія сітки
Направляючі
Якорні точки

Урок 11. Дизайн у Framer
День 6
Інструменти Framer для створення дизайну
Компонент Ticker
Налаштування форми заявок
Додавання блоків на сайт
Налаштування проекту
Публікація сайту

Урок 12. Адаптиви
День 6
Принципи створення адаптивів
Параметри Brakepoints
Планшетна версія
Мобільна версія




































