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, без встановлення програм

Платформа Prog Academy

Більше, ніж доступ до курсу

Курс проходить на платформі Prog Academy — разом із ним ви отримуєте AI-помічника й інструменти для пошуку першої роботи в IT.

Навчання

90% практики

Ви вчитеся, виконуючи завдання: кожну нову тему одразу застосовуєте на практиці, а не лише читаєте теорію. Завдання перевіряються автоматично, просто в браузері.

AI-помічник з навчання

Ви не залишаєтеся наодинці з матеріалом

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

Кар’єра

  • Сертифікат після завершення курсу

    Успішно пройшли курс — отримуєте сертифікат і в один клік додаєте його в профіль LinkedIn.

  • Конструктор резюме

    Резюме англійською та українською — просто на платформі. Ваші курси й сертифікати додаються в нього в кілька кліків.

  • База вакансій

    Junior-вакансії та стажування в одному місці — з добіркою під курси, які ви проходите.

Уся платформа — в одному акаунті

  • Усі ваші курси
  • Прогрес по кожному курсу
  • Навчання у власному темпі
  • Нічого не треба встановлювати

Програма

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

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-помічник з навчання в кожному курсі; усі уроки, домашні завдання та автоматична перевірка; нові курси за підпискою додаються автоматично.

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

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