B端系统控件样式规则
成都/UI设计师/5年前/404浏览
版权
B端系统控件样式规则
当公司的业务产品逐渐扩大时,我们需要制定一套完整的设计系统,提升设计和开发的协作效率,统一所有设计师的输出物。
近年来也市面上也出现了很多的设计组件规范,而这些相对于来说都是大厂才有的,一般小公司可能就直接拿他们的组件库使用了,如:Ant Design、Element、Material Design等等。虽然这些大公司的设计组件体系根据自己的产品设计,但其核心指导理论均为原子设计。
即通过原子化设计出一套架构严谨、规则统一的框架体系,以模块化的方式实现产品运作,从而大大提高产品设计与开发效率,其中还包括设计资产的沉淀及设计工具赋能。
我最后也根据Ant Design组件库来搭建属于我们自己产品的规范组件,不过我也根据我们的产品属性去优化了一些更合理的交互逻辑。
1、导航框架




2、主题色彩应用规则




3、深浅版色彩对应规则



4、表格



5、System Admain/弹窗


6、OU Admain/弹窗

0
举报
声明
8
分享
相关推荐
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
你可能喜欢
相关收藏夹
登录注册
推荐登录即可同步推荐记录哦
8登录即可加入我的收藏
评论登录即可评论想法
分享分享





















































































