設計 · 實測
Claude Opus 5.5 能做品牌視覺嗎?一個標誌做出四個檔案

標誌是品牌的起點,不是終點。小店家很快就會需要社群貼文範本、個人檔案的頁首橫幅、名片,以及印在提袋和菜單上的圖樣,而且全都要用同樣的顏色。
2026 年 9 月 27 日,我們把虛構桌遊咖啡館 Rook & Rabbit 的標誌交給 Claude Opus 5.5,請它把這四個檔案做成 SVG。標誌來自 Ciyo;版面由 claude.ai 裡的 Opus 5.5 製作。Ciyo 並不提供 Claude Opus 5.5。
版面交給程式碼,圖片交給影像模型
品牌視覺分成兩個部分。版面、字體和顏色每次都必須精確;影像模型每次都會重畫,也就會跑掉。圖片,例如照片、插畫和紋理,才是影像模型的強項。第一部分最適合交給程式碼。
這就是下面這則貼文背後的分工,也是我們這次測試的分工。
2026-09-23 發布。一家新創設計工作室的設計師分享了一組品牌視覺,並問 Claude Opus 5.5 能不能做出這樣的作品。他在一則回覆中說,背景圖是用 Midjourney 做的。這則貼文是他工作室的作品,不是 Opus 的測試;下面的測試是我們自己做的。
輸入:一個標誌,三種顏色
標誌是同一天稍早在 Ciyo 裡做的:用 GPT Image 2.5 Flare 生成,用 Vector(向量化)工具轉換,再整理成深綠 #1F4D3A 和奶油色 #F3E9D2。我們加了一個強調色,琥珀色 #B06A10,並請它做四個檔案,尺寸各自符合使用的地方。

這是桌遊咖啡館 Rook & Rabbit 的標誌。請設計四個使用這個標誌的品牌視覺,各自做成獨立的 SVG 檔:1) 1080 x 1080 的 Instagram 貼文範本,留出一塊放標題的清楚區域;2) 1500 x 500 的 X 頁首橫幅;3) 名片正面,85 x 55 mm,1020 x 660 px,文字為 "Rook & Rabbit"、"Game cafe · Est. 2026" 和 "Open daily · Board games & coffee";4) 用簡單的城堡和兔耳朵形狀組成的無縫 400 x 400 圖樣方塊。只使用 #1F4D3A、#F3E9D2 和一個強調色 #B06A10。標誌路徑維持原樣。不要點陣圖,也不要外部字型;所有文字都用系統內建的襯線字體。三分鐘後拿到的東西
四個 SVG 檔:一個 Instagram 範本,上方是綠色標題區,下方是一排城垛缺口和奶油色背景上的標誌;一個 X 頁首橫幅,標誌放在疊於圖樣上的奶油色面板上;一張名片;以及一個圖樣方塊,綠底上排著奶油色城堡和琥珀色描邊的兔耳朵。Opus 5.5 把每個檔案都算繪出來,把圖樣以 2 × 2 拼貼來檢查接縫,並在回答前搜尋檔案裡有沒有多餘的顏色、圖片和字型。
它還做了一個我們沒想到的設計決定。完整的標誌裡已經有「Rook & Rabbit」和「Game Café · Est. 2026」,所以它在名片上只用城堡加兔耳的符號,避免店名印兩次,並表示可以再換回來。

我們檢查了哪些地方
我們打開這些檔案,在瀏覽器裡算繪。每個檔案都只用了我們給的三種顏色,沒有任何一個含有點陣圖。Instagram 範本和 X 頁首橫幅包含全部 52 條原封不動的標誌路徑;名片使用的符號路徑也原封不動;圖樣方塊則照要求使用新的簡單形狀。名片上的店名結束在距離右緣 66 像素的位置。
claude.ai 的預覽有一點要注意:在預設縮放下,它會裁掉名片右側,讓店名看起來像被切掉。檔案本身沒有問題。
| 檔案 | 尺寸 | 顏色 | 未變動的標誌路徑 |
|---|---|---|---|
| Instagram 貼文範本 | 1080 × 1080 | 僅 3 種品牌色 | 52 條中的 52 條 |
| X 頁首橫幅 | 1500 × 500 | 僅 3 種品牌色 | 52 條中的 52 條 |
| 名片正面 | 1020 × 660 | 僅 3 種品牌色 | 僅符號(6 條路徑) |
| 圖樣方塊 | 400 × 400 | 僅 3 種品牌色 | 新的簡單形狀 |

列印或發布之前
這些檔案裡的文字是尚未轉外框的即時文字,字體是系統字型 Georgia。沒有 Georgia 的印刷廠會換成別的字體,所以把名片送印前,請先把文字轉成外框,或匯出成 PDF。也請在列印模式下檢查顏色:這些是螢幕用的顏色,不是印刷用的顏色。
個人檔案的頁首橫幅在手機和電腦上的裁切方式不同。請像這個檔案一樣,把標誌放在 X 頁首橫幅的中間三分之一,並在發布前用兩種裝置都看一次。
在 Ciyo 裡加入圖片
Instagram 範本有一塊空白的標題區,沒有圖片。那正是影像模型該上場的地方:在 Ciyo 裡用你的品牌色生成一張不含文字的插畫或照片,再放進範本。我們同一天做的輪播測試正是這麼做的:兩張來自 Ciyo 的 4:5 插畫,上面疊著 Opus 5.5 排好的文字。
用 Claude Opus 5.5 做品牌視覺
Claude Opus 5.5 能做品牌視覺嗎?
版面可以。在我們的測試中,它用大約三分鐘,從一個標誌做出四個符合品牌的 SVG,只用了我們的三種顏色和標誌本身的路徑。
它也能做照片和插畫嗎?
不能像影像模型那樣做。請在 Ciyo 裡用 GPT Image 2.5 等影像模型製作圖片,版面和文字再交給 Opus 5.5。
這些檔案可以直接送印嗎?
差不多。請先把即時文字轉成外框或匯出 PDF,並在列印模式下檢查顏色。
Ciyo 有提供 Claude Opus 5.5 嗎?
沒有。Ciyo 並不提供 Claude Opus 5.5。我們在 Ciyo 裡做標誌,在 claude.ai 裡做四個版面。
從 Ciyo 開始打造品牌
生成標誌並向量化、修正它的顏色,再做出版面需要的圖片。