把 AI 介面概念圖轉成真正的畫面

只選一個任務和狀態

例子是選一個可預約時段並確認時間。先列服務、日期、可選時間、價格和主要操作，只處理「有時段而且已選一項」的狀態。不要把導覽、入門與結帳同放一圖，否則無法清楚解釋任何一項任務。

讓內容區域有明確位置

示範需求：「靜態手機預約介面概念，清楚標題、上方服務摘要、日期選擇、小型時段列表、已選時間摘要和一個主要預約操作，間距充足、對比可讀、安靜重點色、同樣圓角、短占位文字、正面畫面，不加裝置樣機。」先要結構和層次，避免裝飾吃掉決定所需空間。

記下少量共通視覺規則

把字型性格、間距節奏、表面對比、圓角和重點色角色記下，第二個畫面沿用。選取與未選取要有可見差異，生成字與數字先更正。外觀像另一個 App 不能代表它的互動符合這個任務，也不是完整設計系統。

不要由靜態圖猜互動

依閱讀順序找主要操作，再想像長名字或沒有時段時的需求。這些是檢查問題，不是靜態圖已證明的狀態。鍵盤焦點、觸控大小、報讀標籤、驗證錯誤和不同寬度，都需真正元件和互動測試。

把文字和控制做成真正元件

選定的資訊層次要轉成內容結構、可重用控制和不同寬度規則。用真實資料做空白、載入、驗證與成功狀態，字是文字，按鈕是真的控制，不把整圖貼成介面。手機與桌面都核對，保存原需求和選擇理由，方便修正視覺差異。

介面概念交接檢查

交接先標明靜態概念和它要處理的任務，列出占位文字、已選設計以及尚未實作的行為。檢閱者應知道哪些仍待製作，不必猜控制是否能運作。需求和裝飾分開記錄，方便後續開發。

實作完成後用產品畫面錄製指南展示真實任務；視覺識別可看品牌套件流程。概念圖和操作錄影交付不同資料，應各自檢查。