S-08-A Friends Stories Reel

學生端挑戰與獎勵設計規格P1 起

P1 版本

畫面用途

用足跡串連 CH.1 至 CH.7，將收藏進度轉換成可探索的故事路徑。已解鎖章節可進入 S-08-B 閱讀，未解鎖章節只展示條件與下一個里程碑。

5538:1722 ↗friends stories · 5538:1722 🔗 ↗在系統地圖中查看關係 ↗

閱讀完整規格 ↓

變化時間線

1. P1新增 +1移除 −0

第一版式樣草案 · Markdown 來源：02-App畫面-學生.mdGitHub 版本尚未推送；目前以本機手冊為準

取圖紀錄： QL APP，2026-10-18，版本 2410774734466577464；節點 5538:1722 。學生 2x／Web 1x。圖片是目前設計稿，文字為 APlus 首版目標規格。 設計稿待更新（F-14）： 圖中舊品牌、華語內容或待核對項目照實保留；請以本節英語文字規格為目標。設計修改後重新取圖。

朋友故事卷軸

🎨 Figma: friends stories · 5538:1722 🔗

🎯 功能定位

用足跡串連 CH.1 至 CH.7，將收藏進度轉換成可探索的故事路徑。已解鎖章節可進入 S-08-B 閱讀，未解鎖章節只展示條件與下一個里程碑。

🧱 畫面結構

• Header: FRIENDS STORIES
• Footprint Trail: CH.1–CH.7 章節節點與解鎖狀態
• Chapter Card: 下一個解鎖條件、章節摘要與 READ
• Action: BACK TO FRIENDS 返回 S-08

🔁 交互流程圖

流程圖

正在載入流程圖…

⚙️ 狀態管理

狀態	畫面表現
Locked Chapter	灰階節點、顯示所需收藏數
Unlocked Chapter	彩色節點、可點擊進入閱讀器
Reading Progress	記錄最後閱讀章節與頁碼

---