實戰案例總覽
七個案例,覆蓋 PPT 之外的其他產物型別。每篇結構一樣:速覽、場景、可直接複製的提示詞、為什麼這麼寫、驗收清單、變體、常見問題。
PPT 那條線單獨成章,見 PPT 工作坊。
挑一個
| 案例 | 產出 | 難度 | 你會學到 |
|---|---|---|---|
| 01 · 落地頁 | 單檔案 HTML 頁面 | 低 | 怎麼把「賣什麼給誰」寫進提示詞 |
| 02 · 手繪草圖 → App 原型 | 移動端介面 | 低 | 草圖輸入,以及為什麼畫得醜沒關係 |
| 03 · 資料儀表盤 | 帶圖表的看板 | 中 | 先定要回答的問題,再排卡片 |
| 04 · 從截圖抽品牌系統 | 一份 DESIGN.md | 中 | 投入產出比最高的一次操作 |
| 05 · Figma 與截圖轉程式碼 | 可交付的前端程式碼 | 中 | 怎麼說清楚你要哪一層 |
| 06 · 海報與配圖 | 一組風格一致的圖 | 低 | 鎖風格,批量出 |
| 07 · HTML 影片 | 動效短片 | 高 | 用程式碼做能改的影片 |
建議順序
第一次用:01 → 02。兩個都快,都能一眼看出好壞。
要把它用在真實專案上:04 先做。抽出你自己的品牌系統之後,其他所有案例的輸出品質都會跳一級。
給團隊推廣:03 和 05。這兩個最容易讓工程和產品同事看到價值。
所有案例的共同前提
這三件事任何一件沒做,下面每個案例的效果都會打折。
一條通用的驗收習慣
不管做的是什麼,生成完之後先跑這四問,比什麼都有效:
- 狀態全不全? 空態、載入態、錯誤態、極值。這是 AI 設計最常見的失敗。
- 數字是真的嗎? 示意資料有沒有標註。
- 有沒有 AI 味的成分? 紫藍漸變、通用圖示、三欄預設、編出來的使用者數。
- 手機寬度下崩不崩?
四問都過了再談好不好看。