格式塔原理测试：这 10 个 UI 布局你能看穿吗？
10 个布局现场——让人填错行的表单、长得像按钮的装饰、全场都在喊的海报。你能叫出每个背后在用（或被违反）的原理吗？每题人话解析，不用注册。
0 / 10 题已答
第 1 题
注册表单里，每个标签正好卡在上一个输入框和自己输入框的正中间，用户老把邮箱填进电话框。违反了哪条原理？
第 2 题
落地页上，绿色圆角矩形既当 CTA 按钮、又当装饰性「功能标签」，用户不停去点那些标签。问题出在哪？
第 3 题
商品图、标题、价格、购买按钮松散地飘在页面上；设计师用一个带描边的卡片把它们圈起来，立刻读成「一件商品」。用的哪条原理？
第 4 题
一个图标紧挨着输入框，但被画进了另一个带独立底色的面板里，用户始终没发现它是操作这个输入框的。为什么？
第 5 题
一个 logo 只画了三段断开的弧线，所有人却一眼看出是一个完整的圆、里面还有只猫。它靠的是哪条原理？
第 6 题
结账表单所有字段沿同一条左边线对齐，用户不动脑子就一路填到底；之前那版左右横跳的布局测得一塌糊涂。是什么在起作用？
第 7 题
海报设计师把标题、日期、场地、赞助商全做得又大又粗，理由是「这样啥都不会被漏看」。下面哪句是对的？
第 8 题
一个落地页用了 6 种字号，测试用户反馈「不知道该先看哪」。按 NN/g 的建议，诊断是什么？
第 9 题
为了「弱化」页脚的法律条款，设计师把文字调成白底上的浅浅灰，几乎看不清。评审打了回来。更好的做法是？
第 10 题
上线前 CEO 扫了一眼首页：「这么多空白太浪费了，再塞几个 banner。」设计师应该怎么回？
答完全部 10 题，看你的逻辑段位 👆
测验里的原理（速查表）
- 邻近
- 靠得近 = 一组。最强的分组线索——先调间距，再考虑加线加框。
- 相似
- 长得像 = 功能像。同样的样式是对「行为也一样」的隐性承诺。
- 共同区域
- 同一个容器 = 一组。强到能压过邻近；卡片就靠它（Palmer，1992）。
- 闭合
- 大脑自动补全缺口——几段弧线就能读成完整图形，极简 logo 的老家。
- 连续
- 眼睛顺着线和曲线走；对齐形成的隐形线牵引阅读顺序。
- 视觉层级
- 视线在页面上的先后顺序。先定最重要的那一个，给它最大视觉权重。
- 尺度
- 越大越重要——但一个版面别超过约 3 种尺寸，否则档位糊掉。
- 对比
- 差异抓眼球。但别为了「弱化」把文字对比压到可读线以下。
- 留白
- 干活的材料而非浪费：分组、给重点呼吸空间、降低认知负荷。
- 格式塔
- 20 世纪初的心理学（Wertheimer，1923）：人感知的是有组织的整体，不是零散的部分。
什么是格式塔原理？
格式塔原理出自 20 世纪初的心理学。Max Wertheimer 1923 年关于知觉分组的研究发现：人看画面不是逐个看像素，大脑会自动把各部分组织成有结构的整体。Kurt Koffka 那句名言是最好的概括：「整体不同于部分之和」（1935）。
经典分组律——邻近、相似、闭合——后来又添了新成员，比如 Stephen Palmer 1992 年提出的共同区域。放到界面设计里，它们回答的都是同一个问题：什么东西看起来是一伙的？线索用对了，你永远不需要写一行「以下内容为一组」——布局自己会说话。
这套题还穿插了视觉层级——决定用户先看哪的手艺。实操规则（来自 Nielsen Norman Group）：层级清晰的页面通常只需要 2–3 种字号、别超过约 3 档尺寸；弱化要靠留白、尺寸、字重，而不是把对比压到看不清；留白是材料不是浪费——塞满每个像素，恰恰毁掉你想搭的结构。
每道题都是真实产品工作里的现场：让人填错行的表单、被疯狂误点的装饰标签、全员大字加粗的海报。错了就读那句解析，再来一遍——训练就这么简单。
常见问题
格式塔五大原理是哪五条？
设计中最常引用的五条：邻近、相似、闭合、连续、共同区域。经典分组律可追溯到 Wertheimer 1923 年的研究；共同区域是 Stephen Palmer 1992 年补充的现代成员。
格式塔原理是谁提出的？
20 世纪初的格式塔心理学家。Max Wertheimer 1923 年的论文奠定了分组律，Kurt Koffka 让「整体不同于部分之和」广为流传（1935）。
格式塔原理在 UI 设计里怎么用？
它们决定什么被读成一组：相关内容靠间距聚拢（邻近）、同功能元素样式统一（相似）、卡片和容器圈组（共同区域）、对齐牵引视线（连续）——全程不需要文字说明。
邻近和共同区域有什么区别？
都能分组。邻近靠距离，共同区域靠容器——而且容器强到能压过距离：两个挨着的元素只要在不同的框里，照样被读成两组。
一个页面该用几种字号？
通常 2–3 种。超过约 3 种，用户就分不清档位、层级发糊——这是 Nielsen Norman Group 的经验法则。