結論先講
同一杯咖啡，拍得像路邊攤還是像精品店，差別通常不在相機。
在滑手機的 0.1 秒內讓人停下來，靠的是四個可以學的基本功：
| 基本功 | 決定什麼 | 最常見的錯誤 |
|---|---|---|
| 配色比例 | 畫面有沒有視覺重心 | 三個顏色面積差不多 |
| CRAP 四原則 | 看起來專業還是業餘 | 元素隨意擺放，沒有對齊 |
| 字體選擇 | 品牌給人的感覺 | 一張圖用了五種字體 |
| 商業禁忌 | 會不會出事 | 用了沒有商用授權的字體 |
這四項都是規則問題，不是天賦問題。
一、配色：60-30-10 比例
不需要學色彩理論，先記住比例：
| 比例 | 角色 | 通常是什麼 |
|---|---|---|
| 60% | 主色（背景） | 較中性的顏色，如米白、淺灰 |
| 30% | 輔助色 | 品牌識別色 |
| 10% | 點綴色 | 行動呼籲、促銷價格、重點標示 |
不需要精算比例。 重點是「有主有從」——最常見的錯誤是三個顏色面積差不多，畫面就沒有視覺重心，眼睛不知道該看哪裡。
冷暖色的商業對應
| 色系 | 心理效應 | 常見產業 |
|---|---|---|
| 暖色（紅／黃／橘） | 刺激食慾、熱情、急迫感 | 速食、特價促銷、甜點 |
| 冷色（藍／綠／紫） | 冷靜、信任、專業、自然 | 科技、醫療、有機食品 |
| 中性色（黑／白／灰） | 高級、極簡、百搭 | 精品、高端咖啡、個人品牌 |
實務上最快的做法：看你這個產業的頭部品牌用什麼色系，不是抄它的顏色，是理解它為什麼選那個方向。賣甜點卻用一整片冷灰色，通常不是風格獨特，是不小心壓掉了食慾。
二、CRAP 四原則
出自設計教育者 Robin Williams 的《The Non-Designer's Design Book》，四個原則的首字母恰好組成 C.R.A.P.，因此廣為流傳。
C — 對比（Contrast）
定義：避免元素太過相似。如果元素不同，就讓它們截然不同。
- 標題與內文的字級落差要夠大（例如 60pt 對 24pt，不是 32pt 對 28pt）
- 深底淺字，淺底深字
- 先決定「想讓人第一眼看哪裡」，再讓那個地方對比最強
半調子的對比比沒有對比更糟。 字級只差一點，看起來像是排錯了。
R — 重複（Repetition）
定義：視覺元素重複使用，建立一致性。
- 每則貼文的 Logo 都放在同一個位置
- 使用相同的標題字體、相同的裝飾線條、相同的濾鏡
- 目的：讓人一眼認出「這是你的店」
A — 對齊（Alignment）
定義：任何元素都不能隨意擺放，必須與其他元素建立視覺聯繫。
- 想像一個隱形網格，所有文字與圖片靠左或靠右對齊
- 少用置中對齊，除非是正式邀請函那類場合
- 整齊等於專業，混亂等於業餘
這是四個原則裡最容易做到、也最容易被忽略的一項。很多圖只要把文字全部靠左對齊，立刻就不一樣了。
P — 親密性（Proximity）
定義：相關的項目要靠在一起，不相關的要分開。
- 圖片下方緊貼它的解說文字
- 標題與內文算一組，組與組之間留足夠空間
- 留白不是浪費，是讓眼睛知道哪些資訊是一起的
三、字體的表情
| 類型 | 感覺 | 適合 |
|---|---|---|
| 黑體（無襯線） | 現代、簡潔、數位友善 | 大標題、科技感、年輕品牌 |
| 明體／宋體（襯線） | 人文、優雅、傳統 | 文學、高端茶藝、保養品 |
| 手寫體／圓體 | 親切、活潑、有溫度 | 兒童、寵物、甜點 |
選字體的判斷方式很簡單：把你的品牌用一個形容詞描述，然後選符合那個形容詞的字體。 「溫暖的甜點店」不該用冷硬的科技感黑體。
四、四個商業使用禁忌
- 禁忌一：字體超過三種。 兩種通常就夠了——一種標題、一種內文。
- 禁忌二：用難以辨識的藝術字。 可讀性優先於美觀，尤其是價格與地址。
- 禁忌三：把字體拉長或壓扁。 字體的比例是設計過的，變形會立刻顯得廉價。
- 禁忌四：使用沒有商用授權的字體。
第四點是真正會出事的一項
字體有著作權，商業使用需要授權。 很多「免費下載」的字體只授權個人非商業用途，商家拿去做貼文、菜單、招牌，就是商業使用。
安全做法：使用明確標示可商用的開源字體。思源黑體與思源宋體系列是常見選擇，涵蓋繁體中文且授權清楚。
這件事的風險不高但後果麻煩——被發現時通常已經印了一批菜單。
三種常見的 NG 圖，以及用哪個原則診斷
| 症狀 | 違反了哪個原則 | 怎麼修 |
|---|---|---|
| 字太小看不清 | 對比不足 | 拉大標題字級，跟內文差距要明顯 |
| 顏色太雜很吵 | 沒有配色比例 | 砍到三色，重新分配 60-30-10 |
| 東西擺得很亂 | 對齊 ＋ 親密性 | 全部靠左對齊，相關資訊靠在一起 |
| 每張圖風格都不同 | 重複不足 | 固定 Logo 位置、固定字體、固定濾鏡 |
遇到一張覺得「怪但說不出哪裡怪」的圖，就逐項套這四個原則。 通常第二項就找到問題了。
一份可以先做的品牌視覺規範
在做下一張圖之前，先花十分鐘寫下三件事：
- 三個品牌色：主色、輔助色、點綴色（連色碼一起記下來）
- 一組品牌字體：標題用什麼、內文用什麼
- 版面風格：Logo 固定放哪、要不要統一濾鏡
寫下來之後，之後每張圖都照這份規範做。一致性帶來的專業感，比單張圖好看更重要——因為客戶是在動態時報裡累積對你的印象，不是在看展覽。
常見問題
沒有設計背景，真的能靠原則做出好看的圖嗎？
能做出「不扣分」的圖，這對商家來說已經足夠。設計有兩層：一層是避免明顯錯誤（顏色太雜、字太小、對齊亂掉），這一層完全可以靠原則解決；另一層是創造獨特風格，那需要美感訓練。多數店家的問題卡在第一層，而第一層是規則問題不是天賦問題。
CRAP 四原則是誰提出的？
出自設計教育者 Robin Williams 的《The Non-Designer's Design Book》（非設計人的設計書），她提出對比（Contrast）、重複（Repetition）、對齊（Alignment）、親密性（Proximity）四項基本原則，後來常以首字母縮寫 C.R.A.P. 流傳。這是設計入門最廣泛引用的框架之一。
60-30-10 的比例一定要嚴格遵守嗎？
不用精算，它是感覺上的比例不是量出來的數字。真正的重點是「有主有從」：一個大面積的背景色、一個代表品牌的輔助色、一個只用在重點處的點綴色。最常見的錯誤是三個顏色面積差不多，那樣畫面就沒有視覺重心。
字體可以隨便用網路上下載的嗎？
不行，這是商家最容易踩到的法律風險。字體是有著作權的，商業使用需要授權，而很多免費下載的字體只授權個人非商業用途。安全做法是使用明確標示可商用的開源字體，例如思源黑體與思源宋體系列。
IG 版面要統一色系嗎？看起來很難維持。
統一的是「風格」不是「顏色」。維持同一組濾鏡、同一個 Logo 位置、同一組標題字體，就已經有一致性了，不需要每張圖都同色系。真正該避免的是每張圖風格都不同——那會讓人認不出這是同一家店。