设计系统构建

问题与目的

问题
・没有具体的设计规范，在大规模设计组织之中，很难做到思维统一，导致产出偏差
・组件设计不够优越，从而影响设计效率
・设计与开发组没有形成共通语言，交流成本高
目的
通过完善设计系统从而提成设计与开发的品质与工作效率。

项目内容

・定义设计规范
・组件升级
・利用Figma Tokens加强与开发组的合作

定义设计规范

首先定义以下整体设计规范。
・布局规范
・整体间距的定义
・相同组件内的间距定义
・Scroll规范
・加载规范
・新建・编辑・删除的规范与说明
・一览与详细页面的关系
・分割线的使用说明
・整列规范
・文字使用规范
・反馈的原则与使用说明
・破坏性操作发生时的规范
・空状态的使用说明
・按钮位置规范
・对话框，抽屉与面包屑的使用区分
・导航的原则和使用说明
・默认状态的原则
・权限表示的原则与使用说明

定义设计规范_注重定义过程的逻辑性

基于一般设计法则，结合业务流程，导出最适合本产品的设计规则。
例：按钮位置规范。

定义设计规范_简化判断流程

对于较难判断的设计模块，将判断流程简单化，按照判断逻辑流程可快速得出结论。
例：对话框，抽屉与面包屑的使用区分。

定义设计规范_快速查找规范

将设计规范整理分类便于查找，点击相关卡片即可快速查看详细内容。

组件升级

・修改variant与property
・明确适用与非适用

导入Figma Tokens，加强与开发组的合作

为消除与开发组合作中认识偏差的课题，通过Figma Tokens加强设计与开发的统一认识，提高合作效率。