B端系统控件样式规则

用户头像
成都/UI设计师/4年前/398浏览
B端系统控件样式规则

当公司的业务产品逐渐扩大时,我们需要制定一套完整的设计系统,提升设计和开发的协作效率,统一所有设计师的输出物。


近年来也市面上也出现了很多的设计组件规范,而这些相对于来说都是大厂才有的,一般小公司可能就直接拿他们的组件库使用了,如:Ant Design、Element、Material Design等等。虽然这些大公司的设计组件体系根据自己的产品设计,但其核心指导理论均为原子设计。


即通过原子化设计出一套架构严谨、规则统一的框架体系,以模块化的方式实现产品运作,从而大大提高产品设计与开发效率,其中还包括设计资产的沉淀及设计工具赋能。


我最后也根据Ant Design组件库来搭建属于我们自己产品的规范组件,不过我也根据我们的产品属性去优化了一些更合理的交互逻辑。


1、导航框架

2、主题色彩应用规则


3、深浅版色彩对应规则

4、表格

5、System Admain/弹窗


6、OU Admain/弹窗


0
Report
|
8
Share
相关推荐
评论
用户头像
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
相关收藏夹
UI
UI
UI
UI
大家都在看
Log in