2、视觉心理学：格式塔原理在车载界面中的应用
各位同学好，我是老张。今天咱们聊聊格式塔原理。
说实话，我刚入行那会儿，觉得什么心理学原理都是虚的。做设计嘛，好看就行。直到有一次，我负责一个HUD项目，导航箭头和车速信息堆在一起，用户反馈说「看着头晕」。嗯，从那以后，我才真正开始研究视觉心理学。
格式塔原理，说白了就是研究「人眼怎么自动组织信息」的规律。你想想看，开车时扫一眼屏幕，就那么零点几秒。如果界面不按人眼的习惯来组织，后果就是——分心、误操作、甚至事故。
今天重点讲三个最常用的：接近性、相似性、闭合性。
2.1 接近性：距离决定关系
这个原理很简单：靠得近的元素，会被视为一组。
我在项目中遇到过一件事。有个仪表盘设计，转速表和车速表中间插了个小计里程。结果测试时，驾驶员总把计里程当成车速的一部分。为什么？因为距离太近了，人眼自动把它们「打包」了。
实际应用建议：
- 功能相关的控件，间距控制在 8-12px 以内
- 不同功能组之间，间距至少 24px 以上
- 导航卡片里的「剩余距离」和「预计时间」要挨着放
- 空调温度和风量调节，不要和音乐控制混在一起
核心原则：间距就是语义。间距越小，关系越近。
2.2 相似性：长得像就是一家人
这个更好理解。颜色、形状、大小相似的元素，会被归为一类。
我记得有个项目，客户要求把所有功能按钮都做成圆角矩形，颜色也差不多。结果驾驶员在高速上想调音量，却按到了除雾开关。为什么？因为所有按钮看起来都一样，人眼没法快速区分。
具体怎么用？
- 所有可点击的按钮，用统一的颜色（比如蓝色系）
- 所有信息展示区，用白色或浅灰色背景
- 警告信息，统一用红色或黄色高亮
- 导航指引箭头，保持相同的形状和大小
| 元素类型 | 推荐颜色 | 形状 | 示例 |
|---|---|---|---|
| 主操作按钮 | 蓝色 (#007AFF) | 圆角矩形 | 确认、开始导航 |
| 次要操作 | 灰色 (#8E8E93) | 圆形 | 取消、返回 |
| 警告信息 | 红色 (#FF3B30) | 三角形 | 碰撞预警、故障 |
| 状态指示 | 绿色 (#34C759) | 圆形 | 连接成功、正常 |
小技巧：我习惯把相似性用在「功能分区」上。比如所有跟「驾驶」相关的控件用蓝色，所有跟「娱乐」相关的用橙色。这样驾驶员扫一眼颜色，就知道该看哪块。
2.3 闭合性：人脑会自动补全
这个原理有点意思。即使图形不完整，人眼也会自动把它补全成一个完整的形状。
为什么会这样？因为大脑追求「省力」。它不想花时间去分析零散的碎片，而是直接给你一个「完整」的答案。
我曾经做过一个仪表盘，转速表用了一圈小刻度线。但为了节省空间，我把刻度线只画了 70%。结果测试时，所有驾驶员都「看到」了一个完整的圆。这就是闭合性在起作用。
车载场景下的应用：
- 导航路线被遮挡时，用虚线或半透明线暗示「路还在前面」
- 进度条可以只显示两端，中间用渐变色暗示连续
- 图标设计时，可以适当留白，让用户自己「脑补」完整形状
- 仪表盘外圈，用间断的弧线代替完整的圆环
注意避坑：我曾经在HUD上用过「闭合性」设计，把导航箭头简化成几个点。结果用户反馈「看不懂」。为什么？因为闭合性需要用户有一定的认知基础。如果信息太抽象，用户反而要花更多时间去理解。所以，闭合性适合「锦上添花」，不适合「雪中送炭」。
2.4 三个原理怎么配合用？
说实话，单独用任何一个原理都不难。难的是把它们组合起来。
我举个例子。一个典型的导航界面：
- 接近性：把「剩余距离」和「预计到达时间」放在一起，间距 8px
- 相似性：所有导航指引（左转、右转、掉头）都用绿色箭头
- 闭合性：路线被建筑物遮挡时，用半透明虚线表示「路还在」
你看，三个原理同时用，界面就变得很「自然」。驾驶员不需要思考，扫一眼就知道该看哪、该做什么。
总结一句话：格式塔原理不是设计规则，而是人眼的「默认设置」。你顺着它来，用户就舒服；你逆着它来，用户就难受。
好了，这一章就到这里。下一章咱们聊聊「色彩对比度与可读性」，这个在车载HMI里特别重要，尤其是强光下的表现。到时候我会分享一些我在实车测试中踩过的坑。
记住：设计不是让用户去适应界面，而是让界面去适应人。