
让相同的视觉信号始终表达相同含义
账单页需要便于密集比较并清楚显示金额;编辑内容页则需要舒适的阅读节奏。让两者使用完全相同的布局,会忽略它们不同的任务;但共享字体、交互惯例和具有语义的颜色选择,仍能让它们看起来属于同一产品。
当视觉信号的含义意外改变时,问题就出现了。如果强调样式在一个页面代表主要操作,在另一个页面代表已选筛选项,在其他地方又代表错误,访客就不得不反复重新理解它。审查含义,而不只是颜色值。
比较同类元素
把用途相同的控件放在一起,在相同状态和相同宽度下比较。不要拿禁用按钮与启用按钮作比较;表格中的紧凑操作,也不一定要和页面级的主要操作一样大。
针对每一处差异,问问它是否遵循某条规则。“数据行内使用紧凑操作”是一条规则;“这个屏幕上的小按钮看起来更好”则是局部偏好,产品越大就越难维护。
寻找反复出现差异的根源
设想有十二张卡片的间距不一致,其中十张来自共享组件,另外两张是本地单独实现的。逐一修改十二个页面会掩盖结构上的差别。决定修改范围前,先检查共享卡片的间距,以及那两处例外为何存在。
设计令牌能明确表达重复使用的选择,但只有令牌名称并不能说明何时该使用它。为共享值配上一条简短的使用规则,再举出一个合理例外。这样既能让系统发挥作用,也不会让每种新组合都变成规则之争。
不要只检查理想案例
试试较长的标题、缺失的图片、空结果,以及内容很密集的正文。这些状态能揭示组件是否遵循连贯的布局规则,还是只适配了设计时使用的示例内容。
记录希望保留的规则:同等选项应有相同强调程度、内容组之间应清楚区分,或下一个操作应位于稳定的位置。这样的规则比“照着某张截图做”更能帮助后续参与者。