Курс "UI/UX дизайн"

Курс UI / UX дизайну-занурить вас у світ користувальницького інтерфейсу (UI) і користувацького досвіду (UX). Вивчіть основи веб дизайну, колірну теорію, типографіку і композицію, щоб створювати ефективні і привабливі інтерфейси. Дізнайтеся про Користувальницькі дослідження, створення персонажів і прототипування, щоб розробляти інтуїтивні і легко використовувані продукти.

  • Свій викладач
  • 2-3 рази на тиждень
  • 2 - 4,5 місяці
laptop
blop

Варіанти навчання

Курси стартують кожного місяця
Ми підберемо Вам групу або індивідуального педагога під Ваш рівень та напрямок

Індивідуальний дорослий курс

  • Індивідуально 2-3 рази на тиждень
  • Доступ до матеріалів курсу назавжди
  • Від двох до чотирьох з половиною місяці

від 26 000 грн/курс

Записатись на пробне
початковий

Індивідуальний дорослий курс

  • Индивидуально 2 - 3 раза в неделю
  • Доступ к материалам курса навсегда
  • Від двох до чотирьох з половиною місяців

від 36 000 грн/курс

Записатись на пробне
середній

Індивідуальний дорослий курс

  • Индивидуально 2 - 3 раза в неделю
  • Доступ к материалам курса навсегда
  • Від двох до чотирьох з половиною місяців

від 43 500 грн/курс

Записатись на пробне
поглиблений

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

Тема: 1
Вступ. Хто такий UI UX дизайнер+

  • Відмінності Ui і UX дизайну
  • User Interface (Ui)
  • User Experience (UX)
  • Дизайн орієнтований на користувача
  • Дизайнер в команді. Ролі та відповідальність
  • Портфоліо. Створення, просування, оновлення.

Тема: 2
Життєвий цикл проектів+

  • Як люди використовують цифрові продукти. Патерни людського сприйняття, пам'ять, увагу. Базові основи дизайну взаємодії
  • Роль дизайну в становленні і просуванні продукту
  • Методи управління проектами Agile vs Waterfall
  • Методи управління проектами Agile vs Waterfall розподіл та затвердження завдань Scrum, Kanban, Lean
  • Передінвестиційна стадія, аналіз ринку, бізнес-план
  • Розробка документації в Confluence
  • Проектування
  • Разработка проекта
  • Тестування
  • Впровадження
  • Обслуговування та редизайн

Тема: 3
Підготовчий етап у розробці проекту+

  • Все, що можна використовувати для прототипування – від олівця до Axure.
  • Основні принципи юзабіліті
  • Евристичний аналіз
  • Чому ми дбаємо про дизайн та UX
  • Зручність використання: Usable vs Useful
  • Що таке конкурентний аналіз. Які його види, коли і для чого його використовувати.
  • Дошки настрою в роботі дизайнера
  • Робота з замовником
  • Складання та використання стандартних брифів
  • Формування технічного завдання на проект. Розподіл ролей.
  • Як правильно провести інтерв'ю з замовником і отримати всю необхідну інформацію?
  • Оцінка термінів виконання завдань. Оцінка вартості

Тема: 4
Дизайн процеси і основи роботи з інтерфейсами+

  • Як влаштовано взаємодія дизайнерів в компанії. Які є етапи і контрольні точки в роботі.
  • Чому важливо побудувати грамотний і зрозумілий всім учасникам робочий процес.
  • Постановка, виконання, ревю, тестування і закриття завдань.
  • Планові обговорення, Історія версій, систематизація файлів.
  • Поділ роботи на спринти. Дедлайни. Гілляччя. Грумінг.
  • Фреймворк Double Diamond
  • Типи дисплеїв. Розміри дисплеїв. Види пристроїв, під які розробляється дизайн.
  • Платформи в дизайні. Десктоп, мобайл, Андроїд, iOS, дашбоарди і віддалені рішення. Окремий випадок.
  • Продуктові ніші: Освіта, Фінтех, крипта, медицина, економіка і бухгалтерський облік, робота з даними, розваги і т. д.
  • Цікаві сітки в дизайні. Стандартні рішення для платформи десктоп і її мобайл адаптації. Проміжки мобільного, планетної і десктоп версій.
  • Методологія роботи адаптивного дизайну
  • Методологія роботи гумового дизайну
  • Стандартні рішення для сіток на платформах Андроїд і iOS
  • Горизонтальна орієнтація в інтерфейсах
  • Типові відмінності на платформах Андроїд і iOS

Тема: 5
З чого будується інтерфейс. Основи Ui+

  • Блокова структура сторінок
  • Дизайн система
  • Теорія близькості. Атомна та молекулярна конструкція
  • Візуальна ієрархія
  • Система версій. Гілляччя. Зберігання та обслуговування файлів
  • Відповідність десктопної та мобільної адаптацій між собою
  • Основи типографіки та роботи зі шрифтами
  • Основи колористики
  • Айдентика, брендинг, дотримання брендбуків і корпоративних стандартів
  • Система відступів. Крок сітки. Щільність пікселів. Дозвіл екрану
  • Система кнопок, інпутів, шрифтів і кольорів.
  • Компліментарні іконки в проекті. Стилі іконок
  • Скетчі, вайрфрейми, макети
  • Візуалізація даних

Тема: 6
Основи Ux. Методи дослідження+

  • Карта проекту. Розподіл ролей у проекті
  • Пріоритезація завдань і процесів
  • Система версій. Гілляччя. Зберігання та обслуговування файлів
  • Складання карти сайту і додатки. Ієрархічні діаграми
  • Написання та перевірка юзер сторі з боку клієнта, замовника, співробітника і т. д.
  • Гіпотези, їх тестування та впровадження
  • Користувальницької шлях. Цільова дія. Метрика
  • Оптимізація юзерфлоу. Приклади сайтів і додатків
  • Високонавантажені інтерфейси
  • Користувальницькі інтерв'ю: як і для чого їх проводити. Як правильно обробляти отримані дані і перетворювати їх в дизайн-рішення.
  • Навіщо потрібні персони і чи можна їх просто придумати? Емпатія як важлива складова human centered design
  • Опитування,А \ Б тестування, фокус групи та інші методи аналізу інтерфейсів
  • Глибина проникнення. Час на сторінці. Теплові карти. Конверсія. Монетизація
  • Посіви і прогрів аудиторії
  • Глибина і час перегляду
  • Роль арт-директора в роботі
  • Вплив дизайну на монетизацію
  • Альфа і бета тестування. Оновлення. Редизайн. Етапи, терміни та завдання

Тема: 7
Работа в Figma+

  • Вивчення робочого інтерфейсу програми Digma
  • Створення проекту та організація сторінок
  • Вивчення базових інструментів (фігури, перо, текст, фрейми, сектора)
  • Робота з фігурами, масками, ефектами
  • Робота з типографікою (інструмент текст)
  • Вирівнювання, відступи в Figma
  • Налаштування сітки Figma
  • Вивчення функції constraints
  • Автоматизація дизайну за допомогою Autolayout
  • Компоненти в вігам і їх варіанти
  • Створення стилю шрифту, кольору, тіні. робота з бібліотекою
  • Прототипирование и анимация
  • Прототипування та анімація
  • Робота з плагінами
  • Експорт з Figma

Тема: 8
Дизайн система+

  • Що таке дизайн система. Ієрархія елементів
  • Компонента. Варіант. Властивість. Перенесення між файлами
  • Вкладені компоненти
  • Компоненти для іконок. Рекомендовані розміри. Стандартні стани
  • Компоненти для прототипування та анімації
  • Розділення компонентів між сторінками та платформами
  • Підключення системи. Публікація змін. Конфлікт. Оновлення компонентів
  • Система версій. Гілляччя. Зберігання та обслуговування файлів
  • Система шрифтів
  • система кольорів
  • Система стилів
  • Пагінація, скролл, хрестики, стрілочки, що випадають меню, чекбокси, радіокнопки, селектори, роздільники, фільтри, сортування і т. д.
  • Створення системи інпутів на проекти з десктоп і мобайл версією
  • Стандартизація футера і хедера
  • Використання додаткових елементів і станів. Бічне меню. Модальні вікна
  • Структура і систематизація файлів в складних дизайн системах

Тема: 9
Прототипування та анімація+

  • Програми для прототипування
  • Прототипи у фірмі
  • Плагіни для анімації
  • Покрокова анімація. Практика з батарейкою, годинником, завантажувачем
  • Потокова анімація. Кілька анімованих елементів. Практика з відблисками на тексті
  • Взаємозв'язок слайдів прототипу
  • Можливі дії з прототипом
  • Вертикальний і горизонтальний скролл
  • Натискання, клік, перехід
  • Наведення, зникнення, поява
  • Розумна анімація в фірмі. Приклади використання
  • Час переходу, методи відображення анімації, швидкість анімації
  • Формати файлів. Підключення прототипів з фірми в Інтернеті. Рекомендації щодо розмірів і оформлення файлів прототипів і анімації
  • Презентація прототипу клієнту та команді
  • Підготовка платформи для показу. Десктоп, мобайл, планшет
  • Вкладені компоненти в прототипах фірми
  • Глибина проникнення. Час на сторінці. Теплові карти. Конверсія. Монетизація

Тема: 10
Розробка сайту+

  • Теоретичні відомості і правила створення сайтів
  • Аналіз і вивчення особливостей побудова макета
  • Створення макетів сайту за існуючими прикладами, аналіз конкурентів. Бриф і технічне завдання на сайт.
  • Розробка головної сторінки і логотипу. Формування первинної дизайн системи
  • Розробка фірмового стилю і супутніх матеріал
  • Створення карти сайту. Написання гіпотез. Формування ефективного користувацького шляху. Усунення відволікаючих факторів
  • Додаткові сторінки. Додаткові блоки. Сторінка товару. Опис. Відкликання. Рейтинг
  • Фільтр. Вкладеність. Стани всіх елементів
  • Айдентика В сайтах
  • Різні типи сайтів: блог, інтернет магазин, Корпоративний сайт, сайт портфоліо і т. д.
  • Впровадження сторінки 404, 505, 503 та кошика
  • Адаптація мобільної версії

Тема: 11
Мобільні додатки. Дизайн і проектування+

  • Теоретичні відомості про розробку дизайну мобільних додатків
  • Особливості платформи андроїд
  • Особливості платформи iOS
  • Інтерфейсні сітки в Мобільних додатках
  • Дизайн системи мобільних додатків
  • Основні принципи побудови архітектури мобільного докладання
  • Практика побудови карти додатки
  • Проектирование пользовательского пути, целевого действия.
  • Оптимізація складних інтерфейсів
  • Технічні обмеження при створенні дизайну додатків
  • Розробка програми з акціями та знижками
  • Додаток продажу рослин
  • Продаж авіаквитків
  • Додаток пошуку роботи
  • Розробка інтерфейсів та прогнозування поведінки користувач
  • Спрощення структури додатки
  • Реклама и монетизация приложения
  • Взаємозв'язок програмування та дизайну в Мобільних додатках

Тема: 12
Здача проекту і його підтримка+

  • Перевірка на feasibility
  • Процес затвердження (Buy-in)
  • Презентація та комунікація дизайн-рішень
  • Програми для передачі дизайну: Figma, InVision, Zeplin
  • Підготовка дизайну до передачі
  • Дизайн-документація на проекті
  • Підтримка готового дизайну

Тема: 13
Формування резюме та портфоліо. Інтерв'ю+

  • Формування резюме
  • Готуємося до інтерв'ю
  • Етапи інтерв'ю
  • Тестове завдання
  • Готуємо портфоліо. Майданчики для проектів
  • Типи компаній. Продуктові компанії, студії, фріланс і т. д.
  • Технічне інтерв'ю
  • Soft і Hard навички
  • Де шукати вакансії
  • Що вибрати роботу у фірмі або фрілансер
  • Як презентувати себе

Тема: 14
Екзамен+

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

    Як записатись на курси

    Обираємо напрямок

    Онлайн або стаціонар

    Навчаємося і практикуємося

    Оформлюємо портфоліо

    Отримуємо сертифікат

    Шукаємо вакансії серед партнерів

    1

    Вибір напрямку

    Вибираємо форму навчання, знайомимося з викладачем і встановлюємо всі необхідні програми

    2

    Старанно вчимося і практикуємося

    Проходимо всі практики та теорію, оформлюємо портфоліо робіт

    3

    Пошук роботи

    Формуємо резюме, готуємо портфоліо до перевірок, використовуємо всі доступні платформи та пропозиції від наших партнерів

    Сертифікат Мій Комп'ютер

    Підтвердить, що ви пройшли курс, а також стане додатковим аргументом при влаштуванні на роботу

    Сертифікат Мій Комп'ютер — зразок 1
    Сертифікат Мій Комп'ютер — зразок 2

    Популярні питання до IT школи

    - Які у вас є форми навчання? +

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

    - Скільки тривають курси? +

    Кожен курс має різну тривалість. Курси для дітей займають 1,3–1,5 року. Дорослі напрямки, зазвичай, займають від 2 до 6 місяців, зі своїм викладачем. Деякі складні дисципліни вимагають освоєння двох курсів, наприклад Fullstack програмування.

    - Як дізнатись вартість навчання за кожним курсом? +

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

    - Які у вас є варіанти і способи оплати? +

    Ви можете сплатити кількома способами. При відвідуванні будь-якого офісу ви можете укласти договір навчання на місці та сплатити готівкою. Якщо ви займаєтеся онлайн, ви можете сплатити курс у банку за наданими реквізитами або переказом на картку ПриватБанку. Ми перерахуємо вартість у зручну валюту, якщо ви мешкаєте за кордоном.

    - Чи допомагаєте ви з працевлаштуванням? +

    Ми маємо велику базу роботодавців, а також часто з'являються вакансії від партнерів. Деякі успішні учні проходять стажування у нас і працюють як викладачі у різних містах та онлайн. Якщо жоден із цих варіантів вам не підійде, ми допоможемо сформувати резюме та портфоліо, щоб гідно представити вас роботодавцям.

    Статті

    Веб-дизайн чи UI/UX дизайн: у чому різниця?

    20 липня 2026 р.

    10:03

    Веб-дизайн чи UI/UX дизайн: у чому різниця?

    Веб-дизайн і UI/UX дизайн частково перетинаються — обидва починаються з Figma. Розповідаємо, чим курси відрізняються насправді і кому яке навчання підійде.

    Читати
    Студенти Академії Мій Комп'ютер за навчанням

    Про академію Мій Комп'ютер

    Працювати треба не 12 годин, а головою. — Стів Джобс

    Запрошуємо на комп'ютерні курси дітей та дорослих. Ми маємо великий перелік напрямків та розгалужену мережу відділень.

    Можемо запропонувати навчання за напрямками:

    • Веб-дизайн
    • Растрова графіка, векторна графіка та анімація
    • Програмування для дітей
    • UI/UX дизайн
    • Python
    • Frontend
    • Backend
    • JavaScript
    • 3ds Max + Corona + AutoCAD
    • SEO + SMM

    Написати нам

    Контакти

    Зв'яжіться з нами зручним способом або замовте дзвінок від нашого менеджера:

    Телефони:

    Пошта:

    Слідкуйте за нами: