開始做網站前,你需要先做完這些
許多第一次找設計師的客戶都有相同的困擾:
「我想要做一個網站,但是……我的 Logo 還在電話磁鐵上,我沒有電子檔。」
「我的品牌顏色大概是藍色?就是那種……感覺有品質的藍。」
這沒關係——這很正常。但如果還沒有基礎的品牌視覺系統,網站設計師會很難為你做出一個有說服力的網站。
這篇文章帶你搞懂三個最基礎的品牌識別元素,即使你是零基礎也能自己整理出一套。
一、Logo:你的品牌身份證
Logo 不只是一個圖案。好的 Logo 需要:
1. 適合各種尺寸
一個好的 Logo 在名片上 1 公分大小要看得清楚,放在廣告看板也要夠清晰。如果你的 Logo 在縮小後變成一坨糊,那就需要重新設計。
2. 有向量版本(SVG 或 AI 檔)
JPG 或 PNG 放大就糊。向量格式無限放大都清晰,而且方便色彩調整。如果你只有點陣圖,在做網站之前請先取得向量版本。
3. 有透明背景版本
在深色底、淺色底、照片背景上都要能放。一定要有一個背景透明的 PNG 版本。
有 Logo 了嗎?做個簡單自測:
- 展示給不認識你的人看 5 秒,問他「這好像是哪個行業的公司?」
- 如果答案和你的行業相符,至少方向對了
- 縮小到 30x30 像素看一下——還看得出來是誰嗎?
二、主色系:顏色比你想像的更有說服力
顏色是品牌傳遞情緒最快的工具。你的客戶在讀任何文字之前,就已經被顏色影響了。
常見行業色系參考
| 行業 | 常用色系 | 傳遞的感受 |
|---|---|---|
| 醫療/牙醫 | 白、淺藍、海軍藍 | 乾淨、信任、專業 |
| 咖啡廳/餐飲 | 暖棕、奶茶色、米白 | 溫暖、手感、療癒 |
| 健身/運動 | 深黑、橘紅、白 | 力量、能量、動感 |
| 心理諮商 | 霧綠、米白、淡棕 | 安靜、安全、包容 |
| 法律/會計 | 深海軍藍、金、白 | 嚴謹、可靠、權威 |
你的品牌主色系至少需要:
- 主色(Primary):用在 CTA 按鈕、重要標題
- 輔色(Secondary):搭配主色使用
- 中性色(Neutral):背景、大量文字區塊使用
- 文字色:通常是深灰(避免純黑 #000000,刺眼且硬)
請用 HEX 色碼記下來,例如主色 #1A3A5C。「那種藍」沒辦法告訴設計師你要什麼。
三、字體:從一開始就定調你的氣質
字體選擇往往被忽視,但它和顏色一樣影響深遠。
基本原則:最多用兩種字體
- 一個標題字體(有個性)
- 一個內文字體(易讀性優先)
免費的 Google Fonts 推薦
繁體中文首選:
- Noto Sans TC:萬用,乾淨,任何風格都適合
- Noto Serif TC:傳統品牌、醫療、法律——有質感有重量感
英文標題選擇(配合中文使用):
- Playfair Display:優雅、文學感,適合餐廳、攝影師
- DM Serif Display:現代典雅,室內設計、品牌形象
- Cinzel:古典、正式,音樂、法律、高端品牌
不建議直接用系統預設字體(像「微軟正黑體」、「新細明體」),它們缺乏設計感,容易讓網站看起來過時。
整理成一份品牌識別簡介給設計師
當你找設計師做網站時,提供以下資料可以省下大量溝通成本:
- Logo 的向量檔 + 透明背景 PNG
- 主色系的 HEX 色碼(例如:主色 #1A3A5C、輔色 #4A90D9)
- 偏好的字體或「希望呈現的風格感受」
- 3-5 個你喜歡的同行或不同行業網站(說明哪裡吸引你)
就算現在沒有完整的 Logo 和色碼,你也可以先收集「靈感參考圖」(Pinterest 或截圖都可以),這能幫設計師快速理解你的方向。
結語:先有方向,再動手
品牌識別不需要一開始就完美。很多成功的品牌都是從「先做一個夠用的版本」開始,邊經營邊優化。
但至少要有基本的 Logo、1-2 個主色、1 個字體組合——有了這三樣,網站設計師就能為你建立一個視覺一致、有說服力的線上形象。