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

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

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

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

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

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

О курсе

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

Нагрузка

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

Структура

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

Результат

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

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

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

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

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

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

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

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

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

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

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

Кейсы

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

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

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

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

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

Учебный микс

Теория16
Практика8
Схемы14
Задания42
Визуальный стандарт курса

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

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

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

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

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

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

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

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

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

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

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

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

Академическая база

National Academies: How People Learn II (2018)

Когнитивная наука обучения: предзнания, практика, перенос, обратная связь.

Biggs, J. Constructive Alignment

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

Brown, Roediger, McDaniel: Make It Stick

Практика извлечения, интервальные повторения и смешанная практика.

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

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

Отзывы

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