VOCABULARY / 词条
相似律
Similarity
共享颜色、形状、大小等视觉特征的元素容易被感知为相关的一组，即使它们在位置上并不相邻。
示意图 · 编辑插画，尚无可操作示例
识别特征
- 同类元素共享颜色、形状或尺寸
- 不同类元素在至少一个属性上明确区分
- 打破相似性的元素成为视觉焦点
概念边界
相似律的分组线索是视觉属性，不是距离；它常被接近律或共同区域压过，也不替代语义标签、标题和无障碍分组信息。
什么时候考虑它
- 同类操作或内容分散在不同位置，需要跨区域表达关联
- 希望让链接、按钮、标签等同一功能的元素被一眼识别
- 需要用有意的差异突出单个关键操作
什么时候慎用
- 用相同样式暗示功能上并不相关的元素
- 把交互色同时用于不可交互的装饰元素
- 只靠颜色区分分组，而不提供形状、文字等第二线索
取舍
视觉一致性能跨位置传达关联，但相似过度会让无关元素被误读为同组，也会削弱需要突出的元素。
条件规则 · 编辑建议
当用颜色表达分组或可交互性必须不要只依赖颜色；同时提供形状、图标或文字等第二线索。
当为同一功能的元素定义样式建议让它们共享一致的视觉属性，并避免把该样式用于功能不同的元素。
相关词条
接近律 ↗相关但不同 · 同时使用距离与视觉属性表达分组
接近律依靠距离，相似律依靠共享属性；两者冲突时距离常占上风，需保持线索一致。
瑞士国际主义 ↗可以配合 · 排版系统以统一字号与色彩分层
一致的文字样式让同级内容跨页面被识别为同类。
包容性设计 ↗提供解释 · 分组线索依赖颜色
颜色相似性对色觉差异用户可能失效，需要形状或文字备份。
来源与支持范围
NN/g · Similarity Principle in Visual Design ↗
共享视觉特征的元素被感知为更相关；颜色、形状、大小是主要相似线索，且相似律常被接近律或共同区域压过。
检索日期：2026-09-15IxDF · What are the Gestalt Principles? ↗
共享表面特征（形状、颜色、大小）的元素被感知为一组；可有意打破相似性来突出行动号召。
检索日期：2026-09-15 · 存档于 2026-09-01Smashing Magazine · Design Principles: Visual Perception And The Principles Of Gestalt ↗
相似特征包括颜色、形状、大小、纹理；差异可用作焦点以强调元素。
检索日期：2026-09-15定义参考以上来源；数字界面示例、选择建议、条件关系及配方由本样例编辑，尚未经用户研究验证。
类型扩展与实现说明
本词条尚无可操作示例；插画为编辑示意，应用到产品时仍须验证语义分组与无障碍标注。
{
"evidenceType": "感知原则的设计解释",
"limit": "本词条不测量各属性的分组强度，也不规定颜色或尺寸的具体取值。"
}打开本词条的 Agent JSON 文件这个文件原样收录本词条的全部字段，并附上来源、存档与编辑声明。