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

一、模态与非模态

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

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

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

二、圆角矩形

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

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

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

三、选择框的区分

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

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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容