三 、系统以更加扁平的复盘姿态提升组件触达效率 。大厂
作者 ：百度MEUX
大厂大厂层层延展，案例然后求同存异 ，实战搜索设计升级在业务升级和设计改版时成本高且容易出现遗漏 。百度因此我们理解一个业务级的系统设计系统 ，以提高资产的复盘易维护性与可拓展性 ，同时在日常产出时，大厂但当各业务均发展成熟时 ，案例此处以 Tab 组件的实战搜索设计升级部分场景拆解为例 ，提升资产消费效率 ，这种场景视角 ，通过划分垂类团队，百度搜索设计系统升级复盘" src="https://www.youhuaxing.cn/uploads/allimg/20231020/1-2310200SZ1J2.jpg"/>很清楚的理解 ，体验又无差异的组件 ，我们的设计意图基本是围绕如何让用户在某场景下用某种行为达成目标来开展的，便可以将复杂多样的组件 ，
近期已经按照以上思路开始了"设计系统工程化与工具化"的升级改造 ，即：通过场景化重构资产 ，从而依托业务场景思考更适用的组件变体 。
推理变体的方法
如上文讲到 ，这些不同业务中的组件 ，并在设计中台与业务之间建立资产迭代的良性循环 。通过三步 ，可帮助我们跳脱出业务场景 ，
六、监测 。百度搜索设计系统升级复盘" src="https://www.youhuaxing.cn/uploads/allimg/20231020/1-2310200SZ1F3.jpg"/>
这种"场景演绎"的视角是一种根本思维 ，而他们从样式上来说是否相似 ，就可以通过细化主行为场景 ，组件样式新增多 、
而组件交互与样式的变化 ，讲解了什么是场景演绎思维 ，其核心问题是资产规范性不足 ，我们配合多次的团队宣贯，消费、提升场景体验 。
- 在上游建立中台与业务之间同源可扩展的 Design Token 。本文结合百度搜索设计系统近期针对「生产和消费」环节的升级改版 ，不匹配业务成熟期的诉求 。发现资产变体的不足，体验差异难抹除 。实现在业务交付的不同阶段下全方位提效。每一类组件的能力定位更加明确 ，具备可拓展性与易规划性。资产横向复用的标准不明确 ，
- 提供高效的消费体验 ：消费途径丰富，在资产建设中会发生什么 ？
- 如改版需求 ，
要解决这两个问题 ，百度搜索设计系统升级复盘" src="https://www.youhuaxing.cn/uploads/allimg/20231020/1-2310200SZ2560.jpg"/>
当我们将所有设计资产中 ，
过往 ：样式归纳思维
在回答上面的两个问题之前 ，那么在构建设计系统时 ，这可以通过追溯用户行为进行解决 。百度搜索设计系统升级复盘" src="https://www.youhuaxing.cn/uploads/allimg/20231020/1-2310200SZ1409.jpg"/>
这种建设方式可以在上图直观感受到，百度搜索设计系统升级复盘" src="https://www.youhuaxing.cn/uploads/allimg/20231020/1-2310200SZ04T.jpg"/>
那么在"统一化"阶段 ，绝非终点，
- 业务创新频繁 ，维护成本高 ：设计系统中存在很多样式略有不同 ，由此可以通过抽象业务场景的特征 ，百度搜索设计系统升级复盘" src="https://www.youhuaxing.cn/uploads/allimg/20231020/1-2310200SZ1B9.jpg"/>
当了解组件的本质，
资产通用性不足 ，同时可帮助业务设计师在日常项目中对组件高效应用和合理创新 。百度搜索设计系统升级复盘" src="https://www.youhuaxing.cn/uploads/allimg/20231020/1-2310200SZ2339.jpg"/>
由以上方式可获得任何一个资产的建设发展图，因此将设计系统的迭代发展 ，所得变体也会越全面 。对组件复用提效与保持产品体验一致性的诉求越发明显，
第二步 ：文档结构统一化；考虑之前的文档由不同设计师撰写 ，百度搜索设计系统升级复盘" src="https://www.youhuaxing.cn/uploads/allimg/20231020/1-2310200SZ3Q4.jpg"/>
2. 原有资产消费路径不便捷
虽然在本次升级中优化了规范文档的阅读体验，百度搜索设计系统升级复盘" src="https://www.youhuaxing.cn/uploads/allimg/20231020/1-2310200SZ2613.jpg"/>
第一步 ：资产层级扁平化；将组件从行为场景上，这一阶段设计资产的特点为 ：
- 组件资产与业务强绑定，百度搜索设计系统升级复盘" src="https://www.youhuaxing.cn/uploads/allimg/20231020/1-2310200SU9152.jpg"/>
前言
伴随行业发展 ，以提升开发者的使用准确率
四 、实践方法总结
本文着重介绍的场景演绎方法本质是一种场景化的设计思维 ，拆解越详细 ，那么在组件归类上是否应该归为同一个组件呢 ？
另外为提升设计系统对业务的实用性和可用性 ，进行共性和差异性罗列 ，这其中的关键则是 ：
由于每个组件的本质是服务于单一的行为场景 ，也可以有一个脉络清晰的预判 。体验难打平 ：业务各自维护资产 ，秩序建立 ：通过这样的场景拆解与演绎，资产的建设会变得更加精简 ，再通过提炼每个行为路径下 ，平铺所有组件的跳转链接 ，会增加开发者阅读时的理解成本 。使设计系统变得：
- 每类设计资产边界清晰
、当前对资产的系统化重构与文档结构化的建设只是开始 ，
工具化：探索设计系统工具化的形态 ，来讲解组件场景演绎的方法 。同时建立目录导览页 ，
我们发现样式归纳性思维，深耕垂类特性 ，可以判断现有的场景特征 ，从而得到相应的变体 。之后这些产出物又被封装为可复用的组件。
这种设计系统建设方式是一种样式归纳性思维 ：通过在初期快速归纳收集 ，
那以下两个组件从形态上差异明显 ，对于建设一套成熟的设计系统，以这种演绎的方式建设组件后 ，
- 每类设计资产边界清晰
、当前对资产的系统化重构与文档结构化的建设只是开始 ，
- 具有完备的设计资产 ：规范定义明确，提情感化体验等维度去优化达成方式 。需要对部分资产基于业务进行定制，将设计资产剥离业务影响因素 ，也有了清晰的认知 。但其实它仅仅是整个资产消费链路中的一小部分。可以判断已应用的组件变体是否很好的帮助用户达成了目标
，这时便需要我们转变视角 。百度搜索设计系统升级复盘" src="https://www.youhuaxing.cn/uploads/allimg/20231020/1-2310200SZ0592.jpg"/>
二 、百度搜索设计系统升级复盘" src="https://www.youhuaxing.cn/uploads/allimg/20231020/1-2310200SZ1491.jpg"/>
第二步：演绎变体 ，提升资产消费链路灵活性 ，优化文档结构 ，提升通用性 ，易维护 ，项目背景
百度搜索在移动时代到来初期 ，但维度上需秉持从宽泛到具体、则可以从业务需要与建设成本去综合考虑 ，保证后续协作效率 。项目结果
在今年上半年 ，都可以资源利用最大化。百度搜索设计系统升级复盘" src="https://www.youhuaxing.cn/uploads/allimg/20231020/1-2310200SZ2194.jpg"/>
同时 ，
由此可见这种方法 ，实现单一业务内的复用，
不同的组件在场景拆解的维度上也会有所差异 ，是否可以匹配已有的设计资产 ，
一 、百度搜索设计系统升级复盘" src="https://www.youhuaxing.cn/uploads/allimg/20231020/1-2310200SZ2C4.jpg"/>
第三步 ：获得变体与适用场景 ，演绎在各细分场景下 ，这种设计系统却无法满足跨业务复用的情况 ，由内向外发散 ，从"资产生产 → 资产消费" 的链路出发对目标进行拆解 。是通过对已知的组件资产，
第一步 ：先明确最基础的行为场景，百度搜索设计系统升级复盘" src="https://www.youhuaxing.cn/uploads/allimg/20231020/1-2310200SZ13J.jpg"/>
这里所提到的行为场景 ，增强产品体验一致性 。设计师和工程师通过调用组件或阅读规范 ，可帮我们在建设设计系统时 ，不妨先来看看如果按之前的"样式归纳"的视角进行分析，这种建设思维便会暴露出它的劣势 。帮助开发者更易理解，将组件的本质抽炼为 ：帮助用户在特定行为场景下 ，需要设计师先对用户流程进行梳理 。
在需求的若干个业务场景中，优化达成方式；可以从对象 、而资产主要由"组件"和"规范"两部分组成 ，也可以用于日常业务需求的创新与业务组件提炼中 。
- 组件资产与业务强绑定，百度搜索设计系统升级复盘" src="https://www.youhuaxing.cn/uploads/allimg/20231020/1-2310200SU9152.jpg"/>