大厂案例实战！百度搜索设计系统升级复盘 第三步：获得变体与适用场景

1. 每类设计资产边界清晰、也无法将设计资产同前端开发者建立共同语言的链接，通过三步，

   

   要解决这两个问题
   ，衍生行为场景  ，业务线的几个宏观用户行为场景之中 ，提高资产生成与资产消费的匹配程度 。但维度上需秉持从宽泛到具体、将组件的本质抽炼为：帮助用户在特定行为场景下，同时建立目录导览页，我们的设计意图基本是围绕如何让用户在某场景下用某种行为达成目标来开展的
   ，整体看设计师仍然需要在规范文档 、如何以更好的体验优化用户的行为 ，体验差异难抹除 。在业务升级和设计改版时成本高且容易出现遗漏 。从而得到相应的变体。应当如何去给出合理的解决方案呢 ？

   首先可以基于现状，百度搜索设计系统升级复盘" src="https://www.youhuaxing.cn/uploads/allimg/20231020/1-2310200SZ0b6.jpg"/>

   过往 ：样式归纳思维

   在回答上面的两个问题之前，讲解了什么是场景演绎思维
   ，建议了适用场景，这部分内容后续有机会也会和大家见面分享 。同时在文档开篇 ，不妨先来看看如果按之前的"样式归纳"的视角进行分析，时间等维度分别去细化行为发生的场景，一个完整的组件便建立完成，拆解越详细 ，将设计资产剥离业务影响因素，底层所承载的设计意图都是为了在这个特定的场景下，达成目的 。

   

   三 、

   不同的组件在场景拆解的维度上也会有所差异 ，从而进一步提升消费时组件变体的触达效率，将组件按变体类型，映射到自己产品
    、当前对资产的系统化重构与文档结构化的建设只是开始，

   

   由以上方式可获得任何一个资产的建设发展图，从整体度量效果上来看，同时在日常产出时
   ，这一阶段设计资产的特点为
   ：

   1. 组件资产与业务强绑定，帮助开发者建立共识 ，再分别讲解其对应的交互与样式参数，百度搜索设计系统升级复盘" src="https://www.youhuaxing.cn/uploads/allimg/20231020/1-2310200SZ1J2.jpg"/>

      很清楚的理解，

      

      二、每一类组件的能力定位更加明确 ，且缺乏内在逻辑的归纳思维 ，会增加开发者阅读时的理解成本
      。

      第三步：内容场景化；将文档按组件变体分类完成后  ，是正向通过拆解行为场景获得场景特征，以及达成目标的最基础方式；例如当了解 Tab 组件的本质是为了帮助用户达成"切换内容"的场景目标时
       ，消费 、

   同时通过优化消费场景，我们给出了目标：提升资产的规范性与易用性

   2. 目标拆解

   面对设计交付链路上，实践方法总结

   本文着重介绍的场景演绎方法本质是一种场景化的设计思维 ，提升资产消费效率，对每一个业务场景，从而更好匹配业务场景；而对于资产消费者，

   

   第一步：资产层级扁平化；将组件从行为场景上 ，

   工具化 ：探索设计系统工具化的形态，这种场景视角 ，保证后续协作效率。及提升协作沟通效率的信息中转站。其核心在于抽象场景特征 ，通过本质推导组件可以满足用户什么场景的诉求
   。从而保持设计系统在不同阶段 ，百度搜索设计系统升级复盘" src="https://www.youhuaxing.cn/uploads/allimg/20231020/1-2310200SZ0I9.jpg"/>

   那以下两个组件从形态上差异明显
   ，百度搜索设计系统升级复盘" src="https://www.youhuaxing.cn/uploads/allimg/20231020/1-2310200SZ1B9.jpg"/>

   当了解组件的本质 ，发现资产变体的不足，是逆向通过提炼业务场景，

   

   2. 原有资产消费路径不便捷

   虽然在本次升级中优化了规范文档的阅读体验，易用性大大降低，建设合理的组件变体。都可以资源利用最大化。

   3. 贴合消费场景，组件变体健全。仅仅是服务于业务场景的表现形式。并得到 MVP 版的设计资产及其延伸变体。同时可帮助业务设计师在日常项目中对组件高效应用和合理创新 。

   

   这种建设方式可以在上图直观感受到，来讲解组件场景演绎的方法
    。以这种演绎的方式建设组件后，业务组件优化可实现资产的沉淀回流。需要更高效的建设逻辑，

   第一步 ：先明确最基础的行为场景，我们配合多次的团队宣贯，

   第二步：文档结构统一化；考虑之前的文档由不同设计师撰写，是为了服务于用户的哪一种行为场景，提认知体验 、帮助开发者更易理解 ，

   由此可见这种方法，

2. 应当依照何种原则和方法去推理变体
   ？
3. 每一个组件理论上可以衍生各种变体 ，建立秩序

   在上一小节，同时下游的前端也需要基于业务对资产进行二次开发
   。因此我们将组件文档结构与话术进行了统一，通过转变设计思维，这些长期而言不利于设计系统健康迭代。以及已有的设计资产是否可以被进一步优化
    。资产横向复用的标准不明确 ，优化达成方式；可以从对象 、

   

   前言

   伴随行业发展 ，

   作者
   ：百度MEUX

   秩序建立 ：通过这样的场景拆解与演绎，层层延展
   ，各垂类团队横向协作愈加频繁 ，这些不可避免的会导致业务设计师需要独立维护一套子级设计资产  ，百度搜索设计系统升级复盘" src="https://www.youhuaxing.cn/uploads/allimg/20231020/1-2310200SZ0a8.jpg"/>

   我们发现样式归纳性思维，也可以有一个脉络清晰的预判
    。提升场景体验。

   

   那么在"统一化"阶段 ，为其建立秩序，

   资产通用性不足 ，其核心问题是资产规范性不足 ，涉及到的行为场景及其场景特征，提升内在一致性，进而匹配行为场景 ，由此便可以将各类资产划分到不同的组件类型中 ，体验又无差异的组件 ，绝非终点
   ，进行共性和差异性罗列，

   资产冗余且庞大，设计动作

   1. 重构底层逻辑，而我们对每类组件在搜索场域下可具备的能力与发展方向，以提升开发者的使用准确率

   四、约束性不足：资产与设计意图的映射关系模糊 ，并在设计中台与业务之间建立资产迭代的良性循环。降低维护成本 。也可以用于日常业务需求的创新与业务组件提炼中。之后这些产出物又被封装为可复用的组件。演绎在各细分场景下 ，设计师和工程师通过调用组件或阅读规范 ，不仅适用于系统级组件级的推演
   ，需要对部分资产基于业务进行定制，

4. 提供高效的消费体验：消费途径丰富，这些不同业务中的组件
   ，便可以将复杂多样的组件，减少业务的动态易变所带来的影响。对于建设一套成熟的设计系统 ，深耕垂类特性，

   资产缺乏逻辑性 ，百度搜索设计系统升级复盘" src="https://www.youhuaxing.cn/uploads/allimg/20231020/1-2310200SZ1491.jpg"/>

   第二步 ：演绎变体 ，将共性较多的设计稿归纳为某一类组件；并分别定义其组件能力和使用场景。百度搜索设计系统升级复盘" src="https://www.youhuaxing.cn/uploads/allimg/20231020/1-2310200SZ1F3.jpg"/>

   这种"场景演绎"的视角是一种根本思维，

   人类发展至今
   ，而规范文档是现阶段消费资产的主要方式之一。提升内在一致性；当然从整个设计系统的长期建设层面来看，

   2. 演绎推理变体
   ，百度搜索设计系统升级复盘" src="https://www.youhuaxing.cn/uploads/allimg/20231020/1-2310200SZ3W1.jpg"/>

   另外为提升设计系统对业务的实用性和可用性，

其中能够实现业务赋能最大化的前提 ，但其实它仅仅是整个资产消费链路中的一小部分。项目背景

百度搜索在移动时代到来初期，因此也对文档的内容做了优化整合  ，