Logo 設計檢查工具

一個優秀的 Logo 在招牌上可能很精美,但在數位媒體上卻常遇到以下問題:

  • 顯示太小:縮小時細節模糊難以辨識(如:瀏覽器分頁圖示 Favicon)。
  • 被切成圓形:社群媒體頭像強制圓形裁切,導致設計失焦、邊角消失。
  • 背景不搭:在不同 App 的深淺色模式下,Logo 可能會「隱形」。

本工具能幫你快速預覽 Logo 在各種極端環境下的表現,確保品牌辨識度。

拖曳你的 Logo 到這裡,或點擊上傳

瀏覽器場景預覽

favicon 我的網站標題 - 點擊查看
favicon
favicon
favicon
favicon Github
favicon Google
favicon 設計師工具

Instagram 貼文展示

Instagram
IG Avatar
your_brand_name
IG Avatar
your_brand_plain

LINE 聊天場景

LINE Avatar
品牌小助手
您好!請問有什麼可以幫您的嗎?
LINE Avatar
品牌小助手
這是重複顯示時的效果測試,檢查圖片是否比例正確。

LINE 好友名單

Friend Avatar
你的品牌官方帳號
最新優惠活動實施中
其他好友 A
Hello world
其他好友 B
Busy

Discord 伺服器圖示

Discord Desktop
電腦版
Discord Mobile
手機版

裁切臨界點測試 (1:1)

Comparison

Logo 設計注意事項

黑白應用

1. 黑白與單色應用

成功的 Logo 必須在只有黑白兩色的情況下(如印刷、雷雕)依然清晰。避免過度依賴漸層或陰影來區分輪廓。

縮放辨識度

2. 縮放後的辨識度

測試將 Logo 縮小至 16px。如果細節糾纏在一起,建議準備一個「簡化版」專門用於瀏覽器分頁或 App Icon。

高對比度

3. 高對比度與背景適應

確保 Logo 在深色與淺色背景下都有足夠的對比。適時提供反白版本 (Negative version) 以應對不同 UI 需求。

安全區域

4. 安全邊距與圓形裁切

現代社群媒體多將頭像切為圓形。重要元素應案保留在正方形 80% 的內切圓內,預留緩衝空間。

標準字搭配

5. 標準字與視覺比例

ICON 與品牌標準字的視覺平衡至關重要。確保兩者組合時,ICON 不會顯得過於笨重或太過細小。

商標法律衝突

6. 商標授權與法律衝突

現成的創意圖形可能早已被他人註冊商標。在定稿前,務必進行商標檢索(如經濟部智慧財產局),避免圖形元素與現有知名品牌雷同而陷入法律糾紛。

實體媒材應用

7. 實體媒材與印章應用

考慮 Logo 在鋼印、橡皮章或刺繡上的表現。太細的線條在實體蓋印時容易糊成一團,建議準備粗線版本。

響應式標誌系統

8. 響應式標誌系統

好的品牌應具備「響應式」思維。在大螢幕顯示全 Logo,在行動裝置或通知則只提取最核心的 Icon。

色彩域與印刷色差

9. 色彩域與印刷色差 (RGB vs CMYK)

數位螢幕的 RGB 色域遠大於印刷的 CMYK。設計時應避開數位霓虹色,以免印刷後發色慘不忍睹。