| order | chinese | english |
|---|---|---|
6 |
基础网格和间距规则 |
Grid and Margin |
网格（Grid）是UI设计中最小的基线单位。所有的UI元素在布局上都应该遵守这个单位。ant design的网格有两种类型分别对应网页设计和客户端设计。两套标准中都不允许出现奇数，app端按照4dp的规律排列。
将页面的信息进行归类，并根据信息间的关联程度进行横向和纵向的布局（信息设计的亲密性原则）。Ant Design的间距规则定义一共有两种类型：
横向空间间距
垂直空间间距
所有间距的定义都遵照了基础网格单位倍数的原则。app设计中为4dp。
纵向空间的物体在摆放的时候，根据信息的亲密性原则和实际设计场景的经验，ant design提取了三款常用的间距，来区分设计元素之间不同的关联程度，简单的说就是关联性强的靠近，关联性弱疏远。当然，具体设计中可以根据实际需要按照4的倍数进行相应的扩展。
横向空间的布局规则原则上和横向一致，也是三个具体设计中可以根据实际需要按照4的倍数进行相应的扩展。
