❤️ 15/15

格式塔:大脑自动把零散元素读成『整体』——邻近与相似

格式塔(Gestalt)心理学(Wertheimer 1923 等,20 世纪上半叶)发现:人看画面不是逐个看像素,而是潜意识地把各部分组织成有结构的整体——『整体的感知不等于部分之和』

这套『分组原理』直接决定界面里『什么看起来是一组、什么看起来分开』。最初一组包括邻近(proximity)、相似(similarity)、闭合(closure);20 世纪末又补了共同区域(common region)、连续(continuation)等。

给设计师的意义:你不用写字说明『这几个是一组』——用格式塔线索摆位置、定样式,用户自然就读成一组。

邻近(proximity):靠得近 = 一组。这是最有效、最该先用的分组线索。 彼此靠近的元素被感知为属于同一组,离得远的被当作不同角色。

它有多强?常常一个『调间距』就胜过加分隔线或加框。

实战:把相关的表单标签与输入框靠紧、把每组之间留更大空隙,用户立刻读出结构;反例是标签离上一个输入框比离自己的更近——用户就会填错行。先用间距分组,不够再上其它手段。

💡相似(similarity):长得像 = 功能像。 共享颜色 / 形状 / 大小 / 样式的元素会被看成同类、属于一组、有相似功能——所以同一类操作要长得一致:所有主按钮同色同形,所有链接同一种蓝 + 下划线。

反过来,相似也是一种隐性承诺:两个东西长得一样,用户就预期它们行为一样。让一个『看起来像按钮但其实不可点』的元素出现在界面里,就违背了相似带来的预期(呼应可用性的一致性原则)。
同一批元素的两种分组读法:靠间距分组(邻近)与靠同色同形分组(相似)——不写一个字,用户自然读成组