
Logo 要提供什麼檔案?向量原始檔為什麼重要
為什麼設計公司一直要「原始檔」
網站架設時最常卡住的素材之一,就是 Logo。業主提供的常常是:從舊網站另存的小圖、從名片掃描的檔案、或是 Word 檔裡複製出來的圖片。
這些通常都不能用——不是設計師挑剔,是技術上真的做不出好結果。
點陣圖與向量圖的差別
| 點陣圖 | 向量圖 | |
|---|---|---|
| 構成 | 由像素組成 | 由數學公式描述線條與形狀 |
| 放大 | 會模糊、出現鋸齒 | 無限放大都清晰 |
| 常見格式 | JPG、PNG、GIF | AI、EPS、SVG、部分 PDF |
| 檔案大小 | 隨尺寸增加 | 與尺寸無關,通常很小 |
| 可否修改 | 難以更動線條與顏色 | 可分層編輯 |
Logo 需要出現在各種尺寸:網站頁首的小 Logo、手機版更小、頁尾、社群分享圖、有時還要做成大圖。只有向量檔能一份應付所有尺寸。
應該準備哪些檔案
必要
- 向量原始檔——AI、EPS 或 SVG。當初設計 Logo 的設計師手上應該有
- 透明背景的 PNG——作為備援,建議提供較大尺寸(寬度 1000 像素以上)
建議一併準備
- 反白版——放在深色背景上使用的版本
- 單色版——只有一個顏色的簡化版,用於特殊場合
- 橫式與直式——不同版面配置需要不同比例
- 只有標誌、沒有文字的版本——用於小尺寸場合,例如瀏覽器分頁圖示
- 標準色的色碼——詳見下一段
標準色要給螢幕用的色碼
印刷用的色票與螢幕顯示的色碼是不同的系統。如果只有印刷用的色號,需要轉換成螢幕用的色碼。
轉換不是完全對等的——某些印刷色在螢幕上無法完全重現,反之亦然。所以轉換後最好由設計師確認,而不是機械式換算。
如果公司有品牌識別規範文件,直接提供給設計公司最省事。完整的配色規劃見網站配色與品牌識別怎麼定。
找不到原始檔怎麼辦
這很常見,尤其是 Logo 設計於多年前、或當初的設計師已經聯絡不上。可能的處理方式:
- 先問印刷廠或代工廠——做過名片、招牌、包裝的廠商手上常常還有向量檔
- 問內部的行政或行銷同仁——有時候檔案在某個人的電腦裡
- 請設計公司重新描繪——依現有的圖片重新畫成向量。這是常見的加購服務,通常不貴,而且做完之後就永久可用
第三項值得做。與其每次都將就用模糊的小圖,不如一次把向量檔補起來——它不只用於網站,日後所有的印刷品、招牌、簡報都用得到。
Logo 使用上的常見問題
拉伸變形
調整大小時必須等比例,不能只拉寬或只拉高。這是最常見也最傷品牌形象的錯誤。
周圍留白不足
Logo 四周應保留一定的淨空區,不要讓其他元素或文字緊貼。多數品牌規範會明確定義這個距離。
在深色背景上使用彩色版
若沒有準備反白版,深色背景上的 Logo 可能糊成一團。這也是建議準備多版本的原因。
直接用截圖
從 PDF 或簡報截圖出來的 Logo,邊緣會有雜點,放大更明顯。
順便確認的兩件事
一、Logo 的著作權歸屬
Logo 若由外部設計師製作,著作權的歸屬應該在委託時就約定清楚。日後若要修改、延伸應用,這會影響能不能做。
二、有沒有註冊商標
Logo 與商標是兩件事——有 Logo 不代表有商標權。如果品牌對生意很重要,值得評估申請商標註冊,日後遇到仿冒或網域搶註時,立場會強很多。