О чём курс

Сергей Гуров и Сергей Телидченко разбирают, как проектировать поведение пользователя на сайте через интерфейс, навигацию, адаптивную вёрстку и анимацию.

Что разбирают

На уровне отдельных элементов вы работаете с фотогалереями, корзинами, карточками товаров и фильтрами. Для сайта в целом авторы рассматривают навигационные модели, построенные с учётом структуры страниц и пользовательских сценариев. Отдельное внимание уделено тому, как организовать интерфейс для разных размеров экрана и сохранить непрерывность переходов между страницами.

В теоретической части речь идёт о форме, пространстве, движении, типографике и способах организации цифрового пространства. Авторы разбирают сетки и модули, виды идиоматических интерфейсов, а также роль жестов и анимации во взаимодействии. Анимацию рассматривают как часть навигации и сравнивают её функциональное и декоративное применение.

Практика и формат

Практическая часть включает четыре коротких задания: на каждое отведена неделя. Курсовая работа состоит из концепции сайта и адаптивных вариантов. Продолжительность курса указана как 1–1,5 месяца.

Преподаватели

Сергей Гуров — независимый дизайнер и сооснователь Авторских дизайн-мастерских «Основа». В числе авторов и преподавателей также указан Сергей Телидченко.

Программа обучения

I. Вводная часть

  • 1-я лекция: Форма. Пространство. Движение (Кинетика)
  • 2-я лекция: Пластическое формообразование (Типографика и работа с графической формой)
  • 3-я лекция: Пространство. Формат и методы его организации
  • 4-я лекция: Фиксированный формат vs Динамический формат. Кинетический web
  • 5-я лекция: Эргономика взаимодействия в интерактивном формате II. Архитектурный подход:
  • 6-я лекция: Сетки и Модульный подход
  • 7-я лекция: Зоны и Архитектурный подход
  • 8-я лекция: Зона. Сетка. Модуль. Метод организации цифрового пространства III. Идиоматические интерфейсы:
  • 9-я лекция: (Алан Купер) Три парадигмы проектирования интерфейса (Реализации, Метафорический, Идеоматический). Исследование: «Как работают идиоматические интерфейсы?»
  • 10-я лекция: Три вида идиоматических интерфейсов: Когнитивные. Перцептивные. Жестовые
  • 11-я лекция: Как строить идиоматические микровзаимодействия в вебе? Жест—Пространство—Форма VI. Микровзаимодействия:
  • 12-я лекция: Структура — Архитектура — Верстка. Метод проектирования «от движения»
  • 13-я лекция: Навигационная модель и бесшовное взаимодействие
  • 14-я лекция: Функциональная анимация vs Декоративная анимация. Анимация как навигация и взаимодействие
Складчина создана 26 декабря 2023 г. · описание обновлено 25 октября 2026 г.

Теги курса

Профессии
1 262 ₽ 19 000 ₽