1. 审美基础:什么是小红书风格审美、色彩基础理论、排版三要素
大家好,我是你们这门课的主讲人。做了这么多年UI设计,我见过太多人一上来就问「小红书风格到底怎么搞」。说实话,这个问题本身就不太对。你想想看,风格不是学出来的,是理解出来的。今天这一章,我们就先把地基打牢。
1.1 小红书风格审美到底是什么?
先聊个我自己的经历。几年前我接了个美妆品牌的图文项目,客户说「要小红书风」。我做了三版,第一版太冷淡,第二版太花哨,第三版才勉强过关。后来我复盘发现——所谓小红书风格,本质是「生活感」与「精致感」的平衡。
它不是那种高不可攀的杂志大片,也不是随手拍的日常。它更像你闺蜜精心收拾过的客厅——舒服,但看得出花了心思。
具体来说,小红书风格有几个核心特征:
- 低饱和度为主:莫兰迪色系、奶油色系是常客。太艳的颜色容易显得廉价。
- 留白充足:别把画面塞满。呼吸感很重要,我习惯至少留30%的空白区域。
- 文字轻量化:标题短、正文精。没人愿意在小红书上看长篇小说。
- 有「人」的味道:哪怕是产品图,也要带点使用痕迹。比如咖啡杯旁边放本书,比单独拍杯子更有温度。
核心公式:小红书审美 = 70% 生活真实感 + 30% 设计精致感
1.2 色彩基础理论——别让颜色打架
色彩这块,我建议你忘掉那些复杂的色轮理论。咱们做小红书图文,记住三个原则就够了。
原则一:主色、辅色、点缀色
一个画面里,颜色不要超过三种。我习惯这样分配:
| 角色 | 占比 | 作用 | 举例 |
|---|---|---|---|
| 主色 | 60% | 定调子,决定整体氛围 | 奶油白、浅灰、燕麦色 |
| 辅色 | 30% | 丰富层次,不抢风头 | 浅粉、淡蓝、卡其 |
| 点缀色 | 10% | 画龙点睛,吸引注意力 | 焦糖、墨绿、酒红 |
我在项目中遇到过最典型的翻车案例——有人把主色和点缀色搞反了。结果整个画面像打翻的调色盘,用户根本不知道看哪里。
原则二:同色系最安全
如果你不确定怎么配色,就用同色系。比如米色配浅咖、浅粉配豆沙红。为什么?因为同色系天生和谐,不容易出错。
举个例子,你做一个「秋冬穿搭」的笔记:
- 主色:燕麦色(背景)
- 辅色:驼色(衣服)
- 点缀色:深棕色(包包或鞋子)
你看,这三个颜色放在一起,是不是很舒服?
原则三:对比色要用对地方
对比色不是不能用,但要用在关键信息上。比如你的标题、价格、按钮。我习惯用对比色来制造「视觉焦点」。
我的小技巧:用色卡工具(比如Adobe Color)提前生成配色方案。别靠感觉选色,感觉会骗人。
1.3 排版三要素:对齐、对比、亲密性
排版这东西,说白了就是「让信息好读」。我见过太多人把排版搞得很复杂,其实核心就三个词。
1. 对齐——让画面有秩序
对齐是最基础,也是最容易被忽略的。你想想看,一个页面里,文字左对齐、右对齐、居中对齐混着用,是不是看着特别乱?
我个人的习惯是:一个页面只用一个对齐方式。要么全部左对齐,要么全部居中对齐。别混搭。
举个例子,你做产品介绍:
❌ 错误示范:
产品名称(居中)
产品描述(左对齐)
价格(右对齐)
✅ 正确示范:
产品名称(左对齐)
产品描述(左对齐)
价格(左对齐)
嗯,这里要注意——对齐不只是文字,图片、图标、按钮也要对齐。我见过有人文字左对齐,图片居中对齐,结果整个页面像喝醉了酒。
2. 对比——让重点跳出来
对比的目的是什么?就是让用户一眼看到你想让他看的东西。
对比可以体现在:
- 大小对比:标题大、正文小。别让标题和正文一样大,那用户分不清主次。
- 颜色对比:重要信息用点缀色。比如价格用红色,其他用灰色。
- 粗细对比:关键数据加粗,普通文字正常。我习惯把数字和单位加粗。
- 字体对比:标题用无衬线,正文用衬线。或者反过来,但别用两种以上字体。
避坑指南:我曾经做过一个活动海报,把对比做得太过了——标题超大、颜色超艳、还加了描边。结果用户说「看着像促销广告,不想点」。对比要有度,别用力过猛。
3. 亲密性——把相关的东西放一起
亲密性这个原则,说白了就是「物以类聚」。相关的信息放一起,不相关的分开。
举个例子,你做一篇「护肤步骤」的笔记:
❌ 错误示范:
洁面
精华
面霜
防晒
(所有步骤之间间距一样,看不出分组)
✅ 正确示范:
【早上】
洁面 → 精华 → 面霜 → 防晒
(间距小)
【晚上】
卸妆 → 洁面 → 精华 → 面霜
(间距小)
(早晚之间间距大)
你看,通过调整间距,用户一眼就能看出「早上用这些,晚上用那些」。这就是亲密性的力量。
我建议你记住一个原则:间距 = 关系。关系越近,间距越小;关系越远,间距越大。
小结一下
这一章我们聊了三件事:
- 小红书风格审美:生活感 + 精致感,别做过头。
- 色彩基础:主辅点缀三色法,同色系最安全,对比色用在关键处。
- 排版三要素:对齐让画面有序,对比让重点突出,亲密性让信息分组。
下一章我们会聊「封面设计的底层逻辑」。到时候我会分享一些我踩过的坑,比如「为什么你的封面看着像PPT」。嗯,先卖个关子,咱们下章见。
课后作业:找3篇你喜欢的和3篇你不喜欢的小红书笔记,用今天学的三个原则分析一下。你会发现,好的设计都有共性,不好的设计各有各的问题。