왜 필요한가

산책 안내에서 방문자는 호숫가 지점을 순서대로 따라갑니다. 휴대전화에서 옆 패널이 경쟁하면 다음 지점이 흐려집니다. 필터나 해설을 옆에 두기보다 순서대로 읽는 일이 중요합니다.

어떻게 해결하는가

입구·소나무 그늘·전망대를 위에서 아래로 읽습니다. 각 구간을 펼쳐도 위치가 바뀌지 않습니다. 사진과 경로는 모든 폭에서 같은 흐름을 따릅니다. 초기화하면 설명을 접습니다.

호숫가 경로 읽기와 구간 설명 펼치기
천천히 걷기

호수를 따라

세 지점을 하나의 경로로.

호수와 소나무 산책길
  1. 01 · 0 km

    호숫가 입구

    낮은 나무문 옆에서 시작해 물가를 따라 첫 굽이까지 걷습니다.

    구간 설명

    넓은 자갈길이 소나무 쪽으로 이어집니다. 호수를 왼쪽에 두세요.

  2. 02 · 0.6 km

    소나무 그늘

    나무 사이로 길이 좁아집니다. 벤치에서 쉬었다가 이어 걸으세요.

    구간 설명

    이 구간에는 얕은 뿌리가 길을 가로지릅니다. 벤치는 중간 휴식 지점입니다.

  3. 03 · 1.2 km

    물가 전망대

    나무가 걷히며 호수가 펼쳐집니다. 같은 길로 돌아오세요.

    구간 설명

    돌아갈 시간도 남겨 두세요. 실제 탐방로 상황이 아닌 읽기 순서를 보여주는 가상 경로입니다.

본문 안의 가상 데모입니다. 초기화·새로고침으로 처음 상태로 돌아갑니다.

무엇이라 부르는가

단일 열 레이아웃은 주요 콘텐츠를 하나의 읽기 흐름에 둡니다. 사진과 펼침도 포함할 수 있습니다. 긴 페이지에는 스크롤과 적절한 줄 길이가 필요하며 보조 조작을 계속 보여줘야 하면 사이드바를 고려합니다.

Every Layout: The Stack