整体不同于部分之和
人把点和线看成组(Koffka, 1935),Wagemans等(2012)总结了百年实证。共同区域(Palmer, 1992)与均匀连通性(Palmer & Rock, 1994)也很典型。
移动端的接近性与共同区域
先用间距:标签与输入框紧凑,组间宽松,移动端表单自然易读。接近性与相似性可叠加(Kubovy & van den Berg, 2008)。卡片体现信息架构。
打破相似性来强调
唯一不同的元素会突显(Treisman & Gelade, 1980),这是视觉层级的基础。样式应与功能一致(Lidwell et al., 2010)。
常见问题
- 最重要的是哪条?
- UI中接近性最常用。
- 与格式塔疗法有关吗?
- 词源相同,但属于不同领域。
来源核查日期:2026-10-27
参考文献
- Wagemans, J., Elder, J. H., Kubovy, M., Palmer, S. E., Peterson, M. A., Singh, M., & von der Heydt, R. (2012). A century of Gestalt psychology in visual perception: I. Perceptual grouping and figure–ground organization. Psychological Bulletin, 138(6), 1172–1217. 总结百年知觉分组研究的综述。
- Koffka, K. (1935). Principles of Gestalt psychology. Harcourt, Brace. 格式塔心理学经典著作。
- Palmer, S. E. (1992). Common region: A new principle of perceptual grouping. Cognitive Psychology, 24(3), 436–447. 提出共同区域原则,可解释卡片效果。
- Palmer, S., & Rock, I. (1994). Rethinking perceptual organization: The role of uniform connectedness. Psychonomic Bulletin & Review, 1(1), 29–55. 讨论均匀连通性。
- Kubovy, M., & van den Berg, M. (2008). The whole is equal to the sum of its parts: A probabilistic model of grouping by proximity and similarity in regular patterns. Psychological Review, 115(1), 131–154. 量化接近性与相似性如何共同作用。
- Treisman, A. M., & Gelade, G. (1980). A feature-integration theory of attention. Cognitive Psychology, 12(1), 97–136. 解释打破相似性时的突显。
- Lidwell, W., Holden, K., & Butler, J. (2010). Universal principles of design (2nd ed.). Rockport. 含实务示例的设计原则手册。
