me_edu
← Каталог
Дизайн

UX/UI-дизайн: фундамент

Пользователь, иерархия, типографика и прототип

4.8(0) 0 учеников 3 ч 12+ лет 27 шаговСреднийСложность 4/5
К
Команда me_edu
Профессиональный курс

Чему вы научитесь

  • UX vs UI и дизайн-процесс от идеи до прототипа
  • Пользователи, сценарии и законы юзабилити
  • Визуальная иерархия и принципы восприятия
  • Типографика, цвет и контраст
  • Сетки, отступы, компоненты и паттерны
  • Прототипирование, тестирование и доступность

О курсе

Полный фундамент проектирования интерфейсов: разница UX и UI, дизайн-процесс от исследования до прототипа, пользователи и сценарии, законы восприятия и юзабилити, визуальная иерархия, типографика, цвет и контраст, сетки и отступы, компоненты и паттерны, прототипирование и тестирование, доступность. Каждая тема — развёрнутое объяснение, разобранный пример, наглядная схема и практика с проверкой ответов. Рассчитан на несколько недель.

Нагрузка

4 недель · 3 ч/нед

Структура

10 разделов · 27 шагов · практика после модулей

Результат

Итоговый проект и сертификат после завершения.

Возраст

12+ лет · визуальная практика. подходит подросткам и взрослым, которые готовы собирать портфолио

Параметры сложности

Профессиональный: 4/5

требует дисциплины, проверки и портфолио

Темп2/5
Практика5/5
Глубина4/5
Схемы3/5
Самостоятельность4/5
Место в базе знаний

Цифровые профессии

ИИ, аналитика, дизайн, маркетинг, бизнес и кибербезопасность без смешивания с программированием.

Как устроено обучение

Методическая подача

Визуальный язык

структурные схемы, разборы примеров, контрольные вопросы и карты применения

Кейсы

реалистичные учебные ситуации, где теория сразу переводится в решение

Ритм практики

понятие, пример, самостоятельное действие, обратная связь, перенос в проект

Доказательство результата

итоговая работа с критериями качества и понятным результатом для портфолио

Учебный микс

Теория18
Практика9
Схемы17
Задания44
Визуальный стандарт курса

17 визуальных материалов · 88% по предмету

есть хороший визуальный каркас, но часть схем стоит уточнить

audit
Основные типы
процесс · 7структурная схема · 4цикл · 2монтажная схема · 1тайминг · 1
Что требуется от иллюстраций
схема процессапримерпрактический критерийитоговый артефакт

Профессиональная программа

Измеримые результаты

  • Уверенно объяснять и применять: UX vs UI и дизайн-процесс от идеи до прототипа.
  • Уверенно объяснять и применять: Пользователи, сценарии и законы юзабилити.
  • Уверенно объяснять и применять: Визуальная иерархия и принципы восприятия.
  • Уверенно объяснять и применять: Типографика, цвет и контраст.
  • Собрать итоговый проект по теме «UX/UI-дизайн: фундамент» и объяснить решения по критериям курса.

Входной уровень

  • Базовое знакомство с направлением
  • Готовность выполнять практические задания между уроками

Проверка знаний

  • Входная самопроверка: что уже понятно и где есть пробелы.
  • Короткая практика после каждого модуля с немедленной проверкой.
  • Промежуточный мини-проект, где несколько тем соединяются в одну задачу.
  • Итоговая работа с критериями: точность, объяснение, самостоятельность, применимость.

Итоговый проект

Итоговый учебный проект по теме «UX/UI-дизайн: фундамент»: применить ключевые понятия курса к реальной задаче, оформить решение, критерии качества и выводы.

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

10 разделов · 27 уроков
Конструкторские чертежи и схемы — для печатиВсе чертежи курса с размерами на отдельной странице. Векторные — печатаются чётко (Ctrl+P).
1Как учиться на этом курсе4 урока
34 мин3 схем3 заданий
  • Карта пониманияОткрыто8 мин
  • Что рисовать и фиксироватьОткрыто8 мин
  • Ритм практики и повторенияОткрыто8 мин
  • Проверка учебного маршрутаОткрыто10 мин
2Профессиональный практикум: кейс, модель и итоговый артефакт2 урока
22 мин1 схем2 заданий
Как сделать курс практическим и академичным
  • Модель, кейс, артефактОткрыто12 мин
  • Рубрика качества10 мин
3Атлас моделей: схема, пример, критерий и проект1 урок
12 мин1 схем
Предметная визуализация вместо украшения
  • Модель курсаОткрыто12 мин
4UX и UI3 урока
26 мин2 схем5 заданий
  • Чем UX отличается от UIОткрыто7 мин
  • Дизайн-процессОткрыто7 мин
  • Практика: UX и UIОткрыто12 мин
5Пользователи и сценарии3 урока
25 мин2 схем5 заданий
  • Кто пользовательОткрыто6 мин
  • Пользовательские сценарии и CJMОткрыто7 мин
  • Практика: пользователиОткрыто12 мин
6Законы юзабилити3 урока
24 мин2 схем6 заданий
  • Хик, Фиттс, МиллерОткрыто6 мин
  • Очевидность и обратная связьОткрыто6 мин
  • Практика: законы юзабилитиОткрыто12 мин
7Визуальная иерархия2 урока
19 мин1 схем5 заданий
  • Как направить взглядОткрыто7 мин
  • Практика: иерархияОткрыто12 мин
8Типографика и цвет3 урока
25 мин2 схем6 заданий
  • ТипографикаОткрыто6 мин
  • Цвет и контрастОткрыто7 мин
  • Практика: типографика и цветОткрыто12 мин
9Сетки, отступы, компоненты3 урока
24 мин2 схем6 заданий
  • Сетка и система отступовОткрыто6 мин
  • Компоненты и паттерныОткрыто6 мин
  • Практика: сетки и компонентыОткрыто12 мин
10Прототип, тесты, доступность3 урока
25 мин1 схем6 заданий
  • Прототипирование и тестированиеОткрыто7 мин
  • ДоступностьОткрыто6 мин
  • Практика: прототип и доступностьОткрыто12 мин

Отзывы

Пока нет отзывов.