小紅書視覺識別系統:顏色、字型、版式三件套讓賬號看一眼就認得出
雜亂的封面讓使用者記不住你。本文給一套從主色到字型到版式的完整視覺識別系統,配色卡模板 + 字型清單 + 4 類版式模板。
📖 本篇術語速查表
| 術語 | 一句話解釋 |
|---|---|
| VI(Visual Identity, 視覺識別系統) | 顏色 + 字型 + 版式三件套的統一規則——讓使用者在雙瀑布流一眼認出"是你"。 |
| 三色卡 | 主色(1-2 種)+ 輔色(1-3 種)+ 中性色(白/灰/米/黑)的搭配公式。 |
| 字重 | 字型粗細等級(Regular / Medium / Bold / Heavy)——VI 裡同一字型用 2-3 個字重營造層次。 |
| 4 類版式 | 居中 / 左右分欄 / 上下分欄 / 對角——封面元素排列的四種基礎骨架。 |
| 風格一致性 | 主頁 9 張封面擺一起一眼能辨識——VI 的核心 KPI。 |
| 調性 → VI 對映 | 親切 / 專業 / 活潑 / 治癒 / 犀利 5 種調性各對應一套色 + 字 + 版式組合。 |
| 反向學 VI | 不從零設計,從同垂類頭部 5-10 個賬號的封面 9 宮格反推規則。 |
| 9 張封面一致性自查 | 把最近 9 張封面擺成 9 宮格 → 是否一眼能辨識 = VI 成立的硬門檻。 |
VI 不是裝飾,是讓使用者在雙瀑布流一眼認出"這是某某博主"的底層結構。本文給一份從調性出發的三色卡 + 字型 + 4 類版式模板,讓你的 9 張封面擺一起就能形成辨識度。
把這段提示詞丟給 AI,讓它替你出一套 5 分鐘就能落地的 VI:複製下面整段(含調性 → VI 對映表 + 4 類版式骨架),貼上你的賬號調性 + 目標人群,AI 會給可直接送 Canva 的色號 + 字型 + 版式套餐。
你是「VI 設計師」,根據使用者的賬號調性,產出可直接應用到下一張封面的色 + 字 + 版式套餐。
【調性 → VI 對映表(直接用)】
| 調性 | 主色建議 | 字型建議 | 推薦版式 |
|------|--------|--------|--------|
| 親切 | 米黃 / 淺粉 | 思源宋體 Medium | 上下分欄 |
| 專業 | 深藍 / 中灰 | 思源黑體 Bold | 左右分欄 |
| 活潑 | 亮黃 / 橙紅 | 站酷快樂體 | 對角 |
| 治癒 | 霧霾藍 / 淺綠 | 霞鶩文楷 Regular | 居中 |
| 犀利 | 黑 / 紅 | 思源黑體 Heavy | 左右分欄 + 大字 |
【4 類版式骨架】
- 居中:主標題居中 + 副標題居中 + 裝飾元素在四角
- 左右分欄:左 1/3 大字 / 右 2/3 影像(或反過來)
- 上下分欄:上 1/3 標題 / 下 2/3 影像
- 對角:主標題 + 主圖分別在對角線兩端
【一致性自查(9 張封面擺一起)】
- 主色 + 輔色一致 ≥ 90%
- 字型不超過 2 種
- 版式不超過 3 類
- 整體看 1 秒能識別"是同一個博主"
【使用者輸入】
- 賬號調性(親切 / 專業 / 活潑 / 治癒 / 犀利):___
- 目標人群(年齡 / 性別 / 職業):___
- 已釋出封面的顏色和字型傾向(若有):___
- 工具預算(Canva 免費 / Canva Pro / 全套 Photoshop):___
- 想要的差異化(如"和頭部 XX 不一樣"):___
【交付物(3 塊)】
▌一、三色卡(必須給具體 HEX 色號或視覺描述)
- 主色 1:__(HEX __)
- 主色 2:__(HEX __)
- 輔色:__、__、__
- 中性色:__
▌二、字型清單(按免費可商用優先排序)
| 字型名 | 字重 | 用途 | 是否免費可商用 |
共 2-3 行(不超過 3 種字型)
▌三、版式套餐 + 落地步驟
- 推薦主版式:__(4 類選一,理由:調性匹配)
- 輔助版式:__(應對長標題或多圖)
- 下一張封面的 5 分鐘落地步驟:__
【硬約束】
- 必須給具體色號(HEX)或可被指認的顏色描述(如"莫蘭迪霧霾藍")
- 字型不超過 3 種
- 不允許"用讓人喜歡的色"等模糊建議
- 不允許超過 3 類版式(會破壞一致性)先給結論:VI 讓賬號從陌生到熟悉
新手做封面常一篇一個色一個版式,每條筆記都像獨立產品,使用者看完記不住是誰。
VI 解決這個問題:用一套固定的顏色 + 字型 + 版式,讓 9 張封面擺在主頁一眼能識別。
| 維度 | 沒有 VI | 有 VI |
|---|---|---|
| 主頁掃一眼 | 9 張完全不同 | 9 張一致風格 |
| 使用者記憶 | 看完就忘 | 形成"這是某博主"印象 |
| 製作時間 | 每張從零設計 | 套模板 5 分鐘 |
| 關注轉化率 | 低 | 高 1-3 倍 |
| 跨筆記互鏈效果 | 弱 | 強(視覺關聯) |
下面給具體的 VI 三件套搭建方法。
第 1 件:主色 + 輔色 + 中性色三色卡
色卡公式:1 個主色 + 1-2 個輔色 + 1 箇中性色 = 4 色以內。
| 角色 | 佔比 | 用途 |
|---|---|---|
| 主色 | 50%-70% | 封面背景 / 大字標題 |
| 輔色 | 20%-30% | 裝飾點綴 / 數字 / 重點詞 |
| 中性色 | 10%-20% | 文字底色 / 間隔 / 邊框 |
給具體例子:
| 調性 | 主色 | 輔色 | 中性色 |
|---|---|---|---|
| 溫柔治癒 | 米白 #F5F0E8 | 莫蘭迪綠 #A8B5A0 | 灰 #8E8E8E |
| 活力青春 | 亮紅 #E63946 | 明黃 #F4D35E | 白 #FFFFFF |
| 高階專業 | 深藍 #1D3557 | 香檳金 #C9A57B | 灰 #6C757D |
| 知識工具 | 藍 #4A6FA5 | 橙 #FF9F1C | 白 #FFFFFF |
選色原則:從你賬號調性反推,不要看到喜歡就選。色卡定下來後,至少跑 30 篇筆記再調整。
第 2 件:字型清單與字重選擇
字型選擇影響 30%-40% 的封面專業度。新手推薦順序(免費可商用 → 收費):
| 字型 | 風格 | 用途 |
|---|---|---|
| 思源黑體 | 現代/通用 | 標題/正文都能用 |
| 阿里巴巴普惠體 | 商務/親切 | 知識類賬號 |
| 站酷高階黑 | 力量感強 | 強情緒標題 |
| 釘釘進步體 | 圓潤可愛 | 生活方式賬號 |
| 龐門正道標題體 | 海報感 | 反差大標題 |
字重選擇:封面最多用 2 個字重(主標題用 Bold / 副標題用 Regular)。字重過多會讓封面顯得亂。
字號節奏:主標題字號 = 副標題字號 × 1.8-2.2 倍。這樣保持視覺層次。
第 3 件:4 類版式模板
90% 的小紅書封面用這 4 種版式之一:
版式 1: 居中型
┌──────────┐
│ │
│ 主標題 │
│ 副標題 │
│ │
└──────────┘
適合:測評/引數/工具類
版式 2: 上下分欄
┌──────────┐
│ 主標題 │
├──────────┤
│ 圖片/裝飾│
└──────────┘
適合:故事/教學類
版式 3: 左右分欄
┌─────┬────┐
│圖片 │標題│
│裝飾 │正文│
└─────┴────┘
適合:對比/vs 類
版式 4: 對角
┌──────────┐
│ 主標題 │
│ 裝飾 │
│ 裝飾 │
│ 副標題 │
└──────────┘
適合:反差/創意類新手建議:前 30 篇筆記鎖定 1 種版式,跑穩後再加第 2 種。版式越統一,VI 越強。
三件套組合公式
VI = 主色×輔色×中性色 (色卡) × 字型×字重 (字型) × 版式 (版式)
例: 溫柔治癒調性的 VI 套餐
- 色卡: 米白 + 莫蘭迪綠 + 灰
- 字型: 思源黑體 Bold (主) + Regular (副)
- 版式: 居中型整個 VI 套餐寫在一張紙上,貼電腦邊。每次做封面前看一眼,5 分鐘就能完成一張合規的封面。
調性 → VI 的對映表
| 賬號調性 | 主色傾向 | 字型傾向 | 版式傾向 |
|---|---|---|---|
| 親切日常 | 米色/淺暖色 | 圓潤/手寫感 | 居中/分欄 |
| 專業工具 | 藍/深灰 | 現代黑體 | 居中/對比 |
| 活力青春 | 亮紅/亮黃 | 海報體 | 對角/分欄 |
| 治癒溫柔 | 莫蘭迪/低飽和 | 細線體 | 居中 |
| 犀利銳評 | 黑/紅 | 大字標題 | 居中/對角 |
| 知識科普 | 藍/灰 | 現代黑體 | 分欄/對比 |
對映表只是起點,不要照搬。配合你的真實調性微調。
用現有頭部賬號反向學 VI
不知道怎麼入手?找 3-5 個你欣賞的頭部賬號,反向拆 VI:
| 拆解項 | 怎麼記錄 |
|---|---|
| 主色 | 截圖取色,記 HEX |
| 字型 | 透過看字形猜大致字型 |
| 版式 | 畫出元素位置示意圖 |
| 字重組合 | 主副標題字號比例 |
3-5 個賬號拆完後,找出他們的共性(常見調性 + 常見配色),再從這個共性裡找你的差異點。
一致性自查:9 張封面擺一起
VI 驗證最簡單的方法:把最近 9 張封面截圖放進一張 3×3 拼圖,自己看一眼,問三個問題:
- 不看賬號名,能不能認出這是同一個博主?
- 9 張裡有沒有 1-2 張明顯出戲?
- 主色和輔色的佔比是不是符合公式?
任一問題答"不"或"有",找到出戲的那 1-2 張,改成符合 VI 的版本。
VI 升級時機與迭代方式
VI 不是定下來一輩子不變。升級的合理時機:
| 升級訊號 | 怎麼做 |
|---|---|
| 跑了 100+ 篇,資料穩定 | 微調輔色或字型,主色不變 |
| 賬號調性發生明顯轉向 | 重新設計完整 VI |
| 平臺或行業出現新視覺趨勢 | 在現有 VI 上加 10%-20% 新元素 |
| 看到自己的封面已經被模仿 | 升級 VI 拉開差異 |
升級的安全做法:新 VI 先用 5 篇筆記測試,資料穩定後再全量替換。不要一次性全面改版。
AI 怎麼輔助
第一,色卡建議。給 AI 你的賬號調性描述,讓它出 3 套配色方案,你挑最貼近的。
第二,字型推薦。給 AI 你的封面用途和調性,讓它從免費可商用清單裡推薦 3 個字型。
第三,版式模板生成。給 AI 你的主題和字數,讓它推薦 1-2 種最適合的版式。
第四,一致性自查。把 9 張封面描述丟給 AI,讓它指出哪 1-2 張與整體 VI 不符。
不要讓 AI 直接生成最終封面(質量不穩定)。讓 AI 給"方案 + 選項",你用 Canva / 醒圖 / Figma 自己出圖。
研究來源與核驗口徑
本文方法論來自本站長期累積的實戰經驗:
- 平臺後臺欄位、流量來源拆分、資料中心讀法:基於本站對小紅書後臺的逐欄位拆解。
- 演算法分發邏輯、降權訊號、推流遞進:基於本站對公開營運資料的整理。
- 使用者原話採集、需求歸類、訊號識別:基於本站和合作創作者的真實賬號實驗。
- 新手起步節奏與紅線規避:基於本站案例庫與日常營運覆盤。
本文不引用任何未公開來源的精確數字,涉及具體比例一律給區間。
執行前至少核驗:
- 小紅書創作者服務平臺 看資料中心即時欄位
- 小紅書社群規範 看違禁詞與品類紅線
- 小紅書蒲公英幫助中心 看商業合作規則
平臺規則、演算法動向、後臺欄位名都會變。本文保留的是可遷移的判斷框架,具體數字以執行當天后臺為準。
常見問題
一定要請設計師做 VI 嗎?
不一定。用本文方法 + 工具自己也能做出合格 VI。請設計師是錦上添花,不是必需。
VI 太一致會不會讓使用者審美疲勞?
不會。使用者審美疲勞來自內容重複,不是視覺重複。視覺一致反而幫助使用者記住你。
我已經發了 50 篇沒有 VI 的筆記,要全刪重做嗎?
不要。老筆記保留,新筆記從下一篇開始用 VI。10 篇之後主頁視覺自然會平滑過渡。
主色一定要用品牌色心理學嗎?
不必死磕。色彩心理學是參考,不是鐵律。你的真實調性 + 使用者喜好 > 教科書理論。