Week 18 · 終身教育系列 · 結業

辦一場
自己的展

十八週走到這裡,你手上已經有好幾件作品——散在不同的網址、不同的分頁裡。今天做最後一件事:把它們收進一個屬於你的空間。不是做一份清單,是辦一場展。

Week 182026.08.05
兩個段落看展 → 辦展
免費不用信用卡
結業作品你的線上展廳
SCENE 01先去看展

動手之前,
先去看一場展

老師把這一屆四位創作者的作品,做成了一座線上展場。先進去逛十分鐘——待會你要做的,就是屬於你自己的那一座。

2026 年度成果展

他們把在乎的人,留了下來

四位創作者、九件作品。一張從上往下看的展場平面圖,點一個房間就飛進去,右下角的小地圖隨時帶你回大廳。

進入成果展 ↗

展場自由參觀;打開作品需要通行碼,課堂上會給。

👀 逛的時候,順便觀察三件事:你第一眼看到什麼?從一件作品回到大廳容易嗎?四個房間為什麼大小不一樣?——等一下這三個問題,都會變成你自己的設計決定。
SCENE 02先想清楚

作品集不是清單,
有動線的空間

大部分人做作品集,做出來的是一排連結。那是目錄,不是展覽。差別在這三件事。

Model 01

先有空間感,再放作品。

展覽會先讓你知道「你在哪裡」——有入口、有分區、有動線。先決定你的空間長什麼樣子,作品才知道該放哪。成果展用的是俯視平面圖,你的可以是別的:一條街、一本書、一個房子、一張地圖。

問自己:如果我的作品集是一個實體空間,它會是什麼形狀?
Model 02

看得到回頭的路

訪客點進一件作品之後,最容易發生的事就是——回不來,然後關掉分頁。每一個「進去」都要配一個「回來」,而且要看得見,不能讓人自己找。

成果展的解法:作品開在新分頁,展場那頁一直都在;房間裡永遠有小地圖。
Model 03

第一眼是畫面,不是文字。

人是先看圖再讀字的。作品卡片如果只有標題,訪客不會知道要不要點。放上作品首頁的預覽圖,讓人一眼決定要不要走進去。

不用自己截圖——待會教你請 AI 自動抓。
SCENE 03Five Dimensions

開口之前,
先問自己五件事

一樣不給你範本。把這五個問題想過一遍,你就能用自己的話跟 AI 說清楚要什麼。你的展場長什麼樣,取決於你怎麼回答。

1
我的展場是什麼形狀?

這是最重要的一題。空間隱喻決定了整個設計——別急著說「做一個作品集」,先說出一個空間。

問問自己 →
  • 一條街?一棟房子?一本書?一座島?
  • 訪客是走進去,還是翻開來?
  • 這個形狀跟我的作品有關嗎?
2
訪客第一眼看到什麼?

入口決定第一印象。是一句話?一張大圖?還是整座空間的鳥瞰?

問問自己 →
  • 我想讓人先有什麼感覺?
  • 要先自我介紹,還是直接看作品?
  • 一打開就看得到全部,還是要慢慢探索?
3
作品怎麼分區?

這是策展。不是把作品按時間排好就好——分區的邏輯本身就在說話。

問問自己 →
  • 按主題?按對象?按心情?按時間?
  • 哪一件是主打,值得放大?
  • 有沒有一件我最想被看到?
4
訪客怎麼回來?

Model 02 的實作題。點進作品之後的路,要在做之前就想好。

問問自己 →
  • 作品要開新分頁,還是同一頁跳走?
  • 回來的按鈕在哪?看得到嗎?
  • 能不能直接跳去下一件,不用先回首頁?
5
誰能看?哪些要保護?

你的作品裡可能有家人、有私事。展場可以公開,但作品本身要不要加通行碼,是你的決定——這是尊重你寫進去的那些人。順帶想清楚:要不要讓 Google 搜得到?

問問自己 →
  • 哪幾件可以公開?哪幾件只給認識的人?
  • 作品裡提到的人,知道這件事嗎?
  • 之後想撤下來,做得到嗎?
🔑 用你自己的話講:把這五題想過,然後用你平常說話的方式跟 AI 說一段。AI 一定會反問你細節——認真回答那些問題,你的展場就會越來越像你想的樣子。
SCENE 04Walk-Through

跟著做一次,
零到上線

六步走完,你就有一個能分享出去的展場連結。全程你只是在跟 AI 講話——一行程式碼都不用寫

Step 1

先把作品清單整理出來

開一個檔案,把你這十八週做的東西列出來:網址、標題、一句話介紹。這是唯一的手工活。

寫成這樣就好

「我和弟弟的故事|https://...|小時候他最會跑,後來他成了留下來的那個」

提示:那句介紹很重要——它決定別人要不要點進去。用你自己的話寫,不要寫得像簡介。
Step 2

開一個新資料夾給展場

承接 Week 17 的習慣——這個展場也要有自己的家,別跟作品混在一起。

你可以這樣說

「幫我在 ~/我的-agent/projects/ 底下開一個 my-gallery/ 資料夾,這是我的線上展場。」

Step 3

用你的話說出你的空間

把 Scene 03 的五題答案講出來。先講空間,再講作品——順序反了,AI 就只會做出一排卡片。

你可以這樣說

「我想做一個線上展場,形狀像一條老街,訪客沿著街走,每一間店是我的一件作品。作品清單在 works.md用完全免費的方案,有費用先問我。

對照五個維度:①形狀 ✓ ②第一眼 ✓ ③分區 ✓ ④回來的路(下一步)✓ ⑤保護(Step 5)
Step 4

補上預覽圖與回頭的路

第一版做出來通常只有文字、而且點出去就回不來。這兩件事要主動要求。

你可以這樣說

「每張卡片幫我加上該作品首頁的即時預覽圖,不要我自己截圖。
作品一律開新分頁,展場這頁保持不動。」

為什麼能自動抓圖:有免費的網頁截圖服務,貼上網址就會回傳預覽圖。你不用知道細節,AI 會處理——你只要知道可以這樣要求
Step 5

決定哪些要上鎖

如果有作品涉及家人或私事,這一步別跳過。

你可以這樣說

「展場可以自由參觀,但點開作品要先輸入通行碼。作品的網址不要出現在網頁原始碼裡,沒有通行碼的人連網址都看不到。」

最後那句是關鍵。不然 AI 只會做一個「假鎖」——按右鍵看原始碼就拿得到網址了。
Step 6

上線,然後一直調

拿到網址只是開始。玩幾次,把不順的地方一句一句講出來。

常見的迭代

「幫我部署到 Cloudflare Pages,用免費方案,做完給我網址。」
「這件作品我想放大,當作主打。」
「回首頁的按鈕太小了,做明顯一點。」
「加一個淺色/深色切換。」

這就是這門課十八週真正在教的事——不是學會某個工具,是能把腦中的樣子,一句一句講到它變成真的
SCENE 05Before You Ship

分享出去之前,
先跑這四個測試

做得出來不代表好用。花五分鐘測一輪,過了再把連結給別人。

Test 1

迷路測試

這樣做:點進一件作品,然後試著回到展場首頁。

過關
三秒內找得到回去的路。
沒過
要按上一頁、或得自己把畫面滑回最上面。
Test 2

一眼測試

這樣做:打開展場,只看一秒就閉上眼睛。

過關
你記得看到一個「空間」,而且知道有幾件作品。
沒過
只記得一堆字,說不出這是什麼地方。
Test 3

手機測試

這樣做:用手機打開你的展場,從頭滑到尾。

過關
字看得清楚、按鈕點得到、不用左右滑。
沒過
版面跑掉、字太小、或畫面會左右晃。
Test 4

別人測試

這樣做:把網址給一個家人或朋友,不解釋、不在旁邊教。

過關
他自己就知道要點哪裡,還主動問了作品的事。
沒過
他問「所以我要幹嘛?」
🔁 沒過怎麼辦:回去跟 AI 說清楚哪一項不過——「Test 1 沒過,從作品回不來,幫我在每一頁都加一個明顯的回展場按鈕。」每個沒過的測試,都是一句具體的指令。
SCENE 06Takeaways

十八週結束,
你帶走三樣東西

Take 01

一座展場

一個可以分享出去的網址,把你這一路做的東西都收在裡面。

Take 02

一套提問法

五個維度、六個步驟、四個測試。換成任何新東西,這套都能用。

Take 03

一個習慣

想到什麼,就講出來,讓它變成真的——這件事以後你自己做得到。

十八週前,你來學怎麼用 AI
十八週後,你辦了一場自己的展

下一件想留下來的東西,是什麼?