Prog Academy
RU UA

Курс за підпискою

Основи дизайну: бачити, пояснювати й покращувати

Навчіться бачити, чому один макет працює, а інший — ні, і пояснювати це словами

  • 7 модулів
  • 10+ практичних завдань
  • Автоматична перевірка
  • Українською

Отримати доступ до курсу

Курс за підпискою · Навчання у власному темпі

Про курс

Що це за курс?

Вступний курс для всіх, хто хоче почати шлях у UI/UX-дизайні або просто краще робити презентації, сторінки, оголошення й екрани застосунків. Уміти малювати не потрібно: ви навчитеся помічати проблеми в оформленні, називати їх професійними термінами й пропонувати, як їх виправити.

Аудиторія

Для кого цей курс?

  • Починаєте шлях в UI/UX-дизайні

    Уміти малювати не потрібно: почнете з того, як помічати проблеми в макеті й пояснювати, як їх виправити.

  • Робите презентації й оголошення

    Застосовуватимете ієрархію, контраст, вирівнювання й близькість і перевірятимете контраст тексту за вимогами WCAG.

  • Обговорюєте макети з командою

    Замість «щось не те» даватимете конкретні зауваження й розумітимете, де проблема в UX, а де в UI.

Можна почати з нуля

Попередній досвід не потрібен — починайте з першого модуля.

  • Досвід у дизайні не потрібен.

    Детальніше
    • Кожен термін пояснюємо, щойно він з'являється, а приклади взято з повсякденного життя: двері, супермаркет, афіша, квитанція, застосунок доставки.
  1. Досвід не потрібен
  2. Почніть тут Основи дизайну: бачити, пояснювати й покращувати

Результат

Що ви навчитеся робити

розуміти, яку задачу розв'язує кожен елемент макета і для кого він зроблений, — і відрізняти його від простої прикраси

порівнювати два варіанти макета й аргументовано пояснювати, який кращий і чому

застосовувати чотири базові принципи: ієрархію, контраст, вирівнювання й близькість

перевіряти, чи достатньо контрастний текст, за стандартом доступності WCAG

давати конкретні зауваження до дизайну замість розмитого «щось не те»

розрізняти UX (наскільки зручно дійти до мети) та UI (як виглядає екран) і розуміти, де саме проблема

працювати за циклом дизайну: з'ясувати проблему, придумати кілька варіантів, зробити, перевірити на користувачах і доопрацювати

Формат

Як влаштоване навчання?

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

  • Теорія

    15 уроків з прикладами

  • Практика в браузері

    10+ завдань з автоматичною перевіркою

  • Тести

    7 тестів для самоперевірки

  • Власний темп

    Онлайн на my.prog.academy, без встановлення програм

AI-помічник

AI-помічник поруч під час навчання

На сторінках курсу, уроків і завдань є кнопка «Запитати AI». Помічник знає матеріали саме цього курсу й урок, на якому ви зараз, тому відповідає по темі й показує, у яких уроках про це йдеться.

  • Пояснить інакше

    Не зрозуміли урок з першого разу — попросіть пояснити простіше або дати ще один приклад.

  • Допоможе із завданням

    Застрягли — підкаже, з чого почати, і допоможе знайти помилку у вашому рішенні. Готового рішення не дає.

  • Знайде потрібну тему

    Запитайте, де пояснювали поняття, — і отримаєте посилання на потрібні уроки курсу.

  • Продовжить розмову

    Уточнюйте без повторів: помічник пам’ятає розмову, а нещодавні розмови курсу зберігаються.

Входить у кожен тариф оплаченої підписки — Basic і Premium. У Premium ліміти використання AI-помічника вищі — ним можна користуватися активніше. Це помічник у навчанні, а не генератор готових відповідей: він пояснює й підказує, а завдання ви розв’язуєте самі.

Програма

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

7 модулів, 10+ практичних завдань з автоматичною перевіркою і 7 тестів. Відкрийте модуль, щоб побачити всі теми.

Розділ 1 — Дизайн навколо нас 2 уроки · 1 практика · 1 тест

Дизайн — це не прикраса, а розв'язання задачі для конкретних людей

  • Теорія Що таке дизайн: розв'язання задачі, а не прикраса
  • Теорія Як помічати дизайнерські рішення навколо себе
  • Практика Рішення чи прикраса
  • Тест Перевірка: дизайн навколо нас
Розділ 2 — Бачити як дизайнер 1 урок · 1 практика · 1 тест

Як помічати відмінності між варіантами й пояснювати, чому один кращий

  • Теорія Тренуємо око: помічати, порівнювати, пояснювати
  • Практика Яка версія краща і чому
  • Тест Перевірка: бачити як дизайнер
Розділ 3 — Ієрархія та контраст 2 уроки · 2 практики · 1 тест

Ієрархія задає порядок, контраст робить його видимим

  • Теорія Візуальна ієрархія: що людина бачить першим
  • Практика Рівні ієрархії для банера
  • Теорія Контраст: різниця, яку видно
  • Практика Чи вистачає контрасту
  • Тест Перевірка: ієрархія та контраст
Розділ 4 — Вирівнювання та близькість 2 уроки · 1 практика · 1 тест

Невидимі лінії та відстані, які показують, що з чим пов'язане

  • Теорія Вирівнювання: невидимі лінії порядку
  • Теорія Близькість: що поруч, те й разом
  • Практика Групи на екрані налаштувань
  • Тест Перевірка: вирівнювання та близькість
Розділ 5 — Мова дизайну: принципи разом 2 уроки · 1 практика · 1 тест

Як принципи працюють разом і як давати зрозумілі зауваження до дизайну

  • Теорія Чотири принципи в одному елементі — і п'ятий, що їх об'єднує
  • Теорія Дизайн-фідбек: від «щось не те» до конкретики
  • Практика Дизайн-розбір сторінки мовної школи
  • Тест Перевірка: мова дизайну
Розділ 6 — UI і UX: дві лінзи 3 уроки · 2 практики · 1 тест

Як працює шлях користувача і як виглядає кожен екран — дві сторони одного продукту

  • Теорія UX: шлях користувача від наміру до результату
  • Теорія UI: те, що людина бачить на екрані
  • Практика UI, UX чи обидва
  • Теорія Дві лінзи — один продукт
  • Практика Де ламається шлях замовлення
  • Тест Перевірка: UI і UX
Розділ 7 — Як мислять дизайнери 3 уроки · 2 практики · 1 тест

Спершу проблема, потім варіанти, потім перевірка з користувачами — і нове коло

  • Теорія Спершу проблема: зрозуміти, перш ніж малювати
  • Теорія Дослідити, перш ніж обрати: кілька варіантів замість одного
  • Практика Етапи циклу на реальному кейсі
  • Теорія Перевірити, зробити висновки, покращити: цикл дизайну
  • Практика Що показав тест
  • Тест Підсумкова перевірка: основи дизайну

Доступ

Як отримати доступ?

  1. Залиште заявку

    Заповніть коротку форму на цій сторінці.

  2. Завершіть реєстрацію в Telegram

    Після заявки перейдіть у Telegram-бот Prog Academy — він надішле подальші інструкції щодо доступу.

  3. Навчайтеся на платформі

    Уроки, практика й тести — на my.prog.academy, у зручному для вас темпі.

Контакт

Почніть навчання на платформі

Залиште контакти — надішлемо деталі доступу до курсу «Основи дизайну: бачити, пояснювати й покращувати».

Інші курси за підпискою

Часті питання про курс

Що це за курс?
«Основи дизайну: бачити, пояснювати й покращувати» — онлайн-курс за підпискою на навчальній платформі Prog Academy. Навчіться бачити, чому один макет працює, а інший — ні, і пояснювати це словами. Вступний курс для всіх, хто хоче почати шлях у UI/UX-дизайні або просто краще робити презентації, сторінки, оголошення й екрани застосунків. Уміти малювати не потрібно: ви навчитеся помічати проблеми в оформленні, називати їх професійними термінами й пропонувати, як їх виправити.

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

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

Скільки модулів містить курс?
7 модулів: Дизайн навколо нас; Бачити як дизайнер; Ієрархія та контраст; Вирівнювання та близькість; Мова дизайну: принципи разом; UI і UX: дві лінзи; Як мислять дизайнери. Практичних завдань з автоматичною перевіркою — 10+, тестів — 7.

Як отримати доступ?
Залиште заявку на цій сторінці й завершіть реєстрацію в Telegram-боті Prog Academy — там ви отримаєте подальші інструкції щодо доступу. Навчання проходить на платформі my.prog.academy у власному темпі.

Чи входить курс у підписку?
Так. Курс входить у підписку на платформі Prog Academy: доступ до всіх курсів за підпискою; ai-помічник з навчання в кожному курсі; усі уроки, домашні завдання та автоматична перевірка; нові курси за підпискою додаються автоматично.

Не знайшли відповідь?

Залиште запитання — підкажемо, чи підходить вам курс і з чого краще почати.