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

Не нашли ответ?

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