用 Claude 打造一個品牌｜從參考圖到官網的完整說明書

START HERE

先講一件會決定你做不做得成的事

多數人做品牌是從 logo 開始的。開了 AI，打一句「幫我設計一個 logo」，然後生一百個都選不出來

選不出來的原因不是生得不夠多，是你沒有判準。一百個裡面挑，跟三個裡面挑，難度是一樣的——只要你講不出「憑什麼是這個」

我做這件事的順序是反過來的。先把「我要什麼樣子」講清楚，再讓 AI 去生。前面那一步花三十分鐘，後面每一步都會快

先做這三件事，再開 Claude

一

存三十張你喜歡的圖

不用是同類產品。石材、木頭、光影、一張椅子、一個包裝都可以。存到看起來像同一個人挑的為止

二

讓 AI 把共同點抓出來

你自己講不清楚沒關係，那是它的工作。它抓出來的東西會比你原本以為的準

三

把它寫成一份規範，之後每一樣東西都照這份生

規範沒寫死，後面每生一次就會飄一點，五次之後就不像同一個品牌了

先寫規範，
再生東西

順序反過來，你會一直在挑，一直挑不完
下面五步就是照這個順序推的

THE FIVE STEPS

五個步驟的分工表

這張表先看一次。後面五段是每一步的細節與指令

步驟	它做掉哪一段	以前的代價	我還是要自己做的
一　參考圖	把你講不清楚的感覺，變成寫得出來的方向	開會來回兩週，還是各講各的	存圖。這一步不能外包
二　品牌規範	色票、字體、版型全部編號，寫成一份可以交出去的文件	設計師整理兩週	它問你矛盾點的時候，決定要走哪邊
三　Logo	照規範出方案，一輪三個方向	設計公司三輪提案，一個月	挑一個。它給不了你判準
四　實景圖	把 logo 放進店面、貨架、包裝裡看	打樣兩週起跳，還要付打樣費	否決。看到不對就砍掉重來
五　官網	寫文案、排版面、加動畫，整頁做完	網頁公司一個月	改那三個它寫得不像你的地方

真正省下來的不是錢，是等待。以前這五段是排隊的——等設計公司提案、等打樣回來、等網頁上線，一段接一段，中間你只能等。現在五段都不用等，卡住的地方只剩你自己要做的決定

FIVE STEPS

一步一段

每一段都有可以直接複製的指令。點開來看

01參考圖　把感覺變成方向存三十張圖，讓它抓出共同點

・要準備的　二十到三十張你喜歡的圖，貼在一份 Google 文件或一張 Canva 畫布上，截成一張圖

・這一步的關鍵　不用挑同類產品。材質、光影、一張椅子、一個包裝都算，重點是它們看起來像同一個人挑的

・它接掉的那一段　你腦子裡有畫面但講不出來的那個卡點

這一步是全部五步裡唯一不能交給 AI 的。它不知道你喜歡什麼，你得先把喜歡的東西攤在它面前。但整理跟命名可以交出去，那才是它的強項

指令的最後一段是刻意寫的：要它把矛盾點指出來、問你，而不是自己折衷。AI 預設會幫你調和，調和出來的東西誰都不像

可直接複製

我要做一個新品牌，附上我蒐集的參考圖。請你先不要給我建議，先做一件事：把這些圖的共同點抓出來，寫成一份「視覺方向」。要包含： 1. 主色與輔助色——給我具體色號，不要只講顏色名字 2. 材質偏好——例如石材、木頭、玻璃、金屬 3. 攝影風格——光的方向、硬光還是柔光、有沒有人 4. 字體感覺——襯線還是無襯線、粗還是細 5. 這些圖共同在傳達的一種感覺，用三個形容詞如果我的參考圖裡有互相矛盾的地方，直接指出來，問我要往哪一邊走，不要自己幫我折衷。

它給的三個形容詞先留著，第五步寫官網文案的時候會再用到

這一步最常見的錯存了三十張圖，但有二十張是你覺得應該喜歡的，只有十張是真的喜歡。抓出來的方向就會是一個誰都不討厭、但也沒人記得住的東西。存圖的時候不要想「這適合我的品牌嗎」，想「我看到這張會停下來嗎」

02品牌規範　把方向寫死色票、字體、版型全部編號

・接著上一步做　同一個對話往下接，它才記得你的視覺方向

・這一步的關鍵　每一個顏色都要有編號。之後所有東西都引用編號，不引用顏色名字

・它接掉的那一段　設計師整理規範的那兩週

為什麼要編號：你跟外包廠商講「用那個暖橘色」，十個人會做出十種橘。講 warm-500，只有一種

這一份是整個品牌後面所有東西的來源。logo 引用它、實景圖引用它、官網引用它。這一步隨便寫，後面五步都會飄

可直接複製

根據上面那份視覺方向，幫我生一份完整的品牌指南。品牌名稱：{填你的品牌名} 賣什麼：{一句話講清楚} 給誰用：{年齡、身分、他們在意什麼} 品牌指南要包含： 1. 色票系統——主色、輔助色、中性色階，每一個都給色號並編號（例如 neutral-100 到 neutral-900），之後所有東西都引用編號 2. 字體規範——標題用什麼、內文用什麼，各自的字重與字級階層 3. 版型規則——留白多少、對齊方式、圖文比例 4. 一頁「什麼不能做」——列出五條會破壞這個品牌感覺的做法寫成我可以直接交給外包廠商的格式。不要寫品牌故事，不要寫價值主張，我只要視覺規範。

生出來之後存成一份獨立檔案。之後每開一個新對話，第一件事就是把它丟進去

那一頁「什麼不能做」不要跳過多數人只看色票就往下做。但真正讓品牌走鐘的不是配色錯，是做了不該做的事——多加一個裝飾、換一種按鈕形狀、放一張風格不一樣的照片。那一頁是你之後駁回外包的依據

03Logo　照規範生，不要憑感覺生一輪三個方向，不喜歡就再一輪

・前提　品牌指南要先在對話裡，不然它會回去給你平均值

・這一步的關鍵　三個方向要真的不一樣，不要是同一個東西的三種微調

・它接掉的那一段　設計公司三輪提案的一個月

指令裡有三個檢查，那三個是我自己被坑過才加的：縮到 App icon 那麼小、只有黑白、壓在紙上或刻在木頭上。螢幕上好看的 logo，這三關過不了的很多

我最後挑的是三個裡面最簡單的那一個。理由很實際——複雜的 logo 印在紙上會糊，招牌做出來也貴

可直接複製

用上面那份品牌指南，幫我生 logo 方案。品牌名：{中文名}／{英文或拼音} 一次給我三個方向，每個方向都要： 1. 說明它適合用在哪裡——招牌、包裝、App icon、名片 2. 直接生出圖來，不要只用文字描述三個方向要真的不一樣，不要是同一個東西的三種微調。生完之後，把每一個放進這三個情境檢查一次： · 縮到手機 App icon 那麼小，還看得出來嗎 · 單色印刷（只有黑白）還成立嗎 · 刻在木頭或壓在紙上，細節會不會糊掉哪一個過不了就直接跟我說，不要留給我自己發現。

挑好之後跟它說「之後都用這一個」，它會記住，後面兩步不用再挑

中文 logo 要多看一眼 AI 生圖對中文字形的掌握不如英文，筆畫可能少一撇、結構可能歪。方向對了之後，字要另外用排版軟體重做一次，不要直接拿生出來的圖去印。英文或拼音的部分通常沒問題

04實景圖　在花錢打樣之前先否決店面、貨架、包裝，十分鐘看完

・這一步的價值　不是省下攝影費，是省下打樣的時間

・它接掉的那一段　做出來、寄過來、看到不對、再改一版的那兩週

・你要做的　砍掉。這一步的目的是否決，不是挑好看的

螢幕上好看的東西，放到牆上常常不對。我以前是等打樣回來才發現，一輪兩週。現在十分鐘就能否決一個方案，這是這五步裡對我最有用的一步

可直接複製

用這個 logo 跟品牌指南，幫我生實景圖。我要看它放在這些地方的樣子： 1. 一間 {坪數} 的實體店，牆面是 {材質} 2. 零售貨架上的陳列，包含包裝盒與試用品 3. 產品拿在手上的特寫每一張都要： · 用品牌指南裡的色號，不要自己配色 · 光線一致，看起來像同一天拍的 · 不要放人臉生完之後告訴我，哪一張你覺得最撐得住，為什麼。

最後那句「為什麼」要問。它給的理由通常會點出你自己沒注意到的地方

這些圖不能拿去當商品照實景圖是用來做決定的，不是用來賣東西的。細節經不起放大，材質的質感也跟真的做出來不一樣。方向確定之後，該拍還是要拍

05官網　文案、版面、動畫一起做完我只改了三個地方

・前提　品牌指南跟選定的 logo 都要在對話裡

・這一步的關鍵　不要讓它新增顏色。所有顏色都引用指南裡的編號

・它接掉的那一段　網頁公司的一個月

指令最後那句「列出你自己覺得最弱的三個地方」是最有用的一句。它會誠實講，而且講的那三個地方通常就是你要改的三個地方

可直接複製

用同一套品牌指南，幫我做一個單頁的品牌官網。結構： 1. 首屏——一句主標 + 一張產品主視覺 + 一顆按鈕 2. 商品區——三個商品，各一張圖、一個品名、一句話 3. 品牌段——一段講這個品牌在堅持什麼，不要超過一百字 4. 結尾——聯絡方式要求： · 顏色與字體全部引用品牌指南的編號，不要新增顏色 · 文案你寫，但語氣要跟品牌指南裡那三個形容詞一致 · 手機優先，先確定手機上好看 · 給我完整可以直接部署的檔案做完之後，列出你自己覺得最弱的三個地方。

要上線的話，把檔案丟到 Cloudflare Pages 或 Vercel，拖進去就有網址，免費

文案要自己讀過一次它寫得出符合語氣的句子，但寫不出只有你講得出來的那一句。品牌段那一百字如果讀起來像任何一個品牌都能用，就自己重寫。那一段是整頁唯一不能外包的

ONE AFTERNOON

一個下午怎麼排

五步接起來的實際節奏。時間是抓的，不是精算

前 30 分

存圖。這段不用開 AI，開了反而會分心。存到你自己看得出共同點為止

↓

30–60 分

視覺方向＋品牌規範。你在這段只做一件事：它問你矛盾點的時候，決定走哪一邊

↓

60–90 分

Logo，一輪三個。不喜歡就再一輪。兩輪還挑不出來，回頭看規範是不是寫得太鬆

↓

90–150 分

實景圖。這段最花時間，因為要一直否決。砍得越快，後面越省

↓

150–180 分

官網。生完只改它自己講出來的那三個弱點，其他不要動

整條走完，你手上會有：一份品牌規範、一個 logo、一組實景圖、一個可以上線的官網。全部照同一份規範生的，所以它們看起來是同一個品牌

RED LINES

這五步裡，有幾件它做不好

先講清楚，你才不會在那幾個地方卡住怪自己

一取名它幫不上忙。叫它想品牌名，它給的三十個都很像，因為它在給你一個平均值。名字自己想，或找人一起想

二判斷還是你的事。它不知道你的客人是誰、不知道你要賣多少錢、不知道你這一行的人在意什麼。你不講清楚，它就給你一個誰都能用的東西

三生出來的中文字不能直接印。筆畫可能少一撇、結構可能歪。方向定了之後，字要用排版軟體重做

四實景圖不是商品照。它是用來做決定的。方向確定之後，該打樣還是要打，該拍還是要拍

五規範沒寫死，後面一定飄。每生一次飄一點，五次之後就不像同一個品牌了。花在第二步的三十分鐘，是這整條流程裡回報最高的三十分鐘

工具負責快，
判斷還是你的事

你不知道自己要什麼，它就給你一個平均值
這五步能不能用得起來，卡在第一步跟第二步

LINKS

會用到的工具

五步全部在 Claude 裡做完，另外兩個是輔助

主力Claude

claude.ai　五個步驟全部在這裡做。生圖與做網頁的功能要開 Claude Design，在側邊欄找得到。免費版可以跑前兩步，後面三步建議用付費版，額度差很多

輔助Canva 或 Google 文件

canva.com　只拿來做第一步的參考圖版面，貼滿一張截圖就好。不要在這裡做設計，做了會被工具的模板帶走

輔助Cloudflare Pages

pages.cloudflare.com　第五步做出來的官網要上線的話，把檔案拖進去就有網址，免費。不用會寫程式

用 Claude 打造
一個品牌

先講一件會決定你做不做得成的事

五個步驟的分工表

一步一段

一個下午怎麼排

想了解更多

這五步裡，有幾件它做不好

會用到的工具