B端系统控件样式规则
成都/UI设计师/4年前/379浏览
版权
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
相关收藏夹
Log in
推荐Log in and synchronize recommended records
8Log in and add to My Favorites
评论Log in and comment your thoughts
分享Share



















































































