카이펑 야간 투어 웹사이트 디자인

다섯 장으로 전개되는 카이펑 야간 투어 웹사이트 디자인

Bianjing After Dark는 상상 속 도시를 야간 두루마리 그림으로 보여줍니다. 시작 장면은 왼쪽의 커다란 중국어 문자와 등불이 밝힌 강, 목재 건물, 반사를 결합합니다. 금색 포인트와 불이 켜진 창문이 짙은 파란색 배경과 대비됩니다. 주요 초대는 목적지를 검색하거나 투어를 예약하는 것이 아니라 시퀀스에 들어가는 것입니다.

같은 강변 도시 세계가 이후 장면 뒤에서도 이어집니다. 스크롤하면 카메라와 전경 텍스트가 함께 바뀌고, 상단 내비게이션과 번호가 매겨진 장별 탐색 막대은 계속 사용할 수 있습니다. 따라서 각 정거장마다 별도 페이지를 만들지 않아도 성문, 다리, 시장, 시, 마지막 등불 장면 사이에 연속성이 생깁니다.

01

장면의 일부가 된 타이포그래피

커다란 중국어 제목은 조밀한 세로 그룹으로 배치하고, 화면의 더 넓은 부분은 강과 건물을 위해 남겨 둡니다. 작은 영어 브랜딩은 시작 제목 아래에 놓입니다. 서로 다른 크기가 같은 공간에서 모든 언어에 동일한 표시 비중을 주려 하지 않으면서 읽기 순서를 만듭니다.

02

현재 위치를 파악하는 두 가지 방법

상단 내비게이션은 활동의 이름을 보여 주고, 오른쪽 레일은 다섯 장에 번호를 매깁니다. 이름은 정거장에 무엇이 있는지 설명하고, 번호는 시퀀스에서의 위치를 설명합니다. 시각적 배경이 연속되어 장의 경계를 알아보기 어려울 수 있으므로, 반복되는 방향 정보가 유용합니다.

03

반복되는 시각 모티프로서의 빛

창 격자, 매달린 등불, 반사가 장면 전체에 따뜻한 빛의 점을 반복해서 만듭니다. 마지막 띄우기 동작은 처음부터 보였던 같은 오브젝트를 사용합니다. 따라서 마지막에 무관한 효과를 추가한 것이 아니라, 이미 구축된 시각적 이야기의 결말처럼 느껴집니다.

시 선택을 등불 장면으로 이어가기

시 장에서는 참여 방식이 달라집니다. 방문자는 또 다른 시장의 장관을 실행하는 대신 시와 구절을 선택합니다. 선택한 구절은 별도의 메모 영역에 반복되고 마지막 장면으로 이어집니다. 이 작은 상태 정보가 두 장을 연결합니다. 읽기가 이후에 눈에 보이는 결과를 만들어 내는 것입니다.

출처는 시를 크레딧 페이지에만 두지 않고, 시 옆에 저자 표시와 맥락 설명을 배치합니다. 남송의 시구가 변징의 역사적 기록으로 제시되는 것이 아니라 등불 밤의 이미지 때문에 차용되었다고 설명합니다. 이러한 구분 덕분에 경험은 예술적 연상을 다큐멘터리 증거인 것처럼 위장하지 않고도 분위기를 살리는 글을 사용할 수 있습니다.

1. 범위가 제한된 읽기 선택지를 제공하세요

   두 개의 시 탭은 한눈에 이해할 수 있을 만큼 선택 범위를 작게 유지합니다. 각 시에는 고유한 저자 표시와 맥락이 있습니다. 방문자는 이 짧은 경험에 의미 있는 선택을 하기 위해 아카이브를 검색하거나 별도의 읽기 페이지를 열 필요가 없습니다.

2. 계속하기 전에 선택한 구절을 반복하세요

   메모 영역은 시 아래에서 선택한 구절을 되풀이합니다. 클릭 가능한 구절 자체가 다른 시구에 둘러싸여 있으므로 유용한 확인 방법입니다. 그러면 계속하기 동작이 이미 특정 텍스트가 선택된 등불 장으로 이어질 수 있습니다.

3. 서로 연결된 두 가지 동작으로 결말을 구성하세요

   마지막 장에서는 이어진 메모 옆에 하늘 등불과 강 등불을 제공합니다. 둘 다 기존 세계에 어울리지만, 서로 다른 방향이 선택을 구별합니다. 다시 보기 동작은 별도로 두어, 도시 여정을 반복하는 것이 또 다른 등불을 띄우는 일과 혼동되지 않게 합니다.

야시장, 시, 마지막 장면의 속도 조절

시장 장은 가장 활동적인 정거장입니다. 철화와 불꽃놀이 효과, 거리의 외침 컨트롤, 차·비단·배와 관련된 짧은 이야기를 제공합니다. 이들은 모두 같은 종류의 인터랙션이 아닙니다. 일부는 분위기를 바꾸고, 다른 일부는 텍스트를 바꿉니다. 이를 시장 아래에 묶으면 다양한 요소가 알아보기 쉬운 배경을 갖게 됩니다.

역사적 재현이 아닌 예술적 야간 투어

이는 강변 도시 이미지, 시, 현대적 상상에서 영감을 받은 가상의 디지털 경험입니다. 도시 장면은 정확한 재현이 아니며, 원본은 일러스트레이션이 AI로 제작되었다고 밝힙니다. 프리뷰는 제공된 로컬 인터랙션을 유지하지만 티켓 판매, 실제 일정, 검증된 역사 지도를 추가하지 않습니다. 갤러리는 일반적인 하나의 전체 문서 스크린샷이 아니라, 렌더링된 스크롤 장면을 순서대로 배열한 세트입니다.