怎麼做高質感的網頁簡報
這幾週直播用的簡報都是同一套做出來的。這場拆開講:先想清楚要拿去哪裡用,把答案寫成一張發包單,最後才輪到工具。
這場已經辦完了,錄影直接開放。
切成三段,挑你要的那段看就好(41 分/27 分/26 分),每段都附字幕。
完整版(1 小時 34 分)、簡報與學員講義也都在同一個資料夾。免費,不用報名。
看錄影與簡報 →
這幾週直播用的簡報都是同一套做出來的,有人問怎麼弄的,這場整套拆開講了。
順序是先想清楚這份簡報要拿去哪裡用,再把答案寫成一張發包單,最後才輪到工具。骨架上的每一個功能,都逐條倒推回它是為了解決哪一個現場遇到的問題,那張對照表就是規格長什麼樣子。
分成三段,可以挑著看
| 段 | 長度 | 講什麼 |
|---|---|---|
| 1 觀念與發包單 | 41 分 | 質感從哪裡來、為什麼用網頁、先討論需求再決定功能、整段發包單 |
| 2 三份成品與換乙方 | 27 分 | 會議室提案八頁、線上直播十六頁、換一套 skill 做同一批事實 |
| 3 驗收與內嵌 demo | 26 分 | 四個判準、機器檢查、我把工具改壞五天沒發現、內嵌終端機與遠端桌面 |
這晚走過的路
- 需求怎麼問出來:功能清單反過來就是需求清單。同一套骨架換一種場合,該留的功能整個不一樣:線上直播、會議室提案、交出去給人自己看、錄影課程,四種答案分開比。
- 發包單怎麼寫:現場打開三份真的成品。前兩份用同一張發包單,只有場合答得不一樣,AI 自己修出兩份功能不同的簡報,一份八頁、一份十六頁;第三份是同一張發包單換另一套開源 skill 做出來的。並排比完會知道,規格是你自己的資產,做的人可以換。
- 驗收怎麼做:配色、字級、頁型、留白四個判準當檢查表,再加上跑得動的機器檢查。四個判準裡有兩個是骨架幫你做掉的,另外兩個是你的判斷,這場分開講。
簡報裡內嵌了一個真的網站,當場打開來看,上面的資料在開播前重新抓過。也內嵌了一個真的終端機,現場從一個空資料夾開始做出一份簡報。
最後一頁是當天下午臨時加的:內嵌另一台電腦的桌面。桌面嵌得進來,等於簡報裡要跑什麼軟體都行,不用切視窗。
也誠實講了一件事。這套骨架是有人想要我才包成 repo 的,我自己不用那支開新專案的指令,每一場都是叫 AI 直接改上一場的檔案。為了這場要把它交給大家用,才發現那支指令是死的,整個檔案載不進去。而且是公開不到十一分鐘就壞的,一路壞了五天。
當天下午為了交出去,照新手的方式從零 clone 跑一次每一條指令,又抓到第二個:帶資料夾名跑會安靜地去驗別的檔案,然後回報通過。
我有一套機器檢查,但它檢查的是簡報,沒有檢查工具自己。
當晚多講的幾件事
錄影裡有,但當初的活動說明沒寫:
- 不要求 100 分。 簡報是輔助,大部分時間是講的人在講。七八十分、能順順講完就夠了。 除非你是要上蘋果發表會那種場合,那時候多花的時間才賺得回來。
- 我完全不動手改簡報。 手打的字只用來跟 AI 溝通,頁面百分之百是 AI 產的。
- 你如果自己是工程師,可以跳過「從需求推功能」那一步。 你本來就知道網頁做得到什麼, 直接開功能給它做,它立刻執行,省掉一輪討論。四題流程是給還不確定要什麼的人用的。
- AI 踩過的坑會留成紀錄,你去讀就等於接手它的經驗。 以前是我們自己手動踩, 現在它自動踩完寫下來。下次換一個比較笨的 AI,你就先提醒它,或把那些坑寫成 skill。
- 別人只會用 PPT 的時候,換一套工具才有意義。 如果你不是唯一改那份簡報的人, 或者接手的人不會用 AI,那就選一個能匯出可編輯 PPTX 的做法,把檔案交出去讓他繼續改。
- 時間抓得準這次是靠主控台的計時器。 排 90 分鐘、實際 96 分鐘, 是這條線第一次沒有大幅超時。
想跟著做的
骨架公開在 GitHub,MIT 授權。README 裡有一段可以直接貼給 AI 的話,貼下去就能做出同款簡報,不用會寫程式,也不用裝東西。
那段話會先問你四題:這場講給誰聽、他聽完要做什麼、在哪裡講、講多久。四題答完,它才開始做,並且把你的答案、它做的每一個取捨、還有驗收標準寫成一份 spec.md 放在簡報旁邊。四題是我給的,答案是你的,那份 spec 才是你真正帶得走的東西。
https://github.com/yazelin/slide-deck-skill
錄影、簡報 PDF 與學員講義都在上面那個雲端資料夾。
之後想聽什麼,你決定
接下來的題目開放投票,可複選,也可以寫你自己想聽的:
投票連結只發在社群公告裡,加入社群就會看到。