Курс Web Design Pro (14+)

Протягом курсу ми разом поглиблено вивчимо графічний редактор Figma, зрозуміємо, що таке UI та UX. В результаті курсу в тебе буде власний крутий проєкт.

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

Огляд крутих інструментів Figma

• Дизайн-система: стилі кольору, стилі тексту, компоненти
• Корисні плагіни
• Як лінкувати
• Створюємо клікабельний прототип
• Overflow Behavior

Дизайн мислення

• Створення настрою проєкту (Moodboard)
• Скетчбук
• Натхнення
• Генерація креативних ідей

Шрифт

• Web-типографіка
• Візуальні елементи публікації
• Підбір шрифтів та шрифтові пари
• Інструменти підбору Web-шрифтів

Елементи інтерфейсу та їх стан

• Елементи форми
• Елементи навігації
• Інформаційні елементи
• Прелоадери

Іконки

• Стилі іконок
• Стилеутворюючі елементи
• Формати та стандартні розміри іконок
• Анімація іконок
• Фавіконки та сервіси для створення фавіконок
• Сервіси для підбору іконок

Фотографії та ілюстрації

• Формати зображень для сайту
• Розміри фотографій
• Зберігання та оптимізація зображень

Модульні сітки

• 8pt сітка
• Горизонтальний ритм
• Вертикальний ритм
• Модульная сітка Bootstrap
• Нестандартні модульні сітки

Responsive and Adaptive design

• Mobile first/Desktop first підходи
• Мобільні версії сайту vs Адаптивний дизайн
• Підготовка макету для adaptive/responsive сайтів
• Правила підготовки макетів та зображень для Retina дисплеїв

Анімація інтерфейсу

• Анімація інтерфейсу
• Анімація ілюстрацій та іконок
• Популярні інструменти та сервіси

Велика практика

• Пошук і аналіз референсів для інтернет-магазину. Вибір тематики
• Структура інтернет-магазину
• Прототипування
• Підбір контенту
• Проектування
• Аналіз
• Внесення правок

Захист проєкту

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

• Можлива оплата курсу частинами
• Підтримка ментора
• Повна комунікація з тренером та одногрупниками
• Сертифікат після здачі іспиту та фінального проєкту
• Інноваційний підхід до колективного навчання

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

Влад Копач - Middle Product Designer