Комп'ютерна графіка та дизайн
Що ви отримаєте на курсі?
розуміння, хто такі дизайнери, які є напрями та де вони працюють
знайомство з інтерфейсом і можливостями інструменту Figma
навички створення файлів, проєктів, чернеток та роботи з монтажними областями у Figma
кміння працювати з фігурами, пером, олівцем та зображеннями у Figma
практику створення схематичних макетів та ескізів вебсторінок
досвід використання генеративного ШІ для підготовки текстового контенту для подальшого дизайну
базове розуміння композиції, ієрархії вмісту, типографіки й підбору кольорів
практику розробки дизайну усіх блоків посадкової сторінки
створення інтерактивного прототипу з переходами та анімаціями
готовий фінальний проєкт — першу власну посадкову вебсторінку
Хто викладає?
Євген Ігнатюк
аспірант
Практичний курс, у якому ви крок за кроком створите власну посадкову сторінку у Figma. Ви зрозумієте основи професії дизайнера, навчитесь працювати з інтерфейсом інструмента у Figma, фігурами, текстами та зображеннями, розробите макет сторінки й інтерактивний прототип. Курс допоможе отримати перший повноцінний досвід у вебдизайні та сформувати базове портфоліо
Програма курсу
1. Знайомство з професією дизайнера та розробка першого проєкту у Figma (лекційно-практичне заняття), 60 хв.
На занятті ви зрозумієте, що таке дизайн і чим займаються дизайнери у різних сферах. Ви отримаєте уявлення про вебдизайн та дизайн інтерфейсів, які найбільш пов’язані з ІТ. Ви навчитесь користуватись інтерфейсом Figma: створювати файли, проєкти та чернетки, додавати текстові елементи, працювати з монтажними областями та групами.
ДЗ: Створити власний профіль у Figma, відкрити новий файл і проєкт, обрати тематику сайту та додати файл до свого проєкту
2. Робота з базовими інструментами й створення схематичних макетів (лекційно-практичне заняття), 60 хв.
Ви навчитесь працювати з простими фігурами, пером і олівцем, а також додавати та редагувати зображення у Figma. Ви зрозумієте, що таке схематичні макети, ескізи та каркаси, і отримаєте навички створення перших простих сторінок. Ви також познайомитесь із генеративним ШІ та дізнаєтесь, як використовувати його для підготовки текстового контенту.
ДЗ: Згенерувати текст за допомогою ШІ та створити чернетку посадкової сторінки у Figma
3. Дизайн першого блоку та формування структури сторінки (лекційно-практичне заняття), 45 хв.
На занятті ви зрозумієте, як використовувати шаблони композицій і текст для створення макетів. Ви навчитесь розробляти блоки за допомогою фігур і пера, використовувати авторозмітки та їхні властивості. Ви отримаєте практику у підборі шрифтів і кольорів, створенні типографської лінійки, організації ієрархії вмісту та зможете сформувати повний схематичний макет сторінки.
ДЗ: Розробити дизайн головної секції сторінки, підібрати та адаптувати зображення, а також скласти схему всієї сторінки
4. Сесія питань та відповідей Q&A, 45 хв.
Сесія питань та відповідей про напрям, професію, інструменти
5. Дизайн усіх блоків посадкової сторінки (лекційно-практичне заняття), 60 хв.
На занятті ви навчитесь застосовувати створені стилі для всіх блоків сторінки. Ви зрозумієте принципи внутрішніх і зовнішніх відступів, правила ієрархії та отримаєте досвід у комплексному оформленні цілого макету.
ДЗ: Розробити дизайн усіх блоків посадкової сторінки з використанням узгоджених стилів та відступів.
!!! Nice to have наступні 2 заняття для повноцінного досвіду, але можна і без них отримати результат
6. Створення інтерактивного прототипу у Figma (лекційно-практичне заняття), 45 хв.
Ви зрозумієте, як працюють інтерактивні прототипи, навчитесь налаштовувати переходи та анімації. Ви отримаєте практику у створенні першої клікабельної версії сторінки та її тестуванні.
ДЗ: Створити інтерактивний прототип посадкової сторінки з основними переходами та станами.
7. Сесія питань та відповідей Q&A, 45 хв
Фіналізація нарпацювань та сесія питань та відповідей про напрям, професію, інструменти
Подати заявку
Подайте заявку на участь у курсі -
Комп'ютерна графіка та дизайн