Основи UX/UI-дизайну

Записатися зараз

Опис курсу

У сучасному світі, перевантаженому інформацією, значення дизайну важко переоцінити. Як виділитись сайту з величезного потоку сайтів в Інтернет?

Насамперед, грамотним, привабливим та комфортним дизайном. І йдеться не тільки про красиву картинку!

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

Професія UX/UI-дизайнера дуже популярна і добре оплачується. Можна працювати у віддаленому закордонному офісі, а можна бути фрілансером та самостійно регулювати кількість роботи та свій заробіток.

А ще – це дуже цікаво!

Запрошуємо спробувати себе у ролі UX-/UI-дизайнера на онлайн-інтенсиві “Основи UX/UI-дизайну”!

Записатися зараз

Для кого призначений курс

Курс “Основи UX/UI-дизайну” призначений для школярів та студентів 14-17 років, які хочуть познайомитися з професією UX-/UI-дизайнера, а також навчитися створювати дизайн сайту у графічних редакторах.

А ще в нашому дизайні будемо застосовувати суперові ефекти – анімацію та 3D, крім того, нам буде допомагати AI – штучний інтелект!

Початок та тривалість курсу

Початок курсу – 16 жовтня 2025 року, тривалість курсу – 22 заняття

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

А тих, хто вже має базові знання з UX-UI дизайну та знайомий з редактором Figma, та мріє навчитись створювати справжні живі сайти на основі власного дизайну, та ще й без кодування, запрошуємо на новий курс-інтенсив Веб-розробка на Webflow

Записатися на курс




Приєднатися
до команди UX-UI

Програма курсу “Основи UX/UI-дизайну”

Блок 1

Знайомство з графічними редакторами

  • Базові концепції графічного дизайну
  • Робота в Figma
  • Робота в Photoshop/Photopea

Що будемо знати:

  • Дізнаємося про базові концепції графічного дизайну
  • Ознайомимося з інтерфейсом програм

Чому навчимося:

  • Створювати графічні об’єкти, переміщати їх, дублювати та налаштовувати їх властивості
  • Малювати об’єкти довільної форми та працювати із зображеннями
  • Працювати із групами, шарами, а також використовувати сітку
  • Створювати фрейми та компоненти
  • Використовувати вирівнювання та Constraints (Обмеження та прив’язки)
  • Працювати зі сторінками та файлами
  • Користуватися плагінами
  • Експортувати елементи дизайну

Що створемо:

  • Елементи дизайну сайту

Блок 2

Вступ до UX/UI дизайну

  • Поняття та різновиди дизайну
  • UX/UI дизайн та створення сайтів
  • Етапи створення сайтів
  • UX дизайн. Прототип сайту
  • UI дизайн. Атомарний дизайн. Дизайн сторінки
  • Графічний дизайн

Що будемо знати:

  • Що таке інтерфейс користувача
  • У чому різниця між UX та UI дизайном
  • У чому полягають етапи створення сайтів
  • Чим займається UX, UI та графічний дизайнер
  • Чим відрізняється беклог та технічне завдання
  • Що таке user flow, task flow, wireflow, screenflow, wireframe та prototype
  • Що таке атомарний дизайн

Чому навчимося:

  • Писати беклог та технічне завдання
  • Створювати user flow та wireframe 

Що створемо:

  • Технічне завдання
  • Wireframe 

Блок 3

Створення дизайну сайту та мобільного застосунку

  • Створення прототипів та дизайнів у редакторі Figma

Що будемо знати:

  • Технологію та особливості створення прототипів та дизайнів у редакторі Figma

Чому навчимося:

  • Створювати прототип та дизайн сайту
  • Розробляти адаптивний дизайн
  • Створювати прототип та дизайн мобільного застосунку
  • Створювати 3D ефекти
  • Робити перелінковку та анімацію
  • Застосовувати штучний інтелект
  • Експортувати створений дизайн сайту

Що створемо:

  • Прототип та дизайн сайту
  • Прототип та дизайн мобільного застосунку

Блок 4

Натхнення для дизайнера. Портфоліо та фріланс

  • Референси. Мудборд. Корисні сайти
  • Портфоліо
  • Фріланс

Що будемо знати:

  • Де шукати натхнення для дизайнера
  • Що таке фріланс та фріланс-біржі

Чому навчимся:

  • Шукати референси та складати мудборд
  • Створювати портфоліо

Роботи, створені учасниками майстер-класу по UI-дизайну “Вітальна листівка” можна за посиланням: https://kitit.com.ua/winner-generator/index.html

Переглянути роботи, зроблені учнями на курсі:

Переглянути інтерактивні варіанти робіт 

Записатися на курс UI/UX дизайну

Курс “Основи UX/UI-дизайну” для школярів та студентів 14-17 років є частиною річного курсу Web-Automation & AI, на якому можна отримати знання по повному циклу створення сайтів та мобільних застосунків та по закінченні якого розпочати кар’єру розробника сайтів

А якщо вас цікавить подальша мандрівка в чарівний світ Web розробки,
запрошуємо на наші курси та майстер-класи!

Записатися на курс

Записатися на цей курс
просто зараз




  • 7-11 класи
  • 22 занять