团队设计系统搭建
🎨

团队设计系统搭建

项目类型
协作
产品平台
Web
Mobile
我的角色
产品策划
交互设计
团队管理
设计方法
需求挖掘
数据分析
体验方式
内部资料,暂不开放
《设计心理学3》中作者提到设计的本质:
有一堆选项,其中一些选项比其他好,但没有哪一种选项是完美的。
这些选项可以称为设计材料。
设计是与材料对话,我们需要知道有什么材料并且熟悉各种材料的特质才能做出更好的设计
设计系统是一个材料清单,可以帮助我们实现上述目标。
此外,设计系统沉淀的设计模式、通用规则可以提高设计的效率、减少团队的沟通成本。

我解决的问题

🙋🏼 问题:起初团队缺少设计系统,甚至缺少设计统一性的意识。
💁🏼‍♂️ 解决方案:跨部门(策划、设计、开发、QA……)分享设计系统对团队的意义以及具体协作流程;宣传设计系统的价值,为后续的项目推进做好铺垫
notion image

🙋🏼 问题:初期设计系统的组件设计增加了设计师的工作量,短期来看增加了设计师的人力投入,项目经理和下游的工程师、QA 认为会影响项目进度,对新增的组件设计的流程存在疑虑。
💁🏼‍♂️ 解决方案:和项目经理、工程师、QA 等同学沟通介绍设计系统对整个项目的价值:对于工程师、QA 来说设计系统减少了相同功能但设计不一致的情况,减少了工程实现层面重复造轮子的问题,一定程度也减少了工程师、QA 的工作量,对整体项目的进度来说,可以起到加速作用。最后工作方式得到了其他职能的理解并成功推行。

🙋🏼 问题:不知道设计系统应该如何组织,大家按自己习惯输出造成文档格式混乱不易维护。
💁🏼‍♂️ 解决方案:输出
🍭
Figma 组件库搭建与易用性优化
为团队维护设计系统提供具体的操作手册。帮助新人可以上手维护设计系统,也保证产出的一致性,提高设计系统的专业性、降低维护成本。

🙋🏼 问题:设计系统初步搭建,但是缺少系统的工作流程,设计系统不能有节奏的进行迭代。
💁🏼‍♂️ 解决方案:输出
🧩
设计系统是一个知识生产和应用的系统
文章,构建产品团队的协作流程

🙋🏼 问题:随着设计系统的发展,组件从原子级别逐步扩展到模板级别,模板可以快速在不同需求中复用,但同时有一部分需要针对具体需求进行个性化设计,如何将每个需求中的通用优化点进行沉淀,从而促进设计模板持续的迭代?
💁🏼‍♂️ 解决方案:输出文章
🎨
一种设计模板使用方法
,通过 Figma 的分支功能维护设计模板,沉淀设计优化点。并将此方法在团队内外推广。此外,此方法的设计流程与技术的分支管理逻辑类似,相同的工作方式降低了设计、开发岗位的沟通成本

成果

完成超过 114 个组件、设计规范的梳理,通过 Figma 的数据分析功能发现组件在多个需求中得到应用,累积节省人力预估 61.5 人天
notion image
notion image
notion image