AI 創作品牌建造過程：我用 3 層設計 tokens 拓印出作品集的視覺質感

⚠️ 不合格／AI自動生成：這篇文章是 30 天 Blog 內容自動化實驗期間（2026-06-08～2026-07-01）由 AI 全自動生成，經內部審查後判定品質未達最低標準，僅保留作為歷史存檔。完整記錄與根因分析請見。

一個沒有靈感的週二下午，我打開 ChatGPT Image 2.0，把腦袋裡那個說不清楚的畫面打成一段描述，展開了作品集的拓印實驗。

「我第一張賣出去的作品，其實是我覺得自己做壞掉的那張。」

你上次接的案子，最後做出來的東西，有放進你的作品集嗎？大概沒有。因為那不是你的風格，是客戶要的風格。這不是你的問題——是接案的模式本來就不會讓你的風格被看見。你花了這麼多時間幫別人做設計，你的美感其實超強，問題是這份美感一直在幫別人賺錢，而不是幫你自己。今天我們用品牌模式，教你怎麼把美感封裝下來。

為什麼我決定在 AI 創作品牌建造過程中使用拓印法

真的，以前的玩法是去參考別人的靈感，然後自己熬夜用設計軟體畫出每個版面。結果做出來的東西，風格就是很混亂，看起來像雜牌套版。我考慮過很多不同的設計流派，最後我選了直接逆向工程的玩法，用拓印的方式把質感印下來。

這就是拓印法的奧妙。我們不是抄襲別人的插畫內容，而是把頂級網站好看的色彩比例、字體分工、還有版型節奏拆解出來，變成我們的「設計指紋」。這是在 AI 創作品牌建造過程中，最快能讓自己作品集看起來有高級質感的方式。

我們在 AI 創作品牌建造過程中累積的實際數據

這個拓印的方法真的超簡單，我們一共會用到 2 種拆解法，也就是看圖估算臨摹跟 DOM 拓印。

在實作時，我選了 1 個非常欣賞的網頁。我帶著 ChatGPT Image 2.0完成了 3 層設計 tokens 的拆解，包括設計 token、資訊架構、還有說服結構。最後，我把這些拆解成果封裝成 1 套專屬的 tokens.css 設計系統。

我們這次實驗累積了很精準的實際數據：

- 只花了 35 分鐘，就完成整站視覺的 tokens 拓印。

- 順利把 3 層拓印架構全部實作在我的新作品集上。

- 透過調整這 1 套 tokens.css 裡的色彩比例，作品集在不變動架構的前提下，一次測試了 5 種不同的視覺風格。

在 7 個模組的網站設計框架下，我把 M1 到 M6 的步驟跑完，新版作品集就順利上線了。

意外發現與踩坑

在拓印的過程中，我踩到了一個小坑。那就是字體。本來我把目標網頁的字體也強行拓印過來，結果發現那些商用字體竟然要收費，差點讓我付不出錢。後來我趕快修正，找了免費的近似字體，反而搭配出另一種偏向暖編輯風的高級質感。

意外的收穫是，當我把色彩比例獨立成 tokens 後，作品集的視覺風格變得超好控制。懂嗎？這就是那種「只要改一個色彩值，整站氣氛就立刻變帥」的感覺。

說真的，我覺得美感這件事，很多設計師都想得太複雜。以前的玩法是拼命想靈感，但老是做出很模板的套版。現在我發現，直接從你欣賞的網頁裡拓印出色彩比例和字體分工才是真正的裝備。這真的超爽！

下一步

接下來我打算挑戰說服結構的拓印，把新作品的展示頁面做得更有吸引力。

如果你也想開始建立自己的視覺風格，今天的第一步：選一個你做過最有感覺的作品，上傳到 ChatGPT Image 2.0，問它：「我想用這個作品的色調拓印出一套色彩 tokens，請幫我寫出它的色彩代碼。」

你可以這樣下指令：

> 請幫我分析這張圖片的配色。列出前 3 個主色和 2 個輔助色的 HEX 色彩代碼，並說明它們在畫面中的面積比例，以便我將它們設定為網頁設計的色彩 tokens。

[去 BUILD 路線建立視覺風格](https://aiart.tw/build)