The whole differs from its parts
Early twentieth-century German psychologists showed people see dots and lines as groups (Koffka, 1935), and Wagemans et al. (2012) review a century of confirming experiments. Key principles are proximity, similarity, common region (Palmer, 1992) and uniform connectedness (Palmer & Rock, 1994).
Proximity and common region on mobile
Lines and boxes crowd small screens, so spacing comes first: tight between label and field, wide between groups, and mobile forms read themselves. Kubovy and van den Berg (2008) show proximity and similarity combine additively, so keep them consistent. Cards use common region to reveal information architecture.
Breaking similarity to emphasise
Identical buttons read as one group; one different element pops out (Treisman & Gelade, 1980). That is why only the primary button is filled, a basic of visual hierarchy. Colouring non-links like links invites taps, so style must match function (Lidwell et al., 2010).
FAQ
- Which principle matters most?
- Proximity is used most in UI; spacing alone expresses most groups.
- Is it related to Gestalt therapy?
- Same German word, but the principles are perceptual psychology while the therapy is a psychotherapy.
Sources reviewed: 2026-10-27
References
- 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. A century-long review of perceptual grouping research.
- Koffka, K. (1935). Principles of Gestalt psychology. Harcourt, Brace. Classic statement of Gestalt psychology.
- Palmer, S. E. (1992). Common region: A new principle of perceptual grouping. Cognitive Psychology, 24(3), 436–447. Introduces common region, relevant to cards.
- Palmer, S., & Rock, I. (1994). Rethinking perceptual organization: The role of uniform connectedness. Psychonomic Bulletin & Review, 1(1), 29–55. Uniform connectedness explains grouping by lines and borders.
- 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. Quantifies how proximity and similarity combine.
- Treisman, A. M., & Gelade, G. (1980). A feature-integration theory of attention. Cognitive Psychology, 12(1), 97–136. Explains pop-out when similarity is broken.
- Lidwell, W., Holden, K., & Butler, J. (2010). Universal principles of design (2nd ed.). Rockport. Design reference with practical Gestalt examples.