ant-design/docs/spec/alignment.md
2016-03-14 17:38:01 +08:00

2.0 KiB
Raw Blame History

对齐

  • category: 十大原则
  • order: 2
  • subtitle: Alignment

正如『格式塔学派』中的连续律Law of Continuity所描述的在知觉过程中人们往往倾向于使知觉对象的直线继续成为直线使曲线继续成为曲线。在界面设计中将元素进行对齐既符合用户的认知特性也能引导视觉流向让用户更流畅地接收信息。

** 格式塔学派德语Gestalttheorie** :是心理学重要流派之一,兴起于 20 世纪初的德国,又称为完形心理学;主张人脑的运作原理是整体的,『整体不同于其部件的总和』。——摘自『维基百科』


文案类对齐

推荐示例 不推荐示例

如果页面的字段或段落较短、较散时,需要确定一个统一的视觉起点。


表单类对齐

冒号对齐示例

冒号对齐(右对齐)能让内容锁定在一定范围内,让用户眼球顺着冒号的视觉流,就能找到所有填写项,从而提高填写效率。

更多对齐方式,请查看『模式/表单/规格/对齐方式』


数字类对齐

正确示例 错误示例

为了快速对比数值大小,建议所有数值取相同有效位数,并且右对齐。