第 3 步 · Deck Mode 生成可編輯的第一版
切到「Deck Mode」(介面上的按鈕可能寫作「Slideshow」)。把第 1 步選定的參考圖和第 2 步的內容骨架一起給它,讓它按參考圖的視覺方向,把內容做成可編輯的 HTML 幻燈片。
這一步的關鍵在「可編輯」
這是 OpenDesign 和「讓 AI 生成一張 PPT 圖」之間最本質的差別。
輸出不應該是一張扁平的圖片。它應該是一份你能檢查、能編輯、能評論、能繼續改進的 deck。參考圖只是視覺方向的說明書,不是要被臨摹的物件。
提示詞
text
我要做一份 PPT。
請以附上的參考圖作為視覺方向。
重點:
1. 復現參考圖裡我選定的那個風格方向。
2. 做成可編輯的、基於 HTML 的幻燈片。
3. 除非我另外說明,畫幅比例與參考圖保持一致。
4. 儘量保留原有的頁面文字與結構。
5. 不要把整份 deck 變成靜態圖片。
6. 每一頁要有視覺完成度,但必須保持可讀、能拿上臺講。
選定的視覺風格:
[描述你從圖裡選中的那個方向]
頁面內容:
[貼上第 2 步定稿的一頁一頁內容方案]
請生成第一版完整的 deck。第 1、5 兩條為什麼並列寫
第 1 條說「復現選定的風格」,第 5 條說「不要變成靜態圖片」。看著像重複,其實針對兩種不同的失敗:
- 沒有第 1 條,它會按自己的預設審美來,參考圖白挑了。
- 沒有第 5 條,有些 Agent 會取巧——直接把參考圖切成幾張貼進 HTML,看起來很像,但一個字都改不了。
第一版會是什麼樣
大機率不會完全達到參考圖的水平。這是正常的。
常見的差距:
| 參考圖有的 | 第一版容易缺的 |
|---|---|
| 有節奏的留白 | 間距均勻、平淡 |
| 有質感的背景 | 純色或簡單漸變 |
| 有戲劇性的字型對比 | 字號階梯拉不開 |
| 疏密變化 | 每頁資訊密度一樣 |
| 層次分明 | 主次不清 |
官方教程對此的說法是:不要把第一版當成品,把它當工作草稿。
這不是安慰。這是這套流程的設計前提——第 4 步就是專門用來補這個差距的,而且補的方式比你自己說「再好看點」有效得多。
先看這幾項
在進第 4 步之前,快速過一遍第一版:
- [ ] 頁數對不對,內容有沒有丟
- [ ] 文字是不是真的文字(能選中、能改),不是圖片
- [ ] 全屏演示模式下,最小的字在投影上能不能看清
- [ ] 每頁的核心資訊還在不在,有沒有被排版擠掉
- [ ] 有沒有哪一頁明顯崩了(文字溢位、元素重疊)
結構性的問題(丟內容、頁崩了)現在就說。視覺上的差距留到第 4 步統一處理,那樣效率更高。
關於畫幅比例
第 3 條那句「與參考圖保持一致」值得留意。如果你的場地是 16:9 的投影,但參考圖出來是 4:3 或者方圖,這裡要明確覆蓋掉:
text
畫幅用 16:9,不要跟參考圖保持一致。比例這件事越早定越好。做到第 8 步再改,前面所有的排版判斷都要重來。
常見坑
| 坑 | 表現 | 怎麼辦 |
|---|---|---|
| 輸出是一堆圖片 | 文字選不中,改不了 | 補一句「所有文字必須是真實文本節點」 |
| 風格沒跟上參考圖 | 出來是通用商務模板 | 把選中方向的特徵描述得更具體(配色、字型、質感) |
| 內容被裁掉 | 某頁只剩標題 | 指出具體頁碼,讓它按骨架補回來 |
| 比例不對 | 投影上有黑邊 | 在這一步就把比例寫死 |
別在這一步反覆重生成
第一版不滿意是設計好的。重生成三次也不會自己變好,因為你沒有給它新的資訊。直接進第 4 步——那一步是給它「新資訊」的。
下一步
第 4 步 · 對著參考圖找差距 — 這套流程裡最有效的一步。