产品页面设计--控件规范

一、模态与非模态

模态：模态控件必须进行操作之后才可以进行其他界面操作。

非模态：非模态控件的出现不影响用户继续界面操作。

弹窗、操作栏、浮层框属于模态，提示框属于非模态。

二、圆角矩形

1.为了保障产品界面圆角体感一致性，需要事先定义一个圆角系数。举个例子：假设圆角系数是0.3，那么圆角矩形为66*66px的时候，圆角为20px。

2.同一层级圆角矩形要保持一致（无论宽高）；小一层级的圆角矩形圆角必须小于高一层级的圆角矩形圆角。

3.不要圆角与直角矩形混用。

三、选择框的区分

1.对勾样式可支持复选。2.radio样式仅限单选。

四、横纵间距值使用8的倍数，图标尺寸同样建议使用8的基数。