設計 LOGO 我踩過的 4 個坑:印刷、應用情境、Mockup 與主觀溝通(附交件前檢查清單)
我早期設計 LOGO 踩過的 4 個坑:只看螢幕顏色、沒想到 Favicon 和非設計師怎麼用、放了做不出來的 Mockup、用感覺說服業主。每個坑都附怎麼避免,以及一份交件前檢查清單。
作者:郭政佑 Kevin · ·
TL;DR:設計 LOGO 不能只看螢幕上好不好看。開始前先問清楚它會印在哪、用在哪、誰會用;提案時不放自己做不到的 Mockup;說服業主時拿調查和原因,不只拿「我覺得」。交件前用一份清單檢查一次,可以少掉很多後續的麻煩。
這篇分享我自己早期設計 LOGO 專案時遇到的坑,還有後來學到的經驗。如果你想嘗試做品牌類的設計案,這篇算是我的血淚經驗。
原文寫於 2025 年 1 月。這次重新整理,每個坑都補上「怎麼避免」,查證了印刷和 Favicon 的規格,最後加了一份交件前檢查清單。規格類的數字都在 2026-10-13 對照官方或廠商說明查過,來源放在文末。
先看全貌:4 個坑和現在的做法
| 坑 | 當時的問題 | 現在怎麼避免 |
|---|---|---|
| 1. 沒考慮印刷 | 只看螢幕顏色,細節太細 | 用 CMYK 選色、確認特別色成本、檢查最細線條、重要品項先打樣 |
| 2. 沒確認應用情境 | 只做了一組中文字,網站要用時才發現沒有 Favicon | 開案時列出所有用途,另做簡化圖形,附上使用規範 |
| 3. 放了做不到的 Mockup | 業主很喜歡,實際製作卻不順 | 放之前先確認做法、報價和誰來做,提案時標明「示意」 |
| 4. 只用主觀說服 | 每個人看法都不同,很難定調 | 先做調查,每個設計決定寫得出原因 |
1|一開始就要考慮印刷
這個坑在我剛開始設計、還沒經驗的時候,真的讓我學到很多教訓。我以為只要螢幕上的顏色好看就好,結果當然是悲劇。而且客戶可能不會比你懂,甚至會預設你應該要懂。
最常見的狀況是:螢幕上鮮豔的藍綠色或桃紅色,印在名片或貼紙上變得又暗又灰;或是很細的線條和小字,印出來斷掉、糊成一團。設計稿本身沒錯,只是從頭到尾都只在螢幕上看過。
為什麼會這樣?螢幕是用光顯示顏色(RGB),印刷是用油墨疊出顏色(CMYK,青、洋紅、黃、黑四色)。Adobe 的說明寫得很清楚,CMYK 能印出的顏色範圍比一般螢幕小,所以螢幕上很亮的顏色,轉成印刷時外觀會改變。

我在週報 #045 也跟非設計師朋友講過這件事:印出來顏色不完全一樣,通常不是設計師出錯,而是本來就會有色差。只要不是黑變白、紅變綠這種真的錯了的狀況,有點淡、有點不夠亮,很多都在正常範圍。但正因為色差是正常的,設計師更要在一開始就把它算進去。
顏色:特別色不是越特別越好
不是用特別色就比較好、比較厲害。你一定要考量成本和製作難易度,不然可能就是給自己找麻煩。
先講兩個名詞。四色印刷是用 CMYK 四個印版混出所有顏色;特別色是印刷前先調好的油墨,例如指定 PANTONE 色號,每一個特別色都要多開一個印版。
- 多一個顏色,就多一個版。Adobe 的說明寫,特別色適合顏色少、色彩準確度要求嚴格的情況;照片和顏色很多的設計,用四色印刷比較實際。四色印刷的東西再加一個特別色,就是多一個版、多一筆費用。
- 只印一兩色時,特別色很常見。色彩公司 X-Rite(2007 年收購 PANTONE)的說明寫,特別色常用在一色或兩色的印刷。像單色名片、貼紙,用特別色反而顏色更穩。
- 金、銀、螢光這類顏色,四色印不出來。要靠特別色或後加工,預算就要多一點。這點我在週報 #045 也提過。
怎麼避免:
- 要印的 LOGO,選色時就打開 CMYK 文件看一次,不要只看螢幕上的 RGB 色碼。
- 品牌色真的要很準,再指定特別色色號,並在報價前問印刷廠:每多一色要多少版費。
- 準備一個只用一色也成立的版本,例如全黑、全白。
- 重要的品項先打樣,看過實品再大量印。
工具方面,我在 2025 年 5 月的週報寫過:要印刷的東西別用 Figma,Illustrator 還是目前最好的解決方案。
圖形複雜度:細節在螢幕上看得到,印出來不一定
圖形是不是太複雜,像是有很細的細節,在螢幕上看可以,但印刷處理起來就很麻煩。或是螢幕上的效果,實體沒辦法完美重現,都很可惜。
多細算太細?英國印刷商 Tradeprint 的說明建議線寬至少 0.25pt(約 0.1mm)。他們也提醒,更細的線在 300dpi 的印表機上印得出來,上了印刷機卻可能消失。這是一家印刷商的建議,不是標準;燙金、網版、刺繡這類加工的下限各家不同,送印前要問清楚。
怎麼避免:
- 把 LOGO 縮到實際最小的使用尺寸,例如名片角落,印出來看。
- 把最細的線條換算成 pt,低於 0.25pt 的先加粗,或跟印刷廠確認。
- 細節多的版本只用在大尺寸,小尺寸另外做一個簡化版。
2|先確認好應用情境
不是每個品牌的 LOGO 應用情境都一樣。請先確認好要用在哪些地方,設計時比較好評估要怎麼做。而不是後來才發現少考慮了某個重要的情境,再回頭補。
開案時,我建議至少問業主這三題:
- 會印在哪些東西上?名片、招牌、包裝、制服、貼紙。
- 會出現在哪些線上位置?網站、App、社群大頭貼、簡報。
- 之後誰會用這個 LOGO?業主自己、行銷同事、外包廠商,還是其他設計師。
下面是兩個最常被漏掉的情境。
網頁使用:別忘了 Favicon
網頁除了一般的 LOGO,還有 Favicon,也就是瀏覽器分頁、書籤和搜尋結果旁邊的小圖示。它通常需要一個很簡潔的圖形。如果你設計時只做了一組好看的中文字,之後網頁要用就超麻煩。

Favicon 不是只有一個尺寸。常見的幾個:
| 用在哪 | 尺寸 | 依據 |
|---|---|---|
| 最早的 favicon | 16×16 | MDN |
| Google 搜尋結果 | 正方形,至少 8×8,建議大於 48×48 | Google 搜尋中心(2026-08-28 更新) |
| iPhone 加入主畫面 | 180×180(apple-touch-icon) | MDN 範例 |
| 可安裝的網頁 App(Chromium) | 至少 192×192 和 512×512 | web.dev |
你不用一次記住全部,只要記得一件事:這些位置都是正方形,而且很小。橫長的中文字標放不進去。
怎麼避免:
- 設計 LOGO 時,同時做一個方形的簡化圖形,不放字,或只放一個字。
- 把簡化圖形縮到 16px 和 32px 看一次,確認還認得出來。
- 交件時附上方形版本的原始檔,以及 512×512 的 PNG,工程師再依需要輸出其他尺寸。
會給非設計師使用:連用法一起交
這時候你做的可能就不只是 LOGO,還要包含怎麼用 LOGO 的說明,不然再好看的 LOGO 都可能變成悲劇。
尤其你的 LOGO 要給非設計師用,更要說明清楚:給設計規範,甚至提供一些模板,才能讓 LOGO 有好的呈現。我在週報 #050 也提過,CIS、Guideline 這些東西不只是文件,而是降低溝通成本的工具。
一份給非設計師的簡易規範,至少放這些:
- 標準版,以及橫式、直式、簡化圖形各一個版本
- 單色版和反白版
- 最小使用尺寸,和 LOGO 周圍要留多少空白
- 品牌色的 CMYK、RGB、HEX 色碼;有指定特別色就附色號
- 錯誤示範:拉長壓扁、換顏色、加陰影、放在雜亂的背景上
- 檔案清單:哪個檔案用在印刷、哪個用在網路
模板可以從最常用的開始,例如名片、簡報封面、社群貼文。
非設計師最常把 LOGO 用壞的方式,就是上面錯誤示範那幾種:為了塞進版面把它拉長壓扁、自己換成喜歡的顏色、放在照片上看不清楚。規範裡直接放「這樣不行」的對照圖,比寫一段文字有用。
3|放 Mockup 不一定是好的
Mockup 是把設計套進實物照片或 3D 場景的示意圖,例如把 LOGO 放到招牌、杯子、提袋上。
我一開始學 LOGO,也是看到很多國內外案例都放了好看的 Mockup,讓提案看起來超厲害,LOGO 感覺馬上變得有價值。這是真的,但也可能變成搬石頭砸自己的腳。
Mockup 好看沒錯,但你有把握能讓 Mockup 實現嗎?
業主如果跟你說,就是要做出示意圖這樣呢?你要跟他說做不出來嗎?做不出來,那你當初放的原因是什麼?
如果你沒想好原因和怎麼解釋,真的不建議放。因為我就遇過業主看了 Mockup 覺得很棒,但實際製作印刷時沒那麼順利,後來造成不愉快。Mockup 的確能讓提案更容易通過,但提案過不代表結案,你要有把握處理後續。
常見的落差有幾種:Mockup 上的燙金、壓凸在小字上看起來很精緻,實際做出來細節糊掉;立體招牌的材質和燈光很漂亮,報價卻遠超過業主預算;或是 Mockup 用的是理想的光線和角度,實品放在店裡的樣子差很多。這些都不是做不到,而是要在提案前先講清楚。

怎麼避免:
- 每放一張 Mockup,先問自己三題:做得出來嗎?大概多少錢?誰來做?
- 燙金、壓凸、特殊材質這類效果,提案前先問廠商做法和報價。
- 在 Mockup 旁標「示意」,提案時把「示意效果」和「實際做法」分開講。
- 報價單寫清楚 Mockup 是示意,製作費另計。
要找 Mockup 素材,可以參考我整理的 Mockup 網站與樣機素材,商用前記得看每個素材的授權。
4|用客觀取代主觀
好不好看常常很主觀,但像數據這類就比較客觀。
設計是視覺化的東西,常遇到的問題就是「主觀」:你、主管、業主、業主的客人,看法都不同。這樣有時很難定調。所以很多專業設計師會先做詳細的調查,了解品牌,把故事、商品特色、受眾這些重要原因考量進設計。
我在週報 #050 寫過一個常見狀況:客戶只能用感覺回饋,像是「再高級一點」「再年輕一點」。這不一定是設計師能力不好,有時候是前面沒有把「品牌想成為什麼」講清楚。
客觀可能是:你了解過這類產品應該要給人「安全感」,再從色彩心理學去看,什麼顏色比較能給人安全感,所以你選用它。
舉例來說,兒童診所的設計會希望小朋友不要太緊張,所以可能選用色彩比較柔和的配色。這種選擇相對客觀,也更容易說服業主。
不過色彩心理學要當參考,不要當定律。一份跨 30 國、4,598 人的研究發現,顏色和情緒的聯想有共通的部分,但也會受語言和地區影響。另一篇回顧研究也提醒,這個領域還在早期,要直接拿來指導實務,還需要更多研究。所以「藍色代表信任」這種說法可以當起點,最後還是要回到你的受眾。
怎麼做:
- 開案先訪談:品牌故事、商品特色、主要受眾、競爭對手。
- 看同類品牌用什麼顏色和形狀,決定要跟隨還是做出區隔。
- 每個主要的設計決定,寫一句原因,提案時講給業主聽。
- 有條件的話,找幾位目標受眾看稿,聽他們的第一印象。
有人可能會說:我才收少少的錢,也要考慮那麼多嗎?我覺得就算不考慮,也該先跟業主說明清楚這些狀況和風險,不然遇到後續問題,業主回頭找你時,雙方都會很不愉快。說明的內容可以直接寫進報價合約,例如修改次數、示意圖和實際製作的差別,可以參考接案者應該要有的表格與合約。
交件前檢查清單
以上 4 個坑,整理成一份交件前可以逐項確認的清單:

| 項目 | 怎麼檢查 | 通過標準 |
|---|---|---|
| 單色 | 轉成全黑、全白 | 還認得出來 |
| 反白 | 放在深色底上 | 細線沒有被吃掉 |
| 最小尺寸 | 縮到最小使用尺寸,印出來看 | 字讀得到,或已經另做簡化版 |
| 最細線條 | 換算成 pt | 至少 0.25pt;有特殊加工另問廠商 |
| 印刷色 | 用 CMYK 文件看一次,重要品項打樣 | 色差在可接受範圍,也跟業主說明過 |
| 特別色 | 報價前問印刷廠 | 業主知道每多一色的費用 |
| Favicon | 縮到 16px、32px 看 | 有方形的簡化圖形 |
| 使用規範 | 給一位非設計師照著用 | 他不用問你,就能用對 |
| Mockup | 每張問「做得出來嗎」 | 有標「示意」,特殊效果已估價 |
| 設計原因 | 每個主要決定寫一句 | 業主問為什麼時答得出來 |
限制與注意
- 這是我個人的經驗。不同產業、預算和規模的案子,要注意的地方不一樣。
- 印刷數字是常見建議,不是標準。0.25pt 是單一印刷商的建議;每家印刷廠的機器、紙材和加工不同,以廠商的檔案製作須知為準。
- 色差圖只是模擬。文中的漸層對照是用電腦描述檔轉換的示意,實際色差要看紙材、油墨和印刷廠,以打樣為準。
- Favicon 規格會更新。Google 搜尋中心在 2026-08-28 更新過說明,做網站前回官方頁面看一次。
- AI 生成的 LOGO 也一樣。我在週報 #030 寫過,你可能生成得很開心,但要修改、印刷、做延伸應用時,就會發現沒那麼單純。上面的檢查清單一樣適用。
相關資源
| 資源 | 說明 |
|---|---|
| Adobe:處理色彩(CMYK)概述 | 四色印刷和特別色的差別、CMYK 色域比螢幕小 |
| X-Rite:PANTONE 特別色與四色印刷 | 特別色怎麼印、常用在一兩色的印刷(英文) |
| Tradeprint:線條太細印不出來 | 建議線寬至少 0.25pt(英文) |
| Google 搜尋中心:Favicon | 搜尋結果 Favicon 的尺寸與格式 |
| MDN:網頁的 head 與 Favicon | Favicon 和 apple-touch-icon 的寫法(英文) |
| web.dev:Web App Manifest | 可安裝網頁 App 的圖示尺寸(英文) |
| 顏色與情緒聯想的跨國研究 | Psychological Science,2020,30 國 4,598 人 |
| 色彩心理學回顧 | Annual Review of Psychology,2014 |
| Logo 設計參考網站 | 22 個品牌識別、Logo 靈感、品牌手冊網站 |
| Mockup 網站與樣機素材 | 24 個品牌、包裝、裝置的 Mockup 資源 |
| 週報 #045:給非設計師的 3 個基礎設計觀念 | 印刷色差為什麼是正常的 |
本文印刷與 Favicon 規格於 2026-10-13 對照官方與廠商說明查核,之後可能變動。
小結
這 4 個坑,背後其實是同一件事:LOGO 不是做完那一刻就結束,它要被印出來、放進網站、交給別人用,還要說服業主。
- 一開始就考慮印刷:顏色看 CMYK,特別色先問成本,細節不要細到印不出來。
- 先確認應用情境:列出所有用途,做一個方形簡化圖形,連用法一起交。
- Mockup 只放做得到的:放之前想好做法、費用和誰來做。
- 用客觀取代主觀:先調查,每個決定都講得出原因。
實際上還有很多要注意的地方,我也還有很多慘痛經驗。下次交件前,先拿上面的清單走一次。
常見問題 FAQ
LOGO 一定要用特別色嗎?
不一定。特別色每多一色就多一個印版,四色印刷再加特別色會增加費用。品牌色要求很準、只印一兩色,或需要金銀、螢光這類四色印不出來的顏色,再考慮特別色,並在報價前先問印刷廠。
Favicon 要準備哪些尺寸?
先準備一個方形的簡化圖形。常見尺寸有最早的 16×16、iPhone 主畫面的 180×180,以及可安裝網頁 App 需要的 192×192 和 512×512;Google 搜尋則要求正方形、至少 8×8,建議大於 48×48。交件時附上方形原始檔和 512×512 的 PNG,工程師就能輸出其他尺寸。
提案可以放 Mockup 嗎?
可以,但只放你確定做得出來的效果。放之前先確認做法、費用和誰來做,Mockup 旁標「示意」,報價單寫清楚製作費另計。
業主一直說「再高級一點」怎麼辦?
通常是前面沒有把「品牌想成為什麼」講清楚。回到調查:品牌故事、商品特色、受眾和競爭對手。每個設計決定都寫一句原因,討論就能從感覺回到依據。
關於作者|Kevin Kuo
Kevin Kuo / 郭政佑是 凱文設計 Kevin Design 與 創作邦 CreatorHome 的內容創作者,長期整理 AI 工具、設計方法、創作者工作流與個人品牌經營。
更多公開介紹可參考 Kevin on CreatorHome、Kevin Design AI Guide。
延伸閱讀:2026 Logo 設計參考網站|成為專業接案者應該都要有的表格與合約|我為什麼把收入重心移到接案|Mockup 網站與樣機素材|設計稿放 QR Code 的 3 個技巧