О чём курс

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

В курсе разбираются четыре фундаментальных направления:

  • Микровзаимодействия: проектирование рабочих фильтров, корзин и карточек товаров.
  • Макровзаимодействия: выстраивание логики навигации по всему сайту.
  • Адаптивность: создание удобных интерфейсов для любых экранов.
  • Бесшовность: использование анимации как инструмента, который помогает пользователю перемещаться по сайту, а не просто украшает его.

Программа базируется на архитектурном подходе к вебу — от работы с сетками до создания идиоматических интерфейсов по методологии Алана Купера. Идеально подойдет веб-дизайнерам, которые хотят перейти от «рисования макетов» к системному проектированию интерактивных продуктов.

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

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

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

Теги курса

Профессии
Инструменты
1 262 ₽ 19 000 ₽