S-01 Welcome Page

學生端登入與設定設計規格P1 起

P1 版本

畫面用途

APlus 學生端的首次入口。帳號由管理員建立；首版建議由管理員發送初始憑據，學生首次登入後強制修改。憑據發送方式與密碼政策待確認；本頁不公開或推算初始密碼。此頁僅提供登入入口，不允許直接進入主系統。

436:1020 ↗startpage 🔗 ↗在系統地圖中查看關係 ↗

原型與規格有待確認事項，請一併閱讀正文中的差異說明。

閱讀完整規格 ↓

變化時間線

1. P1新增 +1移除 −0

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

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

歡迎與入口頁

🎨 Figma: start_page 🔗

🎯 功能定位

APlus 學生端的首次入口。帳號由管理員建立；首版建議由管理員發送初始憑據，學生首次登入後強制修改。憑據發送方式與密碼政策待確認；本頁不公開或推算初始密碼。此頁僅提供登入入口，不允許直接進入主系統。

🧱 畫面結構

• Header: [ APlus ] ← App Logo
• Body: (Logo) + [ Mascot Anim ] ← 吉祥物 GIF (A-40 配置)
• Tagline: "Ready to learn English?"
• CTA Area:
  • Log In ← Primary CTA (Filled)

設計參考: 歡迎頁背景建議使用藍色漸層（Primary Gradient），按鈕使用 Primary Button / Secondary Button 樣式。

📦 區塊說明

#	區塊	元件	行為/交互	狀態	備註
1	Identity	Mascot Area	播放預設 Gif	Animated	根據全局設定顯示不同階段吉祥物
2	Action	Login Button	點擊跳轉 S-02	Normal / Pressed	視覺權重最高 (Filled)

🔁 交互流程圖

流程圖

正在載入流程圖…

⚙️ 狀態管理

狀態	觸發條件	畫面表現
Normal	正常顯示	按鈕可用
Disabled	初始化未完成或異常	按鈕灰階禁用
Error	語言載入失敗	顯示提示訊息

🔎 邏輯自我檢查

• 不可直接進入 S-10 Home ✔
• 語言切換不影響登入流程 ✔
• 導航流向與後續頁面一致 ✔

---