S-10 Home
畫面用途
學習入口與動力中心。以遊戲化場景展示學習進度、EXP 與快捷入口。學生在此可查看 Diamond 餘額，並透過 Bottom Nav 訪問 STUDY／MISSION／FRIENDS／SETTING。
原型與規格有待確認事項，請一併閱讀正文中的差異說明。
閱讀完整規格 ↓- P1新增 +1移除 −0
- P2新增 +3移除 −0
第一版式樣草案 · Markdown 來源：02-App畫面-學生.mdGitHub 版本尚未推送；目前以本機手冊為準
取圖紀錄： QL APP，2026-10-18，版本
2410774734466577464；節點 4:4 。學生 2x／Web 1x。圖片是目前設計稿，文字為 APlus 首版目標規格。 設計稿待更新（F-10、F-11）： 圖中舊品牌、華語內容或待核對項目照實保留；請以本節英語文字規格為目標。設計修改後重新取圖。
學習首頁
🎨 Figma: Home 🔗
🎯 功能定位
學習入口與動力中心。以遊戲化場景展示學習進度、EXP 與快捷入口。學生在此可查看 Diamond 餘額，並透過 Bottom Nav 訪問 STUDY／MISSION／FRIENDS／SETTING。
🧱 畫面結構
- Greeting:
"Hello! Alex"+"Super Star"← 個人化鼓勵 - Mascot:
[ Mascot GIF ]← 吉祥物動態（表情隨機輪播） - EXP Display:
⭐ 4327← 累積經驗值（Figma 採用遊戲化浮空島場景展示） - 我的存摺入口卡：顯示 Q幣現金餘額，點擊進入 S-100 Digital Passbook；現金為負時卡片轉為紅色
- Diamond 餘額（右上角）:
- 顯示可用 Diamond 數量
- 任務達成時顯示可領取狀態
- Animal Friends Bag（右上角）: 進入動物朋友收集畫面
- 信箱圖標（右上角）:
[📬]— 接收管理員 / 教師發送的通知 - Bottom Nav:
[HOME] [STUDY] [MISSION] [FRIENDS] [SETTING]
設計參考: 積分展示參考 Figma 遊戲化島嶼場景。吉祥物使用綠色系，按鈕樣式參考 Primary Button。
第二階段待補: 「我的存摺」入口卡是第二階段新增項目，目前 Figma 的 Home 尚未包含，需設計補畫；補畫前以文字規格為準，不新增第六個底部分頁。
📦 區塊說明
| # | 區塊 | 元件 | 行為/交互 | 狀態 | 備註 |
|---|---|---|---|---|---|
| 1 | Greeting | 個人化文字 | 顯示學生暱稱 + 鼓勵語 | 靜態 | Figma: "Hello! Alex" + "Super Star" |
| 2 | Mascot | GIF Area | 播放隨機動畫/台詞 | 動態 | 情感陪伴與鼓勵 |
| 3 | Points | EXP 數值 | 累積顯示（答對 1 題 = 10 EXP） | 即時更新 | 不消耗，用於等級展示；重考可重複獲得 |
| 4 | Points | Diamond 餘額 | 顯示目前 Diamond 數量 | 即時更新 | 任務獎勵用途與消耗方式依正式規則配置 |
| 5 | Collection | Bag Icon | 點擊進入 Animal Friends 畫面 (S-08) | Normal | 右上角入口 |
| 6 | Inbox | 📬 信箱圖標 | 點擊查看管理員 / 教師發送的通知 | Normal + Badge | 有新通知時顯示未讀數量 |
| 7 | Entry | STUDY Tab | 點擊切換至練習選擇 (S-06) | Primary | 內含 DH / SS / Trophy Room 入口 |
| 8 | Bank | 我的存摺入口卡 | 點擊進入 S-100 Digital Passbook | Normal／負債（紅色） | 顯示 Q幣現金餘額；虛擬銀行畫面使用繁體中文 |
📬 信箱功能
QL APP 已有
overlay_inboxFrame；真實取圖見 S-10-A。
學生可在此接收來自管理員（透過 A-91 Broadcast）和教師（透過 T-03 Broadcast）發送的通知。
| 功能 | 說明 |
|---|---|
| 通知列表 | 按發送時間倒序顯示通知 |
| 未讀標記 | 有新通知時信箱圖標顯示 Badge 未讀數量 |
| 通知來源 | 管理員公告 (System) / 教師通知 (Notice) |
🎨 吉祥物表情規則
- A-1 Happy (快樂的) — 權重 3
- A-2 Satisfied (滿足的) — 權重 2
- A-3 Excited (興奮的) — 權重 2
- A-4 Curious (好奇的) — 權重 2
- A-5 Hungry (餓的) — 權重 1
- A-6 Tired (累的) — 權重 1
- A-7 Cold (冷的) — 權重 1
🎨 視覺層級建議
- 積分區塊設計：EXP 為畫面核心數值。Diamond 在有任務獎勵可領取時顯示明確狀態提示。
- 里程碑激勵：當 EXP 突破關鍵數值時，吉祥物觸發特殊賀卡彈窗。這直接聯動到 S-30 Trophy Room 勳章標註。
- 數據流動：完成練習回到首頁時，動畫效果應為練習獲得的 EXP（例如 +100）飛入 EXP 數值區。
🔎 邏輯自我檢查
- 同步性：EXP 必須與後端資料庫嚴格同步，防止學生更換裝置後數據丟失。
- 不設排行：首頁僅顯示個人積分，不顯示他人排行，以減少低齡學生的挫敗感。
- Diamond：任務達成時顯示可領取提示；實際領取方式依正式任務規則確認。