開始做網站前,你需要先做完這些

許多第一次找設計師的客戶都有相同的困擾:

「我想要做一個網站,但是……我的 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:古典、正式,音樂、法律、高端品牌

不建議直接用系統預設字體(像「微軟正黑體」、「新細明體」),它們缺乏設計感,容易讓網站看起來過時。


整理成一份品牌識別簡介給設計師

當你找設計師做網站時,提供以下資料可以省下大量溝通成本:

  1. Logo 的向量檔 + 透明背景 PNG
  2. 主色系的 HEX 色碼(例如:主色 #1A3A5C、輔色 #4A90D9)
  3. 偏好的字體或「希望呈現的風格感受」
  4. 3-5 個你喜歡的同行或不同行業網站(說明哪裡吸引你)

就算現在沒有完整的 Logo 和色碼,你也可以先收集「靈感參考圖」(Pinterest 或截圖都可以),這能幫設計師快速理解你的方向。


結語:先有方向,再動手

品牌識別不需要一開始就完美。很多成功的品牌都是從「先做一個夠用的版本」開始,邊經營邊優化。

但至少要有基本的 Logo、1-2 個主色、1 個字體組合——有了這三樣,網站設計師就能為你建立一個視覺一致、有說服力的線上形象。