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

Основи роботи в Figma

На цьому курсі починають з освоєння головних інструментів Figma. Студенти працюватимуть з дизайн-системами - створювати стилі кольорів, тексту та компоненти. Додатково розглянуть корисні плагіни та навчаться лінкувати елементи. У результаті кожен створить клікабельний прототип з налаштуванням поведінки прокрутки.

Дизайн-мислення та типографіка

Далі курс зосередиться на розвитку дизайн-мислення. Учні навчаться створювати moodboard, вести скетчбук та генерувати креативні ідеї. Паралельно розглянуть веб-типографіку - підбір шрифтів, створення шрифтових пар та роботу з візуальними елементами публікацій.

Елементи інтерфейсу та іконографіка

Цей блок присвячений основним компонентам інтерфейсу. Студенти вивчатимуть елементи форм, навігації, інформаційні блоки та прелоадери. Особливу увагу приділять іконкам - їх стилям, анімації, форматам та стандартним розмірам. Також розглянуть створення фавіконок та сервіси для пошуку іконок.

Робота з графікою та модульні сітки

Тут розбирають роботу з візуальним контентом. Учні дізнаються про формати зображень для сайтів, оптимальні розміри фотографій та методи їх оптимізації. Другий етап модуля - вивчення модульних сіток: 8pt системи, горизонтального та вертикального ритмів, а також нестандартних сіткових структур.

Адаптивний дизайн та анімація

Модуль охоплює створення адаптивних інтерфейсів. Студенти освоять mobile first та desktop first підходи, навчаться готувати макети для різних пристроїв та оптимізувати графіку для Retina дисплеїв. Окремо розглянуть анімацію - від руху інтерфейсних елементів до анімації ілюстрацій та іконок.

Практика: інтернет-магазин

Найбільший блок курсу - практичне створення інтернет-магазину. Учні пройдуть повний цикл: від пошуку референсів та аналізу тематики до прототипування, проектування та підбору контенту. Завершальний етап - аналіз роботи та внесення правок.

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

Курс завершується захистом фінального проекту, де студенти демонструють отримані навички та отримують фінальну оцінку своєї роботи.

Умови навчання

Курс пропонує оплату частинами та підтримку ментора. Студенти мають повний доступ до комунікації з тренером та одногрупниками. Після успішного захисту проекту та складання іспиту видається сертифікат. Навчальний процес побудований на інноваційному підході до колективного навчання.

Що включено

Видається диплом/сертифікат

Гнучкий графік

Реальний проект у портфоліо

Супровід ментора

Web Design Pro (14+)

Про курс

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

Основи роботи в Figma

Дизайн-мислення та типографіка

Елементи інтерфейсу та іконографіка

Робота з графікою та модульні сітки

Адаптивний дизайн та анімація

Практика: інтернет-магазин

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

Умови навчання

Що включено

Про школу

Джун IT Academy

Інші курси школи

Django (14+)

C++ Basic (12+)

Python (12+)