Web Design

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

Основи Figma та інструменти дизайнера

На цьому курсі починають з основ роботи в Figma. Студенти освоюють головні функції програми: фрейми, фігури, роботу з текстом та векторною графікою. Вчать застосовувати маски та ефекти, користуватися контролем версій та плагінами. Також розбирають модульні сітки, Auto Layout та створення адаптивних макетів. Закріплюють знання про стилі, компоненти та бібліотеки. В кінці блоку вчать створювати прототипи з анімацією та інтерактивними елементами. Перше домашнє завдання - перемалювати готовий лендінг.

Принципи вебдизайну та робота з графікою

Другий блок пояснює роль дизайну в цифровому маркетингу. Студенти дізнаються про відмінності між різними типами дизайну та видами сайтів. Вчать застосовувати Design Thinking для створення проектів - від виявлення проблем до прототипування. Окремий урок присвячений Photoshop: основи роботи з растровою графікою, шарами та навігацією. Потім йде воркшоп з композиції, кольорів та типографіки, де вчать працювати з сітками та референсами без плагіату. Додаткове заняття з Illustrator охоплює інструменти векторної графіки, криві Безьє та роботу з контурами.

Створення графіки та концептів

Гостьова лекторка Катя Іщенко розповідає про створення графіки, іконок, логотипів та постерів. На другому занятті з Illustrator студенти освоюють складніші інструменти: Pathfinder, трасування зображень, деформацію тексту. Потім переходять до розробки концептів - вивчають алгоритми збору концепції та межі між запозиченням і плагіатом. У блоці про backend дизайну вчать складати UI kit, стандартизувати стилі та адаптувати макети під мобільні пристрої.

Презентація дизайн-рішень

Цей блок присвячений презентації робіт. Студенти вчать техніки сторітелінгу, вчиться утримувати увагу клієнта та обґрунтовувати свої рішення. Вчать використовувати референси в презентаціях та працювати з Readymag. Після створення власної презентації для лендингу відбувається presentation check та фідбек-сесія з лектором.

Робота з клієнтами та UX-дизайн

Третій блок заглиблюється в комунікацію з клієнтами. Студенти вчать працювати з брифом, готувати додаткові питання та проводити робочі зустрічі. Гостьова лекторка Юлія Лисенко розповідає про бренд та маркетингові дослідження. Далі йде вступ до UX Design: аналіз конкурентів, побудова сайтмепів та структура багатосторінкових сайтів. На воркшопі з wireframing студенти створюють каркаси сторінок та вивчають навігаційні інструменти.

UI-дизайн та розробка концепцій

Студенти переходять до UI-дизайну після освоєння UX основ. Вчать проводити Visual Research та аналізувати існуючі дизайни. На воркшопі з Юлією Замятіною розробляють ідеї-метафори та графічні прийоми, створюють мудборди. Потім вивчають design approach - як дотримуватися дизайн-айдентики та прокачувати навички роботи з сітками, кольорами та композицією. У складнішій частині backend дизайну вчать збирати UI kit для багатосторінкових сайтів та адаптувати їх під мобільні пристрої.

E-commerce дизайн

Останній блок присвячений проектуванню інтернет-магазинів. Студенти вивчають особливості UX для e-commerce: структуру сайтів, навігаційні інструменти та основи аналітики. Потім переходять до UI e-commerce сайтів - вчать створювати зручну навігацію, представляти продукти візуально та додавати інтерактивність. Гостьова лекторка Настя Слободянюк розповідає про створення портфоліо, підготовку до співбесід та вибір типу зайнятості. Курс завершується фінальною презентацією проектів.