哈喽,我是大鹏,这里是第二灵感库。
做设计这几年,我发现一个规律:
有些设计稿,客户一看就说"对,就是这个感觉";有些设计稿,解释半天对方还是一脸懵。
差别不在审美,在有没有用对心理学原理。
今天聊5个,每个都附:原理是什么、为什么有效、怎么用、真实案例。
01 格式塔原理:用户自动"脑补"的6种方式
一句话:人眼会自动把分散的元素看成整体——这是人类视觉系统的出厂设置,不是你刻意教的。
格式塔(Gestalt)是1912年德国心理学家提出的,到现在仍然是UI设计的底层逻辑。
6个核心原理
|
|
|
|
|---|---|---|
| 接近性 |
|
|
| 相似性 |
|
|
| 连续性 |
|
|
| 封闭性 |
|
|
| 对称性 |
|
|
| 共同区域 |
|
|
为什么有效
人类处理视觉信息的方式是先整体,后细节。
你做一个列表页,如果12个商品卡片间距完全一致,用户会认为"这是12个并列选项";如果你把其中3个靠得更近、背景色不同,用户会立刻理解"这3个是推荐款"。
你没写一句话,用户已经懂了——这就是格式塔的威力。
真实案例
Airbnb 的搜索结果页:
-
每个房源卡片内部:图片、标题、价格、评分,间距小,被认为是一个整体 -
卡片与卡片之间:间距大,被认为是一个个独立选项 -
推荐房源:用不同背景色和其他房源区分
用户不需要读"推荐"两个字,颜色已经替你说了。
02 希克定律:选项越多,用户越不买
一句话:用户做决策的时间,和选项数量成正比。
公式:决策时间 = 常数 × log₂(选项数量)
翻译成人话:选项从3个变成6个,决策时间增加100%;从6个变成12个,决策时间再增加50%。
为什么有效
人的工作记忆(就是大脑同时能处理的信息量)只有4±1个单位。
选项太多,工作记忆"超载",用户就会放弃决策——心理学叫**"选择悖论"(Paradox of Choice)**。
怎么用
|
|
|
|
|---|---|---|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
真实案例
Netflix 的订阅页:
-
只有3个方案:基础、标准、高级 -
默认推荐「标准」,其他两个方案的信息被弱化 -
结果:大部分用户直接选标准,决策时间<30秒
如果放6个方案,用户会开始比较"4K有没有必要""同时看几台设备",最后放弃订阅。
03 冯·雷斯托夫效应:让关键元素"跳"出来
一句话:和周围不一样的元素,更容易被记住。——也叫"隔离效应"(Isolation Effect)。
为什么有效
人眼的视觉注意力是对比驱动的。
如果页面上所有按钮都是灰色,用户不会特别注意任何一个;如果只有一个按钮是亮橙色,眼球会被它吸过去——哪怕用户自己都没意识到。
怎么用
|
|
|
|---|---|
|
|
|
|
|
|
|
|
|
|
|
|
一个常见错误
只靠颜色做对比——这是无障碍设计的典型错误。
红绿色盲用户(男性中约8%)看不到「红色和绿色的区别」,如果你的"错误提示"只用红色文字,他们看到的和普通文字没区别。
正确做法:颜色 + 图标 + 文字,三重保险。
04 峰终定律:用户记住的,只有两个瞬间
一句话:用户对一段体验的评价,只取决于「最高点」和「结束点」。——诺贝尔奖得主丹尼尔·卡尼曼1979年提出。
公式化表达:
整体评价 ≈ f(峰值体验, 结束体验)
其他时刻的影响微乎其微。
为什么有效
人的记忆是重构的,不是录像的。
你做了一款App,用户用了10次,其中9次都很顺畅,只有1次遇到了一个特别惊艳的动效——用户会记住那1次,忘记其他9次。
同理,如果结束体验很差(比如最后一步表单报错),用户对整个流程的评价会被拉低。
怎么用
|
|
|
|---|---|
|
|
|
|
|
|
|
|
|
真实案例
Duolingo(多邻国):
-
峰值:连续打卡后,出现庆祝动效 + 收到系统消息"你已连续学习XX天!" -
结束:每次学完,出现一个"今日完成"的总结页,有进度条+奖励徽章 -
结果:用户记住的是"打卡成功的成就感",而不是"做了10道填空题"
05 认知负荷理论:别让用户"想"——直接给他答案
一句话:人脑处理新信息的带宽是有限的,设计的目标是把认知负荷降到最低。
三种认知负荷
|
|
|
|
|---|---|---|
| 内在负荷 |
|
|
| 外在负荷 |
|
必须降低
|
| 相关负荷 |
|
可以适当增加
|
怎么用
降低外在负荷:
-
删掉装饰性图标、背景纹理、无意义的动效 -
表单标签用「手机号」而不是「请输入您的手机号码」 -
提示文字放在输入框内部(placeholder),而不是放在框外面
增加相关负荷(适度):
-
复杂流程用「步骤条」让用户知道"我在哪、还有几步" -
用图标+文字,而不是只用文字(双重编码,降低理解成本)
真实案例
Google 首页:
-
只有一个搜索框 + 两个按钮 -
没有热门搜索推荐、没有新闻feed、没有弹窗 -
认知负荷降到最低,用户进来就知道"我要做什么"
5个原理,一句话总结
|
|
|
|---|---|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
哈喽,我是大鹏,这里是第二灵感库。 每周拆解设计背后的原理和工具,帮你少走弯路。

