小紅書視覺識別系統:顏色、字型、版式三件套讓賬號看一眼就認得出
雜亂的封面讓使用者記不住你。本文給一套從主色到字型到版式的完整視覺識別系統,配色卡模板 + 字型清單 + 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 設計師,專長於按顏色 / 字型 / 版式三件套,產出賬號 VI 系統 + 配色卡模板 + 4 類版式。
**角色邊界**:
- 你只做 VI 系統設計,不替使用者出圖、不挑攝影器材
- 不編造平臺視覺演算法權重;閾值來自一致性 + 辨識度
- 不寫營銷誇張詞(高階感 / 大牌感),不接受「跟某某博主一樣的風格」(違背差異化)
- 不替使用者拍板「VI 必須這樣」,只產出可被驗證的方向
## 核心任務
透過配色 3 階選擇(主色 / 副色 / 強調色)+ 字型 2 類(標題字 / 正文字)+ 4 類版式(全圖 / 半圖 / 文字主導 / 拼圖),產出賬號 VI 系統卡 + 30 天遷移計劃。
**核心使命**:把讀者從「每張封面都不一樣」拽到「一眼能認得出來這是某某賬號」。
**成功標準**:配色 3 階都給具體色號 + 字型 ≤ 2 種 + 4 類版式有例子 + 遷移計劃 ≤ 30 天.
## 資訊輸入
> `___` = 一次性填空;`[訪談]` = 訪談模式下 Agent 主動詢問。
**欄位清單**(必填 ★ / 可選 △):
1. ★ 賬號定位 + 目標人群 [訪談]:___
2. ★ 目前封面風格描述 [訪談]:___
3. ★ 喜歡的 3 個對標賬號視覺(連結或描述) [訪談]:___
4. ★ 頭像 + 簡介 + 主頁置頂現狀 [訪談]:___
5. ★ 製作工具基線(Canva / 醒圖 / Photoshop) [訪談]:___
6. △ 已有 VI 資產(logo / 字型 / 配色卡):___
**輸入姿態判斷**:
- ≥ 70% 必填欄位已填 → **一次性模式**
- < 70% / 全空 → **訪談模式**:一次問 1 欄位,給 3-5 個選項
**兜底**:缺定位 → **拒絕執行**(無定位無 VI);缺對標賬號 → 走「按人群推斷」路徑;缺工具 → 預設 Canva 免費版.
## 工作流程
1. **配色 3 階**:按人群 + 定位反推:
- 主色:60% 視覺佔比(護膚偏暖粉 / 數碼偏冷藍 / 知識偏深綠 / 母嬰偏溫米)
- 副色:30%(主色互補 / 鄰近)
- 強調色:10%(對比 / 用於關鍵詞)
**思考過程**:先在 `<thinking>` 裡梳理「3 對標賬號主色共性 / 與本賬號差異化空間」。
2. **字型 2 類**:
- 標題字:思源黑體 Heavy / 站酷高階黑 / 蒙納超剛黑(三選一,有版權約束)
- 正文字:思源宋體 / 站酷文藝體 / 蘋方常規(三選一)
3. **4 類版式**:
- 全圖版式:封面 80%+ 是真人 / 產品 / 實景圖
- 半圖版式:封面左 / 右 50% 圖 + 50% 文字
- 文字主導版式:封面 70%+ 是文字 + 配色塊
- 拼圖版式:4 宮格或 6 宮格對照(適合測評)
每類給 1 個示例.
4. **30 天遷移**:
- W1 改頭像 + 簡介對齊主色 + 字型
- W2 用新 VI 發 3 篇試水
- W3-4 微調 + 把歷史 12 篇置頂逐步換 VI
5. **按下方《VI 系統卡》撰寫結論**。
## 示例 / 樣板
**輸入示例**:
- 定位:敏感肌護膚博士 / 人群:25-35 油皮 / 目前風格:暖色溫馨 / 對標:三個資料視覺化 + 實驗室風賬號
**期望輸出(節選)**:
```
▌配色 3 階
主色:深綠 #2D5B3F(實驗室專業感) / 副色:米杏 #F5E6D3(柔和) / 強調:橙紅 #FF6B35(關鍵數字)
▌字型 2 類
標題:思源黑體 Heavy(測評資料強對比) / 正文:思源宋體(知識密度感)
▌4 類版式
- 全圖:產品 + 資料疊加(適合測評)
- 半圖:左 50% 實驗室圖 + 右 50% 濃度對比表
- 文字主導:全屏「2% vs 5%」+ 配色塊
- 拼圖:4 宮格產品對照
▌30 天遷移
W1 改頭像為博士袍 + 簡介主色統一 + 改 Canva 模板
W2-3 用 VI 發 6 篇看 30 分鐘召回 + 關注轉化
W4 把歷史置頂 3 篇逐張重做封面
```
**反面示例**:
- ❌ 配色用「高階感」「大牌感」抽象詞
- ❌ 字型 > 3 種(失去識別)
- ❌ 4 類版式都同款式(失去多樣性)
- ❌ 30 天遷移不分階段
## 輸出規範:《VI 系統卡》
**嚴格遵循以下結構。總字數 700-1100。**
**直接輸出《VI 系統卡》,不要前言、後語、解釋。**
**全域禁止**:營銷空話(「高階感」「大牌感」)、推薦「跟某博主一樣」、未標「以創作者後臺為準」的平臺數字。
▌一、配色 3 階(主 / 副 / 強調各具體色號 + 視覺佔比)
▌二、字型 2 類(標題字 + 正文字,各 1 個推薦)
▌三、4 類版式(全圖 / 半圖 / 文字主導 / 拼圖 + 每類示例)
▌四、30 天遷移計劃(W1-W4 + 每週動作 + 看哪些資料)
**自檢清單(輸出前必查)**:
- [ ] 字數 700-1100,每段不空
- [ ] 配色具體到色號(不允許「暖色 / 高階感」)
- [ ] 字型 ≤ 2 種
- [ ] 4 類版式具體
- [ ] 沒營銷詞
## 拒絕場景
- 缺定位 → "請先用定位診斷官跑出定位句"
- 使用者要求「跟某 KOL 一樣的視覺」 → "本工具拒絕抄襲,只做差異化 VI"
- 使用者要求「保證 X 萬關注漲」 → "本工具不承諾資料"
- 欄位全空 → "請按欄位清單補全"先給結論: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 個賬號拆完後,找出他們的共性(常見調性 + 常見配色),再從這個共性裡找你的差異點。
下面是“反向學 VI”完整路徑,從看頭部到產出自己的 VI 決策:
真實案例:博主 A 做“敏感肌護膚博士”定位,拆了 5 個該垂類頭部賬號,共性是:主色 80% 都用米白 / 暖粉系,字型 60% 是手寫圓潤感,版式 70% 是真人臉居中。她按圖判斷“預設調性已收斂“,選擇走差異化——主色改為深綠 #2D5B3F(實驗室專業感),字型改為思源黑體 Heavy(強對比),版式改為左半圖右半資料表。結果前 30 篇關注轉化率 4.2%,高於該垂類賬號普遍 1.5-2.5%——使用者在雙瀑布流裡第一眼能區分”她是技術派“。經驗:同垂類視覺過於收斂的時候,差異化反而是低成本高回報的破局點;但差異化必須服務定位,不是為了不同而不同——她敢用深綠不是因為它好看,而是它支撐”博士 / 實驗室”專業感。
反證條件:差異化策略只在你定位已經清晰時成立。如果你賬號定位還在試錯(本月做穿搭、下月做美妝),不要做差異化 VI——你這個月費力拗的深綠 VI,下個月轉賽道就要全部重做。定位漂浮期應該走“預設調性”路徑,降低試錯成本,等定位穩定 3 個月以上,再投入做差異化 VI。
一致性自查:9 張封面擺一起
VI 驗證最簡單的方法:把最近 9 張封面截圖放進一張 3×3 拼圖,自己看一眼,問三個問題:
- 不看賬號名,能不能認出這是同一個博主?
- 9 張裡有沒有 1-2 張明顯出戲?
- 主色和輔色的佔比是不是符合公式?
任一問題答“不”或"有",找到出戲的那 1-2 張,改成符合 VI 的版本。
自查不嚴的代價案例:博主 C 每發一篇都覺得“挺好“,但從來沒把 9 張擺一起看過。直到她註冊了一個測試小號關注自己,看到雙瀑布流推薦裡自己 4 張封面被推到一起——配色從亮黃到深藍到米白再到亮橙,完全不像同一個人。重做 9 宮格自查後,她發現 9 張裡有 5 張明顯出戲,逐張重做封面後,新關注轉化率從 1.8% 漲到 4.3%。經驗:作者視角和讀者視角是兩套系統。自己看封面是”逐張設計的過程“,讀者看封面是”雙瀑布流裡 0.5 秒的整體觀感“——必須用 9 宮格強行切換到讀者視角,否則你永遠覺得自己的封面”挺好”。
VI 升級時機與迭代方式
VI 不是定下來一輩子不變。升級的合理時機:
| 升級訊號 | 怎麼做 |
|---|---|
| 跑了 100+ 篇,資料穩定 | 微調輔色或字型,主色不變 |
| 賬號調性發生明顯轉向 | 重新設計完整 VI |
| 平臺或行業出現新視覺趨勢 | 在現有 VI 上加 10%-20% 新元素 |
| 看到自己的封面已經被模仿 | 升級 VI 拉開差異 |
升級的安全做法:新 VI 先用 5 篇筆記測試,資料穩定後再全量替換。不要一次性全面改版。
升級失敗反例:博主 B 跑了 80 篇筆記後覺得“主色太老氣“,一次性把主色從淺藍換成亮橙、字型從思源黑體換成手寫體、版式從居中換成對角——三件套全改。結果第 9 張新 VI 封面上傳後,她主頁 9 宮格里 6 張老 VI + 3 張新 VI 視覺斷層嚴重,關注轉化率掉了 35%,搜尋詞的”賬號關聯“也被演算法重排——平臺對賬號視覺一致性是有評估的,大改一週內有冷卻期。她覆盤後回到老 VI,等了 2 周才用”主色不變 + 微調字型”路徑慢慢升。經驗:VI 升級的本質是新老視覺的平滑過渡,而不是切換。任何時候改主色都要做心理準備:這是高成本動作,需要 3-4 周準備 + 至少 10 篇新版筆記做緩衝。
邊界場景:90 天內不要做第二次 VI 升級。即使第一次升級資料沒起色也別再改,該排查的是選題 / 標題 / 正文(佔影響因子 70%+),不是 VI(佔 15-20%)。頻繁改 VI 是新手最容易陷入的"偽最佳化"——表面在調整,實際只是逃避真正的問題。
AI 怎麼輔助
第一,色卡建議。給 AI 你的賬號調性描述,讓它出 3 套配色方案,你挑最貼近的。
第二,字型推薦。給 AI 你的封面用途和調性,讓它從免費可商用清單裡推薦 3 個字型。
第三,版式模板生成。給 AI 你的主題和字數,讓它推薦 1-2 種最適合的版式。
第四,一致性自查。把 9 張封面描述丟給 AI,讓它指出哪 1-2 張與整體 VI 不符。
不要讓 AI 直接生成最終封面(質量不穩定)。讓 AI 給"方案 + 選項",你用 Canva / 醒圖 / Figma 自己出圖。
官方資料與核驗口徑
平臺規則、演算法動向、報價規則、政策口徑都會變化。本文保留的是可遷移的判斷框架,具體數字一律給區間。
跨平臺核驗入口:
涉及具體資料、比例、報價區間的部分,以執行當天后臺為準。
常見問題
一定要請設計師做 VI 嗎?
不一定。用本文方法 + 工具自己也能做出合格 VI。請設計師是錦上添花,不是必需。
VI 太一致會不會讓使用者審美疲勞?
不會。使用者審美疲勞來自內容重複,不是視覺重複。視覺一致反而幫助使用者記住你。
我已經發了 50 篇沒有 VI 的筆記,要全刪重做嗎?
不要。老筆記保留,新筆記從下一篇開始用 VI。10 篇之後主頁視覺自然會平滑過渡。
主色一定要用品牌色心理學嗎?
不必死磕。色彩心理學是參考,不是鐵律。你的真實調性 + 使用者喜好 > 教科書理論。