Logo（品牌標誌）是您數碼身份的門面。無論您是經營初創企業、個人博客，還是電子商務巨頭，訪客第一眼看到的往往就是您的 Logo。
雖然您可能已經擁有用於印刷名片或招牌的公司商標，但在數碼世界裡，規則已經改變了。一個在名片上好看的設計，在手機螢幕上可能會變得模糊不清。為了建立真正的品牌識別 (Brand Recognition)，您的網站 Logo 必須具備彈性、可擴展性及獨特性。
以下是針對現代網站 Logo 設計的 5 大關鍵指南：
1. 掌握「響應式」Logo (Responsive Logo)
過去，一個 Logo 就能走天涯。但在今天，您需要的是一套靈活的 Logo 系統。因為用戶會透過桌上電腦、平板，甚至智能手錶來瀏覽您的網站，您的 Logo 必須能適應各種尺寸。
您應該準備以下三種變體：
- 完整組合 (The Full Lockup)： 包含圖標與完整品牌名稱（最適合用於桌面版網站頁首）。
- 堆疊版本 (The Stacked Version)： 圖標位於文字上方（適合用於側邊欄或頁尾）。
- 圖標版 (The Logomark)： 僅保留圖形符號，不含文字（這是手機版選單及社交媒體頭像的必備格式）。
2. 考量「深色模式」 (Dark Mode)
現代網頁設計不再只是白紙黑字。隨著手機和電腦作業系統普及 深色模式 (Dark Mode)，您的 Logo 必須在亮白與深黑的背景下都能清晰顯示。
- 避免純黑文字： 如果您的 Logo 背景是透明的，純黑色的文字在深色模式下會完全消失。
- 準備兩個版本： 製作一個適合淺色背景的深色 Logo，以及一個適合深色背景的淺色/白色 Logo。
- 檢查對比度： 確保您的品牌顏色在深灰色背景上仍有足夠的對比度與可讀性。
3. 擁抱向量格式 (SVG)
舊觀念是「存檔成高解像度圖片」；新標準是「徹底拋棄像素」。
請盡量避免在網站上使用 JPG 或 PNG 作為 Logo。相反，您應該使用 SVG (Scalable Vector Graphics) 格式：
- 無限放大不失真： 無論是在低解像度的舊電腦，還是最新的 4K Retina 螢幕上，SVG 看起來都一樣銳利，永遠不會有「起格」的問題。
- 極速載入： SVG 的檔案大小通常遠小於高解像度的 PNG 圖檔，這能提升網頁載入速度（這對 SEO 搜尋引擎排名非常有利）。
4. 別忘了 Favicon (網頁圖標)
您有沒有留意過瀏覽器分頁標籤上那個小小的圖示？那就是 Favicon。
這是用戶體驗中至關重要的一環。當用戶同時打開了 20 個分頁時，Favicon 是他們找到您網站的唯一線索。請確保您的 Logo 能簡化成一個即使在 16×16 像素 下仍然清晰易讀的正方形圖標。在這個尺寸下，複雜的文字會變得看不見，簡單大膽的幾何形狀效果最好。
5. 保護您的設計原始檔 (Source Files)
許多人常犯的錯誤是：付錢設計了 Logo，卻只拿到一張普通的圖片檔（如 JPEG）。您必須擁有設計的「藍圖」。
- 索取向量原稿： 務必保留 .AI (Adobe Illustrator)、.EPS 或 .FIG (Figma) 檔案。
- 為什麼這很重要？ 如果明年您需要印製巨型戶外廣告，或者想更改網站的主色調，沒有原始檔將寸步難行。JPEG 無法編輯，但原始檔可以無限次修改與調整。