- 20.06.2022
- 23 845
- 218
- 36
- Награды
- 10
- Пол
- Муж.
Репутация:
- Автор темы
- Администратор
- Модератор
- Команда форума
- #1
Данный курс посвящен теме "Дизайн взаимодействия", где взаимодействие понимается как организация поведения пользователя в цифровом продукте (на примере 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г.
Скачать:
Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.
Последние темы в этом разделе:
- [frontendblok] Веб-анимация в действии (2024)
- [Таймсейвер] Camera Motion - эффекты движения камеры для Davinci Resolve (2024)
- [Михаил Орлов] Карточки для WB / OZON 2.0 (2022)
- [tishbyme] [Кристина Дмитриева] Mастер класс по дизайну карточки Wildberries B Figma (2022)
- [Маша Черная] Стать дизайнером интерьера за 9 месяцев (Школа Артум)
- [Ксения Баранова, Мадина Михайлова] Midjourney с 0 до PRO. Тариф MjStart (2024)
- [Алексей Скидель, Александра Кузнецова] Мастер нейросетей 2.0 (2024)
- [CreativePromptsStore] Фотореалистичные промпты ярких девушек (2024)
- [Маша Кудрявцева] [1826.school] Актуальный позинг в 2025: смотрим большие бренды (2024)
- [Лиза Свет] Ретушь с помощью нейросетей (2024)