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

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

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