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
相关推荐
Flyme AIOS 2.0
Homepage recommendation
内容含视频
怎么巧用手写连笔的特点?
Homepage recommendation
文章
规范
规范
规范
规范
作品收藏夹
一楼咖啡
Homepage recommendation
内容含视频
2025 Annual Portfolio
Homepage recommendation
规则之外|松江永丰乐动力体育中心
Homepage recommendation
内容含视频
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
2026马年插画合集
Homepage recommendation
相关收藏夹
规范
规范
规范
规范
作品收藏夹
网页设计
网页设计
网页设计
网页设计
作品收藏夹
文章
文章
文章
文章
作品收藏夹
UI
UI
UI
UI
作品收藏夹
UI
UI
UI
UI
作品收藏夹
IP形象设计
IP形象设计
IP形象设计
IP形象设计
精选收藏夹
作品收藏夹
大家都在看
Log in