Law of Continuity 是一个关于视觉流动、眼动与方向性设计的技能。它的定位是帮助设计者在布局与 UI 元素中应用连续性法则,让视线沿经过设计的路径移动,通过序列建立视觉流动,并用被中断的连续性来提示不同分组之间的过渡。
基本原理
心智偏好平滑、连续的路径,而不是方向的突然改变。当元素沿一条线或曲线——即使是隐含的线或曲线——排列时,它们会被感知为属于同一组,视线会自然沿着这条路径移动。延续平滑轨迹的元素被感知为相关;打断轨迹的元素则被感知为独立,或是新内容的开始。
应用方式
对齐与阅读流:连续性最基础的应用是对齐。左对齐的文本与元素会形成一条连续的垂直边缘,视线自上而下沿其移动;在一列中保持一致对齐的项目会隐含一条纵轴,组织阅读路径;破坏对齐——哪怕只偏差几个像素——也会打断视线路径,并暗示边界或错误。在表单中,所有输入项对齐在同一左边缘会形成连续的阅读路径,错位则会迫使视线在每个字段处重新定位,为每一步增加摩擦。
方向指示:箭头与折角符号会延伸视线已经在遵循的轨迹。轮播箭头指向下一内容的方位,视线会随箭头看向隐含的延续;截断列表末尾的“显示更多”折角符号把阅读路径延伸到展开状态;用线连接的步骤指示器为流程建立明确的路径。箭头本身不增加信息,它只是把可能含糊的连续流动变得明确。
时间线与序列化内容:时间线组件完全依赖连续性。连接线暗示各项属于单一序列,并建立方向顺序;没有这条线,相同的项目会被读成无序列表。线从空间安排中创造出了序列。
滚动与滑动可供性:隐含的方向性路径可以提示交互。轨道上的滚动条暗示一条连续的纵向内容路径;轮播下方的圆点指示器暗示横向的幻灯片序列——圆点就是被显性化的路径;下拉刷新动画沿一条延伸出屏幕边缘的隐含纵向路径移动。这类可供性通过连续性起作用:视线读取隐含路径,手随之跟随。
用被中断的连续性分隔分组:正如连续性用于分组,被中断的连续性用于分隔。在原本连续的路径上刻意制造断开,可以提示过渡。列表中较大的间隙暗示新章节(即使没有标题);分隔线打断纵向阅读路径,宣告类别边界;缩进让视线转向次级路径,在主流程内表示子层级。
连续性与视觉层级
连续性会与层级相互作用。连续一致的左对齐阅读路径暗示各项目权重相等;对特定项目打破对齐——缩进、偏移或向右错位——无须依赖字体排版即可表示子层级。缩进内容不仅是空间上不同,它处在另一条连续轴上,这正是层级得以被识读的原因。
最佳实践
在放置元素前先刻意为阅读路径做规划:视线应从何处进入、如何行进、最终落在何处。
在每个断点审查对齐——单像素的错位即使未被有意识察觉,也会打断感知上的连续性。
在复杂布局中,用连接线、箭头与圆点指示器让隐含路径显性化。
通过让用户描述如何阅读一个界面来测试流:被中断的连续性会表现为困惑或回退。
移除那些打断预期路径却又不贡献意义的元素,它们只会带来重新定位的成本而没有价值。
限制与缺失信息
资料未提供该技能的安装命令、运行方式、收费或价格、支持平台,以及具体代码示例;以上内容暂未提供。