Layout 布局
空间布局是体系化视觉设计的起点,用于组织网页的框架结构,可以影响用户的浏览顺序。清晰的布局和数据展示可以帮助用户高效获取信息。
尺寸规范
为了保持界面布局上的一致性和韵律感,统一设计到开发的布局语言,减少还原损耗,BFUI 对常用的尺寸做出了一些规范。
组件高度
对于可定义尺寸的典型行内组件,如 Button, Input, Select 等,我们预设了如下样式变量,它们的值都保持了 8 倍数的原则、具备动态的韵律感。
尺寸大小 Size | 样式变量 Variable | 预设值 Value |
---|---|---|
small | --bf-size-small | 24px |
default | --bf-size-default | 32px |
large | --bf-size-large | 40px |
页面宽度
xs sm md lg xl xxl