後台儀表板版面設計稿（側欄＋KPI 卡＋圖表分區）

01PROMPT

【用途】產出一張 Web 後台儀表板（dashboard）的高保真版面設計稿（design mockup），用途 [儀表板用途]，風格 [設計風格]。

【版面骨架｜三大區、先分區再填內容】
- 左側欄（固定窄欄）：頂部品牌名「[品牌名]」+ [側欄項目數] 個導覽項目（圖示＋文字），目前頁高亮。
- 主區頂部：頁面標題「[頁面標題]」+ 右側一個篩選或日期範圍按鈕。
- KPI 列：[KPI數量] 張等寬數字卡，一卡一個關鍵指標（大數字＋標籤＋小趨勢）。

[ 登入後可看完整內容 ]

02CONTEXT / 使用情境

要把一個後台／數據儀表板的資訊架構快速視覺化、給客戶或工程看「長怎樣、放哪些指標」時用這條，適合 SaaS、內部工具、做數據產品的團隊。儀表板最難的是「資訊很多但要不亂」，關鍵是先把三大區（側欄／KPI 卡列／圖表區）分清楚再填內容，並明確指定 KPI 卡數量——否則 GPT Image 2 會自己塞一堆假數字、卡片數量也亂跳。三個務實坑：一，KPI 卡控制在 3-4 張最穩，超過 5 張數字開始擠小、容易出錯；二，圖表裡的數字是 AI 隨機生的示意值，絕對不能當真實數據，這只是版面稿；三，明寫「模擬瀏覽器、不要整台電腦」避免它畫一台螢幕擺辦公室的情境照。漲綠跌紅是台灣慣例，記得在 prompt 講明（國際慣例相反）。第一版若側欄項目或 KPI 數量不對，叫它「側欄改 N 項、KPI 改 N 張，其餘不動」重生最快。圖表精細度有限，真要做產品還是得進 Figma，但當溝通稿很夠用。