なぜ必要なのか

散歩ガイドで訪問者は湖畔の地点を順にたどります。スマートフォンで横のパネルが競合すると、次の地点が曖昧になります。フィルターや解説を横に置くより、順に読むことが重要です。

どう解決するのか

入口・松の木陰・展望所を上から読みます。詳しい説明を開いても位置は変わりません。写真とルートはどの幅でも同じ流れです。リセットで説明を閉じます。

湖畔のルートを読み、区間の説明を開く
ゆっくり歩く

湖に沿って

3か所を一つの道で。

湖と松並木の散歩道
  1. 01 · 0 km

    湖畔の入口

    低い木の門から、湖沿いの最初の曲がり角まで歩きます。

    区間の説明

    広い砂利道が松の木へ続きます。湖を左に見ながら進みます。

  2. 02 · 0.6 km

    松の木陰

    木々の間で道が狭くなります。ベンチで休んでから進みます。

    区間の説明

    浅い根が道を横切ります。ベンチが途中の休憩地点です。

  3. 03 · 1.2 km

    水辺の展望所

    木々が途切れ、湖の眺めが広がります。同じ道を戻ります。

    区間の説明

    帰りの時間も確保しましょう。実際の道の状況ではなく、読む順序を示す架空のルートです。

本文内の架空のデモです。リセット・再読み込みで初期状態に戻ります。

どんな考え方なのか

単一カラムは主要な内容を一つの読む流れに置きます。写真や開閉要素も含められます。長いページにはスクロールと適切な行長が必要で、補助操作を常時見せたいときはサイドバーを検討します。

Every Layout: The Stack