组件规范

UI / UX DESIGN

建立统一的组件规范是B端设计中重要的操作,不仅便于后续开发,也方便前期设计和对接工作。

01 组件复用节省重复操作时间

设计后台有大量重复功能,建立组件规范可以复用组件,减少设计重复操作,省时提效不说,更改设计样式也更方便,可以批量修改。

02 方便开发工作,提升工作效率

有了设计规范和组件规范,开发人员可以减少大量重复工作,后续功能调整也更方便更改,节省了开发的工作时间,利于推动项目进度。

03 同事交接,迭代设计工作

项目迭代工作由同事接手的时候,依照设计规范组件可以快速展开工作,减少沟通成本。

颜色规范

主渐变色 (Brand Gradient)
#2967FF → #30B9FF
主色 #2967FF
辅色 #EAF0FF
状态色彩
成功
警告
错误
信息

按钮状态

主要按钮 (Primary)
次要按钮 (Secondary)
带图标操作

标签与徽标

系统预设 常规标签 已解决 高优先级 人工接入
AI 智能生成 可移除标签

数据录入

请输入正确的邮箱

字体规范

智 Noto Sans SC
Aa Inter
24px H1大标题 Bold
18px H2模块标题 Semibold
14px 正文内容展示字体 Regular
12px 辅助信息/提示文字 Regular

控件与进度

开关状态
参数调节70%
存储容量90%

复杂录入

请选择分组
~

提示与反馈

知识库同步成功
用量提醒
您的本月AI调用次数已达80%,请及时充值以免影响服务。
AI
A
B
+3