1. 审美基础:什么是小红书风格审美、色彩基础理论、排版三要素

大家好,我是你们这门课的主讲人。做了这么多年UI设计,我见过太多人一上来就问「小红书风格到底怎么搞」。说实话,这个问题本身就不太对。你想想看,风格不是学出来的,是理解出来的。今天这一章,我们就先把地基打牢。

1.1 小红书风格审美到底是什么?

先聊个我自己的经历。几年前我接了个美妆品牌的图文项目,客户说「要小红书风」。我做了三版,第一版太冷淡,第二版太花哨,第三版才勉强过关。后来我复盘发现——所谓小红书风格,本质是「生活感」与「精致感」的平衡

它不是那种高不可攀的杂志大片,也不是随手拍的日常。它更像你闺蜜精心收拾过的客厅——舒服,但看得出花了心思

具体来说,小红书风格有几个核心特征:

  • 低饱和度为主:莫兰迪色系、奶油色系是常客。太艳的颜色容易显得廉价。
  • 留白充足:别把画面塞满。呼吸感很重要,我习惯至少留30%的空白区域。
  • 文字轻量化:标题短、正文精。没人愿意在小红书上看长篇小说。
  • 有「人」的味道:哪怕是产品图,也要带点使用痕迹。比如咖啡杯旁边放本书,比单独拍杯子更有温度。

核心公式:小红书审美 = 70% 生活真实感 + 30% 设计精致感

1.2 色彩基础理论——别让颜色打架

色彩这块,我建议你忘掉那些复杂的色轮理论。咱们做小红书图文,记住三个原则就够了。

原则一:主色、辅色、点缀色

一个画面里,颜色不要超过三种。我习惯这样分配:

角色 占比 作用 举例
主色 60% 定调子,决定整体氛围 奶油白、浅灰、燕麦色
辅色 30% 丰富层次,不抢风头 浅粉、淡蓝、卡其
点缀色 10% 画龙点睛,吸引注意力 焦糖、墨绿、酒红

我在项目中遇到过最典型的翻车案例——有人把主色和点缀色搞反了。结果整个画面像打翻的调色盘,用户根本不知道看哪里。

原则二:同色系最安全

如果你不确定怎么配色,就用同色系。比如米色配浅咖、浅粉配豆沙红。为什么?因为同色系天生和谐,不容易出错。

举个例子,你做一个「秋冬穿搭」的笔记:

  • 主色:燕麦色(背景)
  • 辅色:驼色(衣服)
  • 点缀色:深棕色(包包或鞋子)

你看,这三个颜色放在一起,是不是很舒服?

原则三:对比色要用对地方

对比色不是不能用,但要用在关键信息上。比如你的标题、价格、按钮。我习惯用对比色来制造「视觉焦点」。

我的小技巧:用色卡工具(比如Adobe Color)提前生成配色方案。别靠感觉选色,感觉会骗人。

1.3 排版三要素:对齐、对比、亲密性

排版这东西,说白了就是「让信息好读」。我见过太多人把排版搞得很复杂,其实核心就三个词。

1. 对齐——让画面有秩序

对齐是最基础,也是最容易被忽略的。你想想看,一个页面里,文字左对齐、右对齐、居中对齐混着用,是不是看着特别乱?

我个人的习惯是:一个页面只用一个对齐方式。要么全部左对齐,要么全部居中对齐。别混搭。

举个例子,你做产品介绍:

❌ 错误示范:
产品名称(居中)
产品描述(左对齐)
价格(右对齐)

✅ 正确示范:
产品名称(左对齐)
产品描述(左对齐)
价格(左对齐)

嗯,这里要注意——对齐不只是文字,图片、图标、按钮也要对齐。我见过有人文字左对齐,图片居中对齐,结果整个页面像喝醉了酒。

2. 对比——让重点跳出来

对比的目的是什么?就是让用户一眼看到你想让他看的东西。

对比可以体现在:

  • 大小对比:标题大、正文小。别让标题和正文一样大,那用户分不清主次。
  • 颜色对比:重要信息用点缀色。比如价格用红色,其他用灰色。
  • 粗细对比:关键数据加粗,普通文字正常。我习惯把数字和单位加粗。
  • 字体对比:标题用无衬线,正文用衬线。或者反过来,但别用两种以上字体。

避坑指南:我曾经做过一个活动海报,把对比做得太过了——标题超大、颜色超艳、还加了描边。结果用户说「看着像促销广告,不想点」。对比要有度,别用力过猛。

3. 亲密性——把相关的东西放一起

亲密性这个原则,说白了就是「物以类聚」。相关的信息放一起,不相关的分开。

举个例子,你做一篇「护肤步骤」的笔记:

❌ 错误示范:
洁面
精华
面霜
防晒
(所有步骤之间间距一样,看不出分组)

✅ 正确示范:
【早上】
洁面 → 精华 → 面霜 → 防晒
(间距小)

【晚上】
卸妆 → 洁面 → 精华 → 面霜
(间距小)

(早晚之间间距大)

你看,通过调整间距,用户一眼就能看出「早上用这些,晚上用那些」。这就是亲密性的力量。

我建议你记住一个原则:间距 = 关系。关系越近,间距越小;关系越远,间距越大。

小结一下

这一章我们聊了三件事:

  1. 小红书风格审美:生活感 + 精致感,别做过头。
  2. 色彩基础:主辅点缀三色法,同色系最安全,对比色用在关键处。
  3. 排版三要素:对齐让画面有序,对比让重点突出,亲密性让信息分组。

下一章我们会聊「封面设计的底层逻辑」。到时候我会分享一些我踩过的坑,比如「为什么你的封面看着像PPT」。嗯,先卖个关子,咱们下章见。

课后作业:找3篇你喜欢的和3篇你不喜欢的小红书笔记,用今天学的三个原则分析一下。你会发现,好的设计都有共性,不好的设计各有各的问题。