Состав программы (часть 2)
Архитектура. Работа с пространством (AD)
- Контрформа — пассивная, активная, орнаментальная.
- Формат как неоднородное пространство (Фаворский)
- Три типа пространственного построения — глубокое, рельефное, плоское — и запрет на спор плоскости и глубины в одной работе. (Булатов)
- Значение места и направления: зонам назначаются смыслы, направление означает переход, возврат, углубление.
- Детализация как способ увеличения композиционно устойчивых позиций на формате.
- Зачем вообще нужна вёрстка и как она экономит Время и Внимание пользователя.
- Схема и сетка: как схема рождает композицию и фиксируется сеткой (Вилли Кунц и др.)
- Сетка как правило, по которому элементы получают место.
- Типология и классификация сеток: позиционные, иерархические, алгоритмические.
- Девять законов адаптивности, проверка страницы на адаптивность. Здесь появляется вайбкодинг: сетку быстрее проверить кодом, чем на глаз.
Зачем?
Дизайнер перестаёт расставлять элементы на глаз: он назначает места и объясняет каждое.
Взаимодействие как работа с движением и временем. Дизайн взаимодействия (XD)
Интерактивный дизайн в большей степени конструктивен чем композиционен, поэтому в отличие от печатного проектируется от движения и взаимодействия с ним.
- Два времени: время читателя — сколько нужно, чтобы работу понять; и время изменения — когда объект меняет состояние.
- Интерфейс как представление, которое остаётся у человека, когда он закрыл глаза.
- Три типа интерфейсов (А. Купер)
- Идиоматический интерфейс: как принцип решения задачи вместо метафоры и языка — учится один раз и переносится на любой материал.
- Навигационные схемы, архитектурные модели, бесшовные переходы.
- Атомарный словарь взаимодействий (Дэн Саффер): триггер, правило, обратная связь, циклы, режимы.
- Матрица взаимодействий: как навигация и восприятие сходятся в одном месте.
- Кинетика: движение как носитель чувственной информации — длительность, скорость, ритм, темп.
- Алгоритмические сетки: дизайн как алгоритм сборки в браузере.
Зачем?
Дизайнер отвечает за то, что происходит между экранами: модель взаимодействия он описывает словами и потому может передать её разработчику или собрать сам.
Практика двухслойная.
1. Короткое упражнение прямо на встрече, 15–20 минут, пока тема свежая. И домашнее задание на своём материале между встречами.
2. Сквозной проект. В начале каждый берёт свой материал — проект, портфолио, коммерческую задачу — и ведёт его через все три направления: лист, потом живая страница, потом работающий макет с моделью взаимодействия. Показ в конце каждого направления.
Важно!
Фиксированной даты окончания программы нет. Программа модульная, порядок и глубина подстраиваются под запрос группы. Вход и выход – свободный.
Из чего сделано, где стоит, как себя ведёт?
Три вопроса к любой работе — и три направления, чтобы научиться на них отвечать.
Старт 1 сентября. По всем вопросам пишите в личные сообщения, Алла: @Alla_V_Nastas
Архитектура. Работа с пространством (AD)
- Контрформа — пассивная, активная, орнаментальная.
- Формат как неоднородное пространство (Фаворский)
- Три типа пространственного построения — глубокое, рельефное, плоское — и запрет на спор плоскости и глубины в одной работе. (Булатов)
- Значение места и направления: зонам назначаются смыслы, направление означает переход, возврат, углубление.
- Детализация как способ увеличения композиционно устойчивых позиций на формате.
- Зачем вообще нужна вёрстка и как она экономит Время и Внимание пользователя.
- Схема и сетка: как схема рождает композицию и фиксируется сеткой (Вилли Кунц и др.)
- Сетка как правило, по которому элементы получают место.
- Типология и классификация сеток: позиционные, иерархические, алгоритмические.
- Девять законов адаптивности, проверка страницы на адаптивность. Здесь появляется вайбкодинг: сетку быстрее проверить кодом, чем на глаз.
Зачем?
Дизайнер перестаёт расставлять элементы на глаз: он назначает места и объясняет каждое.
Взаимодействие как работа с движением и временем. Дизайн взаимодействия (XD)
Интерактивный дизайн в большей степени конструктивен чем композиционен, поэтому в отличие от печатного проектируется от движения и взаимодействия с ним.
- Два времени: время читателя — сколько нужно, чтобы работу понять; и время изменения — когда объект меняет состояние.
- Интерфейс как представление, которое остаётся у человека, когда он закрыл глаза.
- Три типа интерфейсов (А. Купер)
- Идиоматический интерфейс: как принцип решения задачи вместо метафоры и языка — учится один раз и переносится на любой материал.
- Навигационные схемы, архитектурные модели, бесшовные переходы.
- Атомарный словарь взаимодействий (Дэн Саффер): триггер, правило, обратная связь, циклы, режимы.
- Матрица взаимодействий: как навигация и восприятие сходятся в одном месте.
- Кинетика: движение как носитель чувственной информации — длительность, скорость, ритм, темп.
- Алгоритмические сетки: дизайн как алгоритм сборки в браузере.
Зачем?
Дизайнер отвечает за то, что происходит между экранами: модель взаимодействия он описывает словами и потому может передать её разработчику или собрать сам.
Практика двухслойная.
1. Короткое упражнение прямо на встрече, 15–20 минут, пока тема свежая. И домашнее задание на своём материале между встречами.
2. Сквозной проект. В начале каждый берёт свой материал — проект, портфолио, коммерческую задачу — и ведёт его через все три направления: лист, потом живая страница, потом работающий макет с моделью взаимодействия. Показ в конце каждого направления.
Важно!
Фиксированной даты окончания программы нет. Программа модульная, порядок и глубина подстраиваются под запрос группы. Вход и выход – свободный.
Из чего сделано, где стоит, как себя ведёт?
Три вопроса к любой работе — и три направления, чтобы научиться на них отвечать.
Старт 1 сентября. По всем вопросам пишите в личные сообщения, Алла: @Alla_V_Nastas