改版方向 · 已定案 2026-07-16
方向 B ── AI 營運儀表板
四個方向比較後定案。B 以 AI 摘要主動點出異常、KPI 迷你趨勢與事件時間軸貫穿三大平台與 LIFF 手機端，是四方向中視覺一致性與現場易用性最佳的一組。
方向 B · 三個主畫面
租戶後台 · 超管平台 · LIFF 手機端
三個畫面現已是可實際導覽的互動原型：點入後側欄可真正進入 M2–M8 各模組，含可操作的按鈕狀態、表格與載入／空／錯誤狀態、對話框與 Toast，右上角 淺／深色切換鈕（☾ / ☀）跨三畫面記憶偏好。下方縮圖為各畫面的營運總覽入口。
為什麼選 B
依你的兩個評估重點：現場易用性、視覺一致性
現場易用性（LIFF）
手機端沿用同一套 AI 摘要與卡片語彙：兩段式拍照有進度、AI 先檢查照片清晰度、批次提交防重複，現場網路不穩也不會重複送出。
視覺一致性／品牌
桌面三平台與手機端共用一組 token（藍色強調、玻璃球體、KPI 迷你趨勢、時間軸），跨平台看起來是同一個產品，而非四個拼裝介面。
AI 主動性
AI 摘要卡直接點出「發現 N 個異常」並附下一步，而非讓使用者自己在資料裡找問題——最貼合這套系統「現場異常需及時處理」的核心情境。
方向 B · 設計 token
落地時綁定這組值
自參考圖提取、通過對比與色覺缺陷驗證，光暗雙模式共用同一組語意。完整規格見 assets/direction-b-spec.md。
核心色票（淺色）
Ink
#101828
Accent
#3b82f6
Canvas
#f3f5f9
Up
#0e8f62
Warn
#b54708
Down
#d92d20
圖表色序（已驗證）
序列 1
#3b82f6
序列 2
#f59e0b
序列 3
#14b8a6
序列 4
#b16be0
字體與尺度
營運總覽
28.45M
達鋼模板工程行
可回報項目
核心色票（深色）
Canvas
#0a0e1a
Surface
#111726
Ink
#e9edf6
Accent
#5b9bf7
Up
#3ecf96
Warn
#f0a24a
Down
#f97066
圖表色序（深色 · 已驗證）
序列 1
#4a8ceb
序列 2
#bd850f
序列 3
#16ab97
序列 4
#a578dd
設計規格
光暗雙模式
圓角尺度
動效
陰影與深度
強調預算
其他探索方向 · 存檔
未採用，保留供日後參考
三個方向的完整畫面仍在專案中，可隨時點開比較。
落地對照
方向 B 畫面 ↔ 待合併模組
M2–M8 共 7 個模組已開發完成、通過測試、等待人工審核合併；方向 B 的原型已可依這些模組範圍實際點入操作，作為改版落地的互動樣板。
M2名錄（四主檔 CRUD、帳號開通、協力人員）租戶後台待合併
M3專案（建立管理 ＋ 區域樹編輯）租戶後台待合併
M4合約讀取（列表／詳情／對帳／回報檢視）租戶後台待合併
M5ERP 同步（連線設定、觸發、歷史與變更軌跡）租戶後台待合併
M6LLM ＋ 儲存設定（供應商、金鑰／憑證）租戶後台待合併
M7平台管理補齊（授權、角色目錄、生命週期、稽核）超管平台待合併
M8LIFF 現場報工（購物車式：篩選合約、多選細項回報、樓層／追加減、批次送出、歷史）LIFF待合併