Spacing 间距
为了页面布局的一致性，在不同区域中放置内容元素时，应当保持间距的规律性，我们设置了组件横向与竖向之间的间距
间距原则
间距原则
MEXC的信息布局较为复杂，需要考虑多语言、多端体验等细微布局的变化，因此我们把间距定义为4的倍数，所有间距均为4*n，n为自然数，且均为偶数
Space val = 4n [n=自然数]
间距参数
Value
Token
Sizing
0px
0
2px
2
4px
4
8px
8
12px
12
16px
16
24px
24
32px
32
40px
40
48px
48
64px
64
96px
96
160px
160
App 间距基础指南
Web间距基础指南
布局参数及使用方法
设计师应当遵守间距规范，并套用间距Token，保证页面一致性和合理的信息布局
App & H5页面Padding：16px（仅App首页为20px）
Web/iPad 页面左右最小Padding：24px
使用方法：
Figma属性栏右侧布局网格，添加 Foundation Library 4.0（Beta）的Grid组件Token
行间距
1.25倍、默认行高，以及断句断行排列
A dog is a type of domesticated animal. Known for its loyalty and faithfulness, it can be found as a welcome guest in many households across the world.
A dog is a type of domesticated animal.
Known for its loyalty and faithfulness,
it can be found as a welcome guest in many
households across the world.
A dog is a type of domesticated animal. Known for its loyalty and faithfulness, it can be found as a welcome guest in many households across the world.
A dog is a type of domesticated animal. Known for its loyalty and faithfulness, it can be found as a welcome guest in many households across the world.
文字行间距为字号的1.25倍，适用于：较复杂场景的段落内容；大字号文本的展示
常规段落文本，大部分场景均以默认行高展示
特殊设计的段落文本，适用于：特殊定制的段落阅读体验设计；大字号文本的展示
A dog is a type of domesticated animal.
Known for its loyalty and faithfulness,
it can be found as a welcome guest in many
households across the world.
A dog is a type of domesticated animal. Known for its loyalty and faithfulness, it can be found as a welcome guest in many households across the world.
22px
8px
1.25倍
默认行高（字号+8）
断句断行，按元素间距排列
1.25倍（字号的1.25倍）
注意示例
禁止使用间距规范系统以外的间距
阳光普照
资格已达标
8px
16px
推荐
阳光普照
资格已达标
6px
10px
禁止
间距排布需严格按照格式塔原则进行设计，相关的元素应当靠近，不相关的元素应当分离
阳光普照
资格已达标
推荐
阳光普照
资格已达标
禁止