怎麼用一句話做出精美手寫風 PPT
一次意外的發現
事情的起點很偶然。
我在用 NotebookLM 的時候，它在生成資訊圖時用了一種手繪塗鴉的風格——線條、方框、箭頭，黑白漫畫感。我當時想：這個風格如果拿來做 PPT 呢？
於是我試了一下。直接告訴 AI：「用 HTML 幫我生成一份黑白漫畫塗鴉風格的 Sketch Notes PPT，關於 AI Agent 工具選擇指南。」
效果比我想像的好很多。
最讓我興奮的不是「這一次做得好看」，而是我意識到這個方法可以規模化——只要有大綱，幾分鐘就能生出一份有風格、有個性的投影片，每次都不一樣。
我的痛點
但在這之前，做 PPT 對我來說是一件很痛苦的事。
我試過用阿里的 AI 工具直接生成投影片。受限於網頁介面和模型本身，無論是動態效果還是字體選擇，都有相當大的限制。生成出來的效果——3D 幾何體、白色漸層背景、字體還顯示缺失——打開了又關掉，改了又改，最後花掉的時間並不比自己做少。
更讓我沮喪的是：生成之後想修改，也很麻煩。工具把你鎖在它的框架裡。這就是為什麼我需要一套自己能掌控的工作流——能生成、能修改、能持續改進。
兩個人給我的啟發
說起來，這個靈感的種子其實更早就種下了。在我開始嘗試 Sketch Notes 之前，兩個人的分享已經在我腦子裡埋了一個問題：投影片，能不能用代碼做？
第一個是 Mike。
有一次和他交流，他提到可以用 Gemini Canvas 的形式來做視覺化的課程內容——不是傳統的投影片，而是直接在瀏覽器裡跑的互動式 HTML 頁面。我自己試了一下，在 Gemini 的 Canvas 模式下做出了這樣的效果：
帶有點擊翻頁、動畫進場、漫畫風格邊框，直接在瀏覽器開啟，不需要裝任何軟體。
第二個是 Serena。
Serena 開了一門課叫《用 AI 寫程式做影片》，用的工具叫 Remotion——基於 React 的框架，把代碼直接渲染成影片。她課程裡的一句話讓我印象很深：
「視頻的本質，是快速播放靜態圖片產生的動畫錯覺。一秒鐘播放 24 到 60 張靜態圖片。」
如果視頻只是快速播放的靜態圖片，那投影片，其實也只是靜態頁面的集合。代碼做得了影片，自然也做得了投影片。
🔗 想和更多 AI 實踐者交流？ 加入我們的「用AI發電」社群，一起探索 AI agent 的實戰用法 → member.pathunfold.com
工作流、設計原則，和幾個好用的名詞
把這些整合在一起之後，當時摸索出的初版流程大概是這樣：
- 口述想法——把腦子裡零散的概念講出來
- AI 整理大綱——每頁一個概念，嚴格限制密度
- 一句 prompt 生成 HTML，指定風格（Sketch Notes、黑白漫畫、
#f5f0e8紙張底色） - 瀏覽器預覽，鍵盤翻頁確認節奏
- 2-3 輪修改，通常二十分鐘內完成
這個初版流程後來被我整理成了一個可以直接調用的 workflow——下次需要做投影片，直接跑一遍就好，不用再每次從頭摸索。
在學習製作的過程中，我發現了幾個很有意思的設計原則。目前還在摸索，但已經感受到它們和其他設計哲學融合的潛力：
高橋流（Takahashi Method） 一頁最多三個詞，字大到佔滿整個螢幕。這是日本工程師高橋征義因為沒時間做複雜投影片，發明的「極簡主義」做法。結果比精心設計的 PPT 更有衝擊力，因為觀眾的眼睛沒有地方逃。
字體大小全用 clamp()
font-size: clamp(28px, 8vw, 80px);
讓文字在任何螢幕尺寸下都剛好，不溢出也不太小。固定 px 在投影機上必爆版。
反「AI 審美稅」
明確指定字體（Fraunces 衬線體、Syne、Noto Sans TC）、紙張底色（#f5f0e8）、黑白漫畫裝飾元素（速度線、交叉線紋、手繪邊框）。不給 AI 自由發揮配色的空間。
Self-contained HTML 所有 CSS 和 JS 全部內嵌在單一 HTML 文件裡。不依賴框架，字體從 CDN 載入，十年後打開還能用。
做 PPT 的過程本身就是整理思考
最後我想說一件比工具更重要的事。
你要告訴 AI「這頁放什麼」，你就必須先想清楚「這個概念的核心是什麼」。每一次的精簡，都是一次思考。
高橋流迫使你只留最重要的那幾個字。Sketch Notes 迫使你把複雜的東西畫成簡單的圖。這些限制，反而是比自由更好的工具。
做 PPT 的過程本身，就是在整理思考。 而這，才是我繼續用這個方法的真正原因。
如果你也試試看，分享給我你的結果。
🚀 「用AI發電」社群 — 一群用 AI 做實事的人，每月線上配對聊天、Office Hour、Mini-Hackathon，一起用 AI 搭建真實項目。
👉 加入我們：member.pathunfold.com