Дизайн сайта ночной экскурсии по Кайфэну

Дизайн сайта ночной экскурсии по Кайфэну, рассказанный в пяти главах

«Бяньцзин после наступления темноты» представляет воображаемый город как ночной горизонтальный свиток. Вступление сочетает крупные китайские иероглифы слева с освещённой фонарями рекой, деревянными зданиями и отражениями. Золотые акценты и светящиеся окна выделяются на тёмно-синем фоне. Главное приглашение — войти в последовательность сцен, а не искать место назначения или бронировать экскурсию.

Тот же мир города на реке продолжается в последующих главах. Прокрутка одновременно меняет положение камеры и текст на переднем плане, а верхняя навигация и пронумерованная шкала глав остаются доступными. Это создаёт непрерывность между воротами, мостом, рынком, поэзией и финальной сценой с фонарями, не требуя отдельной страницы для каждой остановки.

01

Типографика как часть сцены

Крупные китайские заголовки собраны в компактные вертикальные группы, оставляя большую часть экрана реке и зданиям. Под вступительным заголовком размещён небольшой английский брендинг. Разный масштаб задаёт порядок чтения, не пытаясь предоставить каждому языку одинаковый визуальный вес в одном пространстве.

02

Два способа понять, где вы находитесь

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

03

Свет как повторяющийся визуальный мотив

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

Перенос выбора стихотворения в сцену с фонариками

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

В исходнике атрибуция и пояснение контекста размещены рядом со стихотворением, а не только на странице с титрами. Там объясняется, что стихотворение эпохи Южной Сун заимствовано ради образов ночи с фонарями, а не представлено как историческая запись о Бяньцзине. Это различие позволяет использовать выразительный текст, не выдавая художественную ассоциацию за документальное свидетельство.

1. Предложите ограниченный выбор для чтения

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

2. Повторите выбранную строку перед продолжением

   Область заметки повторяет выбранную строку под стихотворением. Это полезное подтверждение, поскольку сами кликабельные строки окружены другими стихами. Затем действие продолжения может привести к главе с фонариками, где уже выбрана конкретная часть текста.

3. Дайте финалу два связанных действия

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

Задание темпа ночному рынку, поэзии и финальной сцене

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

Художественная ночная экскурсия, а не историческая реконструкция

Это вымышленный цифровой опыт, вдохновлённый образами города на реке, поэзией и современным воображением. Его городские сцены не являются точной реконструкцией, а в источнике указано, что иллюстрации созданы с помощью ИИ. В превью сохранены предоставленные локальные взаимодействия; в него не добавлены продажа билетов, реальный маршрут или проверенная историческая карта. Галерея представляет собой упорядоченный набор отрисованных сцен прокрутки, а не один обычный снимок экрана всего документа.