庞杂中建立秩序 (设计系统的优化升级)

前言

伴随行业发展，越来越多企业在复杂业务场景中引入设计系统，对于建设一套成熟的设计系统，需要考虑三大模块：生产、消费、监测。本文结合百度搜索设计系统近期针对【生产和消费】环节的升级改版，分享其中的经验总结，即：通过场景化重构资产，为其建立秩序，提升内在一致性，并提升资产消费体验。

文中介绍的方法，不仅可以帮助设计系统的建设者有效规划设计资产，同时可帮助业务设计师在日常项目中对组件高效应用和合理创新。

一、项目背景

百度搜索在移动时代到来初期，通过划分垂类团队，深耕垂类特性，以极致体验满足不同垂类下用户对内容精细化消费的诉求。这一阶段设计资产的特点为：

1. 组件资产与业务强绑定，业务独立维护。

2. 业务创新频繁，组件样式新增多、合并少。

3. 设计系统内在逻辑不健全，主要为各业务组件的快速录入封装。

这种设计系统建设方式是一种样式归纳性思维：通过在初期快速归纳收集，满足业务高速发展的需要。

但伴随业务发展成熟，各垂类团队横向协作愈加频繁，对组件复用提效与保持产品体验一致性的诉求越发明显，这种建设思维便会暴露出它的劣势。

• 资产通用性不足，体验难打平：业务各自维护资产，横向场景兼顾不全面，资产横向复用的标准不明确，体验差异难抹除。

• 资产冗余且庞大，维护成本高：设计系统中存在很多样式略有不同，体验又无差异的组件，在业务升级和设计改版时成本高且容易出现遗漏。

• 资产缺乏逻辑性，约束性不足：资产与设计意图的映射关系模糊，在相似的用户需求和场景设计中，给设计师的设计指导力度不足。

而这些最终的结果会导致设计系统越来越不规范，易用性大大降低，不匹配业务成熟期的诉求。

因此在设计系统建设上，需要更高效的建设逻辑，以提高资产的易维护性与可拓展性，保证在业务成熟期可以更高效赋能团队协作，增强产品体验一致性。

二、项目方案

1. 明确目标

基于百度搜索设计系统现状，其核心问题是资产规范性不足，而资产主要由“组件”和“规范”两部分组成，设计师和工程师通过调用组件或阅读规范，实现对设计系统的消费。因此我们理解一个业务级的设计系统，能够赋能业务的方式需满足：

1. 具有完备的设计资产：规范定义明确，组件变体健全。

2. 提供高效的消费体验：消费途径丰富，消费路径简短。

3. 具有良性的迭代模型：中台与业务同频，业务组件优化可实现资产的沉淀回流。

其中能够实现业务赋能最大化的前提，是有完备的资产作为基础。因此将设计系统的迭代发展，划分了三个阶段：

1. 统一化：夯实基础，重构设计资产底层建设逻辑，明确资产适用场景，提升可拓展性与易维护性。

2. 工程化：整合资产代码，提升资产消费效率，并在设计中台与业务之间建立资产迭代的良性循环。

3. 工具化：探索设计系统工具化的形态，及AI大模型结合的机会，丰富消费途径，实现在业务交付的不同阶段下全方位提效。

那么在“统一化”阶段，我们给出了目标：提升资产的规范性与易用性。

2. 目标拆解

面对设计交付链路上，遇到诸多杂乱的问题，应当如何去给出合理的解决方案呢？

首先可以基于现状，从“资产生产 → 资产消费” 的链路出发对目标进行拆解。