標誌設計 · 實測
用 AI 把標誌草圖變成乾淨的圖形
粗略的草圖，是說明標誌該長什麼樣子最快的方式。它能定下文字很難描述的輪廓和比例——多高、多尖、多寬。
2026 年 9 月 27 日，我們在 Ciyo 畫布上為虛構桌遊咖啡館 Rook & Rabbit 畫了一個圖形草圖，並請 AI 助手把它變成乾淨的標誌。第一次嘗試，讓我們學到了這篇指南中最有用的一個步驟。
只畫重要的部分
我們用 Pencil（鉛筆）工具畫了十四筆直線：一座有三個城垛的西洋棋城堡、從頂端豎起的兩隻高高的尖耳朵、橫過塔身的一條帶子，以及寬大的底座。這就是這個圖形的全部構想。細節可以晚點再說。
畫大一點、畫簡單一點。比例才是你希望 AI 保留的東西，所以要畫得清楚：我們的耳朵比城堡的頭部還高，塔身往下逐漸變窄。
第一次嘗試：AI 助手看不到這張圖
我們把畫面放大到草圖填滿整個視窗，請 Ciyo Agent（Ciyo 的 AI 助手）把它變成一個深綠色配奶油色的乾淨圖形，保留城垛、高耳朵、帶子和寬底座。
生成之前，AI 助手回覆說，這一輪它拿不到草圖的像素，所以無法描出比例，會改依照文字描述來做。它做出的圖形很乾淨——但那是一座標準的城堡配上圓耳朵，是依照我們的文字畫的，不是依照我們的草圖。
看看我在畫布上的鉛筆草圖：一座西洋棋城堡，頂端豎起兩隻兔耳朵。把它變成桌遊咖啡館 Rook & Rabbit 的一個乾淨標誌圖形。保留：有三個城垛的城堡、兩隻高耳朵、橫過塔身的帶子、寬大的底座。修改：線條要果斷且粗細一致，使用簡單的幾何形狀，耳朵尖端做成圓角。只用一種平塗色，深綠 #1F4D3A，放在素面的奶油色 #F3E9D2 正方形上。不要文字。修正方法：把筆畫合併成一張圖並附加上去
鉛筆筆畫在畫布上是各自獨立的形狀。拖曳出一個框把它們全部框起來，然後在選取工具列中選 Merge（合併）。Ciyo 會把它們變成一張圖——我們的是一張 826 × 1,350 的「Merged image」（合併後的影像）——並自動附加到聊天訊息中。
附上影像後，我們再問一次，並寫明要遵循的比例。這一次 AI 助手表示，它看得到那對尖銳、細長的耳朵，而圖形也保留了它們：尖耳朵、寬大的城垛區塊、往下變窄且有一條帶子的塔身，以及階梯狀的寬底座。
以附上的草圖影像作為參考，並遵循它的比例：高高的尖耳朵、寬大的城垛區塊、往下逐漸變窄到寬底座的塔身、橫過塔身的一條帶子。把它變成一個乾淨的標誌圖形：線條果斷且粗細一致，使用簡單的幾何形狀。只用一種平塗色，深綠 #1F4D3A，放在素面的奶油色 #F3E9D2 正方形上。不要文字。兩個圖形之間有什麼不同
兩個圖形都乾淨、都是單色。只有第二個是我們的。
| 草圖中的特徵 | 只有文字 | 附上合併後的草圖 |
|---|---|---|
| 高高的尖耳朵 | 圓耳朵 | 尖耳朵 |
| 往下變窄的塔身 | 筆直的城堡塔身 | 往下變窄的塔身 |
| 橫過塔身的一條帶子 | 一條帶子 | 一條帶子 |
| 寬底座 | 階梯狀底座 | 階梯狀的寬底座 |
一位創辦人用的同樣流程
先畫草圖，也是對抗千篇一律外觀的一種方法：構想來自你，AI 只負責整理。但這不保證原創——別人仍可能覺得一個乾淨的圖形很普通——所以送印之前，先給幾位顧客看看。
2026-09-24 發布。在一串討論產品品牌重塑的貼文中——起因是測試版使用者說舊的外觀很普通——這位創辦人說明，顏色和字型是他自己選的，標誌來自他自己的草圖，由 ChatGPT 畫出最終版本，再由 Codex 做成 SVG。仍有一則回覆說新外觀很普通。他沒有使用 Ciyo；這篇貼文展示的是同樣先畫草圖的流程，以及它的極限。
完成圖形
挑出照著你草圖畫的那個版本，然後用 More → Vector（更多 → 向量化）描成向量，並在 SVG 裡設定你的精確品牌顏色。定案之前，先在 32 像素寬——瀏覽器分頁圖示的大小——下檢查它。
從草圖到標誌
AI 能把我的標誌草圖變成乾淨的標誌嗎？
可以，但要確認它看得到草圖。在我們的測試中，把鉛筆筆畫合併成一張影像並附加上去，圖形就會遵循我們的比例。
為什麼 AI 忽略了我的草圖？
我們第一次嘗試時，AI 助手回報這一輪拿不到草圖的像素，於是依照文字來做。把筆畫合併、再附上影像後就解決了。
在 Ciyo 裡要怎麼合併鉛筆筆畫？
拖曳一個選取框框住筆畫，然後在選取工具列中選 Merge。合併後的影像會附加到下一則聊天訊息。
這個圖形會是原創的嗎？
構想來自你的草圖，這有幫助。但還是要找顧客測試；乾淨的圖形也可能看起來很普通。
從你自己的草圖開始
在 Ciyo 畫布上畫出構想，合併它，再讓 AI 助手把它整理乾淨。