Паспорт необходимости задаёт, зачем странице существовать; раскадровка решает, как через неё пройдут. На занятии вы превратите текстовое ядро и медиа в 5–9 смысловых зон, зададите каждой функцию, масштаб, плотность и переход, соберёте линейный ствол с боковыми дверями и проверите каждый монтажный шов вопросом «почему следующий фрагмент находится именно здесь?». Итогом станут бумажная раскадровка и карта маршрута, где ссылка уже участвует в композиции, хотя красивого интерфейса ещё почти нет.
Рабочий вопрос
Как через страницу проходят — и куда из неё выходят?
В начале проекта экран соблазняет скоростью: сетка уже ждёт, шрифт можно выбрать, обложку — сгенерировать, параллакс — включить. Структурная ошибка после этого быстро обрастает качественной отделкой. Раскадровка временно лишает проект косметики и оставляет вещи, которые труднее замаскировать: порядок, длительность, повтор, пропуск, соседство.Сегодня вы произведёте два артефакта:⚫️ бумажную раскадровку из 5–9 зон;
⚫️ карту основного маршрута, внутренних возвратов и внешних дверей.
От папки с материалом к маршруту
Структура лонгрида редко совпадает с оглавлением будущего текста. Оглавление называет разделы; архитектура распределяет роли, нагрузку и способы перехода. Два раздела одинаковой длины могут действовать противоположно: один вводит понятие, второй задерживает на свидетельстве; короткая фотография способна повернуть аргумент сильнее, чем десять экранов объяснения.Разложите текстовое ядро и медиа на отдельные карточки. На одной карточке — один фрагмент, который можно переместить без внутренней хирургии: сцена, аргумент, цитата, изображение, карта, звуковой эпизод, источник, переход. Если карточка содержит половину проекта, нож ещё не дошёл до материала.
Зона как рабочая единица
Линейный ствол и боковые двери
У каждой двери должен быть различимый характер:⚫️ проверочная ведёт к первоисточнику или данным;
⚫️ углубляющая открывает материал, который перегрузил бы основной ход;
⚫️ соседская связывает проект с чужой работой и признаёт внешний контекст;
⚫️ возвратная помогает снова найти определение, улику или развилку;
⚫️ выходная завершает локальный маршрут, предлагая следующий осмысленный адрес.Ссылка «подробнее» скрывает направление. Содержательное имя двери сообщает цену перехода: «полная запись разговора, 24 минуты», «карта утраченных вывесок», «архив автора фотографии», «возражение исследователя». Подробно ссылки мы разберём дальше, однако архитектура обязана оставить им место уже сейчас.
Карта соседства
Нарисуйте страницу как участок. Образ одинокой башни здесь бесполезен: вокруг основного маршрута находятся источники, соседние проекты, площадки распространения, архивные файлы, физические места, люди, которым вы должны ответ. Отметьте направление каждой связи и возможность возврата.
Монтаж как организация длительности
Монтаж появляется в промежутке между фрагментами. Один кадр после другого создаёт отношение, которого могло не быть внутри каждого по отдельности. В веб-публикации роль кадра выполняют текстовый блок, изображение, пустота, звук, ссылка, изменение масштаба и сам viewport, выдающий композицию порциями.Монтаж нужен здесь как рабочий шарнир. Киношное украшение термина ничего не добавит: вы проектируете встречу двух фрагментов и отвечаете за вывод, который возникает между ними.
Масштаб
Кинематографические названия удобны, если отделить их от буквальной камеры:
Десять общих планов подряд производят отчёт; непрерывные детали лишают ориентации. Смена масштаба даёт глазу и мысли другую дистанцию.
Плотность
Плотность складывается из количества слов, визуальных деталей, новых понятий, связей и требуемых действий. Большое изображение может быть чрезвычайно плотным; короткий абзац — лёгким. Оценивайте нагрузку конкретной зоны; её площадь сама ничего не сообщает.Используйте условную шкалу от 1 до 5:⚫️ 1 — ориентация, воздух, один ясный сигнал;
⚫️ 2 — короткая сцена или одиночная улика;
⚫️ 3 — развитие с несколькими связями;
⚫️ 4 — сопоставление, новый термин, сложное свидетельство;
⚫️ 5 — узел, где читатель одновременно удерживает много отношений.Две зоны максимальной плотности требуют между собой работы: короткого возврата, смены масштаба, изображения, резюме, пустоты. Пауза не обязана быть пустым экраном — иногда ею становится ясный предмет после сложного объяснения.
Контраст, рифма, пауза, ускорение
