很多老闆第一次做 logo設計,最後拿到的是一張漂亮的 JPG 圖檔。放在簡報上看起來沒問題,直到要把它放進網站左上角、印在名片上、拿來當 LINE 官方帳號的大頭貼時才發現:背景是白的去不掉、縮小之後那幾個細筆畫糊成一團、想印單色的公文封卻找不到黑白版本,只好回頭再找設計師,或是乾脆請人重描一次。
這類狀況在我們協助客戶建置網站時幾乎每次都會遇到。問題通常不是設計師畫得不好,而是一開始沒有人把「這個標誌未來會出現在哪些地方」講清楚。所以這篇不談美學風格,而是從實際應用的角度整理:一個標誌該通過哪些檢查、設計流程大概怎麼走、你該跟設計師要到哪些檔案,以及它在網站與 Google 商家檔案上會用在哪些欄位。
好的標誌第一關:看過一次記不記得住
辨識度是標誌最核心的功能。它不需要多華麗,但要能讓人在看過幾次之後,下次在別的地方再看到就想得起來是誰。反過來說,如果一個標誌把裡面的公司名稱換掉之後,看起來跟同業其他家沒什麼差別,那它大概就沒有真正發揮識別的作用。
有幾個簡單的自我檢查方式,不需要設計背景也做得到。把你的標誌跟三、五家同業的標誌並排放在同一張投影片上,隔一天再看,如果你自己都要盯著文字才分得出來,代表圖形本身不夠有記憶點。另一個方法是把標誌用講的描述給別人聽,如果你沒辦法用一句話說清楚它的形狀,通常表示它過於複雜。
下面這幾個項目可以當成第一輪的篩選標準:
- 圖形是否有一個明確、單一的視覺主體,而不是好幾個元素硬湊在一起
- 拿掉顏色之後,形狀還成不成立
- 跟同業的標誌放在一起時,是不是一眼分得出來
- 有沒有跟知名品牌過於相似,避免日後出現商標爭議
- 放在深色底與淺色底上,是否都能維持清楚
縮小、單色、去背:三個最容易被忽略的檢查
這三件事是實際使用時最常出問題的地方,也是判斷一份 logo設計交付得完不完整的重點。很多爭議其實不是風格好壞的問題,而是拿到手之後根本不夠用。
- 縮小後的可讀性:標誌會被放進瀏覽器分頁上的小圖示、手機版的選單、社群平台的圓形頭像,實際尺寸可能只有幾十像素。細筆畫、漸層、薄外框在這個尺寸下會整個消失。好的做法是另外準備一個簡化版本,把細節拿掉、線條加粗,專門用在小尺寸的場合。
- 單色版本:公文封、發票章、燙金印刷、合作夥伴牆、贊助名單,這些場合常常只能用單色。如果手上只有彩色版,臨時要用就只能自己土法煉鋼修改。定稿時應該一併產出純黑與反白兩個版本。
- 去背檔案:標誌要疊在照片、深色區塊、影片上,就必須有透明背景的檔案。白底的 JPG 疊在深色背景上會出現一個突兀的白方塊,這大概是最常見的災情。
另外還有一個經常被忘記的項目是安全距離,也就是標誌四周至少要留多少空白,不能讓其他文字或圖片貼得太近。把這件事寫進規範裡,之後不管是誰做圖,都不會把版面擠得太滿。
logo設計的流程通常怎麼走
雖然每位設計師的做法不完全相同,但完整的流程大致會分成幾個階段。第一個階段是需求訪談,設計師需要了解你的產業、客群、價格帶、競爭對手、希望給人的感覺,以及這個標誌未來會用在哪些地方。這個階段你提供的資訊越具體,後面的來回就越少。
接著是概念發想與草稿提案。設計師通常會提出幾個方向,每個方向背後有不同的思考邏輯,而不只是換個顏色而已。這時候你要做的是選方向,不是挑細節,先確認哪一個概念最接近你想給人的印象,再進入細修。很多專案卡住,就是因為在第一輪提案時就開始討論字距。
第三個階段是收斂與細修,處理比例、字距、顏色、筆畫粗細這些細節,也會開始做應用模擬,把標誌放進名片、招牌、網站、包裝的示意圖裡看實際效果。最後是定稿與交付,產出各種格式的檔案,以及一份說明使用方式的規範文件。
整體時程會因為專案複雜度差很多,也會受到你回覆意見的速度影響。發案前最好先問清楚會提案幾個方向、包含幾次修改、超出之後怎麼計費,這幾件事沒講清楚,最容易在後期產生糾紛。
定稿時該跟設計師要到哪些檔案
這是很多人吃虧的地方。只拿到一張 JPG,等於每次要做新的應用都得再找人處理。建議在報價單或合約裡就把交付項目一條一條列出來:
- 向量原始檔,通常是 Illustrator 的 AI 檔或 EPS 檔,可以無限放大不失真,招牌、大圖輸出與印刷廠都會需要
- SVG 檔,網頁上使用的向量格式,檔案小、在任何螢幕解析度下都清晰
- 去背的 PNG 檔,至少準備大、中、小三種尺寸
- 白底的 JPG 檔,用在只接受單一圖檔的平台或表單
- 單色版本(純黑與反白)的向量檔與 PNG 檔
- 小尺寸專用的簡化版本
- 一份使用規範,寫明標準色的 CMYK 與 RGB 色碼、指定字體、安全距離,以及禁止的錯誤用法
向量檔跟點陣檔的差別值得多講一句。Illustrator 或 SVG 這類向量檔案記錄的是線條與座標,放到看板那麼大都不會糊掉;Photoshop 產出的 PNG、JPG 則是由像素組成,放大就會出現鋸齒與模糊。所以原始檔一定要拿到手,不要只收成品圖,否則等於把後續的修改權交在別人手上。
標誌放到網站上會遇到的實際問題
網站的頁首區塊高度有限,橫式的標誌通常比較好安排。如果你的標誌是直式或接近正方形,放進頁首就會壓縮到導覽列的空間,這時候常見的做法是準備一個橫式的延伸版本,圖形在左、名稱在右,專門給網站與電子報使用。
分頁圖示(favicon)是另一個重點。瀏覽器的分頁、書籤列、手機加到主畫面的圖示都會用到它,顯示尺寸非常小,一定要用前面提到的簡化版本。不少網站直接把完整標誌縮成小圖丟上去,結果分頁上只看得到一團模糊的色塊,等於白白放棄一個免費的識別機會。
還有社群分享用的縮圖。當有人把你的網址貼到社群平台或通訊軟體,系統會抓取頁面設定的分享圖。這張圖裡通常要放標誌,而且要考慮不同平台的裁切比例,重要的元素不要擺得太靠邊。網站建置時把這些圖檔一次準備好,日後就不用每次分享都臨時拼湊。
Google 商家檔案與結構化資料裡的標誌欄位
如果你有實體店面或明確的服務範圍,Google 商家檔案的標誌欄位幾乎是必填。它會出現在搜尋結果側邊的資訊卡、地圖結果,以及顧客評論旁邊。這個欄位通常是以正方形裁切,直接上傳橫式標誌會被切掉兩端,最好另外準備一個方形版本。
網站端則是結構化資料。在 Organization 這類標記裡有一個 logo 欄位,用途是讓搜尋引擎知道哪一張圖是這個組織的官方標誌。填寫時建議使用去背或白底的 PNG、尺寸不要太小,並且跟商家檔案、社群頭像維持同一個版本。
一致性本身就有價值。當使用者在搜尋結果、地圖、社群、官網上看到的都是同一個圖形,累積出來的印象才會疊加起來。如果每個地方都是不同年份、不同裁切、甚至不同配色的版本,等於每次都要讓人重新認識你一次。
常見問題
標誌一定要找專業設計師做嗎?線上的免費產生器可以用嗎?
短期內當然可以用,尤其是還在測試市場的階段。但要知道幾個風險:模板型的產生器容易跟其他公司撞圖、通常拿不到可編輯的向量原始檔、授權範圍有限制,未來要申請商標時也可能因為缺乏識別性而遇到困難。如果確定要長期經營,還是建議在能力範圍內找設計師處理。
標誌需要去註冊商標嗎?
如果打算長期投資在品牌上,建議諮詢商標事務所評估。比較理想的做法是在設計階段就先做檢索,避免辛苦定稿之後才發現與他人的註冊商標近似,整套物料都得重做。
舊的標誌想微調,一定要整組重做嗎?
不一定。如果只是字體老舊、比例失衡、顏色在螢幕上對比不足,屬於整理與優化的範圍,可以保留原有的圖形記憶點。但如果連主要圖形都要換掉,那實際上就接近重做,需要連帶考慮既有物料的更換節奏。
標誌用幾個顏色比較好?
顏色越少通常越安全。單色或雙色在各種印刷條件與螢幕環境下都很穩定,成本也比較低;漸層與多色雖然畫面豐富,但在小尺寸、單色輸出、繡花或雕刻這類情境下會遇到不少麻煩。
標誌不是做完就結束的東西,它會跟著你的名片、網站、包裝、廣告走上好幾年,前期多花一點時間把檔案與規範準備齊全,後面每一次應用都會省事。如果你正在規劃 logo設計,或是手上只有一張 JPG、想把官網與 Google 商家檔案上的視覺一次整理乾淨,歡迎跟我們聊聊你目前的狀況。
