普通的 • 模块和间距系统
模块和间距系统
模块是设计系统中的基本测量单位。空间模块是构建网格和确定组件和间距大小的基础。模块允许您在设计系统内标准化指定间距和大小的原则,并在Figma布局和最终生产代码之间实现视觉一致性。
§模块
为了在我们的设计系统中塑造和测量空间,我们使用4x4 px模块。所有容器和组件间距都使用这个空间大小计算。在极少数情况下,我们使用2x2px微模块。
§间距系统
我们使用有限的标记化间距集,帮助创建干净一致的布局。在设计系统中创建界面和组件时,使用预配置的Figma标记。
§间距类型
内部和外部间距
从容器的四个边界到内容的内部和外部对称或不对称间距。
水平和垂直堆栈
在水平和垂直堆栈中,容器内元素之间的间距定义了它们的垂直和水平关系。