组件规范

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