My Secret Rainbow

效率之美：设计模板工具化加速企业服务数字化转型

得益于各行各业正在发生的以数字化转型驱动生产方式的变革，企业级产品的客户规模迅猛发展带来的设计交付成本与效率问题变得异常尖锐。原有通过单点设计师支撑数个客户产品体验的交付效率，在面对海量客户增长前变得不可行，而本文通过分享客服领域的体验设计师如何运用设计模板工具化，去规模化解决企业级产品设计交付的效率及一致性问题，加速企业服务数字化转型。

设计的演进

回顾设计的进化过程，我们从1.0版本的设计系统化阶段，设计师通过组件和共享的基本原理快速的构建数字产品，其中具有代表性的：Lightning Design System、Material Design、Ant Design等。在进入2.0的设计工具化阶段，伴随着低代码技术兴起，让设计师通过工具平台可以实现设计稿直出代码一站式闭环，其中具有代表性的：Webflow、宜搭、云凤蝶等。在进入3.0的设计智能化阶段，也是同样伴随着人工智能技术的兴起，让计算机可以模拟设计师的思维模式解决设计工作中的体力活，其中具有代表性的：鲁班、Alibabawood、水母智能等。从1.0到3.0阶段每次设计演进的共性之一，都是通过结合技术革新让设计技能逐渐变得更加普惠，进而让设计师可以更加专注便捷的解决用户需求、挖掘行业设计特色。

在设计师团队内部体形成完善的1.0到3.0的设计演进，则需要设计师内部达成统一的设计思维、规范、资产、度量的设计体系。而在设计进入工具化的阶段，则需要将设计与研发工程紧密结合，最终将业务、设计、工程较好连接，而模板则是重要连接方式。

模板来源于设计系统化

模板是从设计系统化的原子理论出发，通过将原子级的组件按一定规则进行组合成的大颗粒度物料。我们按照页面结构从组件-容器-区块-页面-场景进行依次拼装成最终形成产品设计方案，然后提取共性的布局及结构形成最终可以复用的模板。较比于原子级的组件单一的界面元素，模板则更强调的是按用户浏览行为、操作行为、业务语义将原子级组件进行拼装组合。

在模板设计的共性元素提取上，我们一方面需要关注原子组件的拼装组合的规范，另一方面也是设计师重点需要关注的就是如何利用设计模板解决相似的业务问题。所以在模板的共性提取上，我们需要将设计元素与业务的流程节点中共性的用户行为进行关联，这样提取相似元素的模板才能规模化解决相似业务问题。最终设计模板才能广泛应用并解决更深层的问题，避免重复造烟囱的出现，提升设计交付一致性与效率。

模板系统化到工具化的映射

模板系统化到工具化核心指导思想是统一常量与固定变量，模板中的常量往往指所引用的组件、布局、图标、字体等不会变化的内容，而变量往往指数据、标题、内容等会变化的内容。面向工程的描述与面向设计的描述最大区别是，工程强调可枚举，而设计则强调可推导。所以这要求模板设计师在输出设计方案时极其严谨，对交付的设计稿中每一个内容变量的状态枚举固定，并明确所引用常量与设计系统的关系。

进入工具化阶段我们首先通过结合我们设计稿交付过程中核心设计工具Sketch结合起来，通过使用设计工具里的控件功能实现在设计工具里文本、颜色、图标、组件的变量固定及常量的统一。为了进一步提升设计交付效率，实现设计到代码的一站式闭环，则需要引入低代码搭建技术，将设计系统的理念与低代码搭建技术融合，将原子组件物料变为可搭建组建库，将设计语言变为搭建工具设置项，进而实现界面内容的可搭建。引入低代码搭建技术后可以基本实现对设计变量及常量的绝对约束，进而通过自研设计工具实现界面表达的一致性。

模板工具化的生产及分发

模板的生产在设计系统化阶段，我们一般采用和工程师合作采用硬编码的研发模式，在工作流上则是设计师通过交付模板设计稿，工程师通过调用底层的设计系统里的组件及Design Token采用编码的方式实现我们的模板。
进入设计工具化阶段，我们则将设计系统里的原子组件及Design Token内容元素工具化，让没有编码经验的普通设计师可以通过搭建方式实现模板设计生产，较比于之前设计师需通过交付设计稿这一“中间产物”并不断设计走查达到像素级还原的工作流上。设计工具化加速了模板生产环节从设计到代码的速度，极大的解决了设计模板规模化生产的效能问题。

模板的分发在设计系统化阶段，我们一般还是采用硬编码的研发模式，在工作流的线上环节会采用建立设计系统站点及结合线下宣讲方式实现我们的模板物料分发。

在进入设计工具化阶段，我们需要和企业级产品交付流程结合起来。应用模板工具让一些例如产品经理及工程师等非专业设计从业者可以在模板基础上，做一些文案、顺序等内容调整就可以完成客户研发诉求，一方面能提升客户产品交付效率，另一方面也能节约设计师人力成本。设计工具化后的模板分发降低了设计专业门槛及协同成本，通过赋能合作方的方式实现普惠设计，让企业级产品的规模化一致性应用变为现实。

总结

伴随着数字化转型驱动生产方式的变革，客户对企业级产品体验诉求愈发强烈。这需要我们在面对海量的企业级产品体验前，一方面需要设计师具有通过精细化设计打造极致产品体验的设计基本功，另一方面也需要设计师能将新兴技术与设计结合，将自身设计能力系统化、工具化、最终智能化，降低设计专业门槛，去规模化解决企业级产品设计交付一致性与效率的问题。

原文：https://mp.weixin.qq.com/s/y_xb1NnWcC0GeFmYZtuZ8A