[Дизайн] [Сеpгей Гуpов, Сеpгей Телидченко] Дизайн взаимодействия (2024)

[Сеpгей Гуpов, Сеpгей Телидченко] Дизайн взаимодей_0.png


[Сеpгей Гуpов, Сеpгей Телидченко] Дизайн взаимодействия (2024)

Данный курс посвящен теме "Дизайн взаимодействия", где взаимодействие понимается как организация поведения пользователя в цифровом продукте (на примере web сайта), посредством проектирования логически ясных, интуитивно понятных и эстетичных интерфейсов.

В рамках курса мы сфокусируемся на четырех направлениях:

1. Микровзаимодействия. Такие как проектирование фотогалерей, корзин, карточек товаров, фильтров и других типовых форм взаимодействия пользователя на сайте.

2.Макровзаимодействия. Проектирование навигационных моделей на основе структуры сайта и пользовательских сценариев. Макровзаимодействия это прежде всего взаимодействие с сайтом как множеством страниц, навигацией и анимацией.

3. Адаптивность. Организация графического интерфейса и верстки с учетом интерактивности и адаптивности экранного формата.

4. Бесшовность. Непрерывность взаимодействия. Непрерывность навигирования. Анимация как инструмент построения навигации.

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

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

1-я лекция: Форма. Пространство. Движение (Кинетика)

2-я лекция: Пластическое формообразование (Типографика и работа с графической формой)

3-я лекция: Пространство. Формат и методы его организации.

4-я лекция: Фиксированный формат vs Динамический формат. Кинетический web

5-я лекция: Эргономика взаимодействия в интерактивном формате.

II. Архитектурный подход:

6-я лекция: Сетки и Модульный подход.

7-я лекция: Зоны и Архитектурный подход.

8-я лекция: Зона. Сетка. Модуль. Метод организации цифрового пространства.

III. Идиоматические интерфейсы:

9-я лекция: (Алан Купер) Три парадигмы проектирования интерфейса (Реализации, Метафорический, Идеоматический). Исследование: «Как работаютидиоматические интерфейсы?»

10-я лекция: Три вида идиоматических интерфейсов: Когнитивные. Перцептивные. Жестовые.

11-я лекция: Как строить идиоматические микровзаимодействия в вебе? Жест—Пространство—Форма.

VI. Микровзаимодействия:

12-я лекция: Структура — Архитектура — Верстка. Метод проектирования «от движения».

13-я лекция: Навигационная модель и бесшовное взаимодействие

14-я лекция: Функциональная анимация vs Декоративная анимация. Анимация как навигация и взаимодействие.

Практика:

Практическая часть курса состоит из:

4 задания. длительность короткого задания — неделя

Курсовая работа. концепция сайта + адаптивы

Автор и преподаватель: Сеpгей Гуpов. Независимый дизайнер. Сооснователь Авторских дизайн мастерских Основа. Сеpгей Телидченко.

Длительность курса: 1–1,5 месяца. Даты проведения: 12.02-31.03.2024г.



—————————————————————————

📥 СКАЧАТЬ КУРС:
🔐 Хотите получить доступ?

Чтобы увидеть скрытые ссылки и ставить лайки, активируйте VIP-статус.

💎 ПОЛУЧИТЬ ДОСТУП Наш Telegram канал
 
Назад
Верх