有赞开放“产品设计工具箱”，已成SaaS行业产品标准

在香港上市后的零售SaaS服务商有赞，正在逐步开放一部分产品、技术能力，为SaaS行业提供解决方案。日前，有赞旗下Zan Design平台低调上线，为SaaS行业产品设计、开发者提供有赞在过去近七年时间里沉淀下来的设计规范，以及简单易用的“设计工具箱”。

根据官方介绍，Zan Design 提供了产品设计所需的各方面的指导、资源，能够有效地提升设计师与开发者之间的协作效率，降低生产成本，提高研发效能和设计的能力。

让有赞的产品设计资源和经验可以被 “ 复用 ”

“Zan Design就像一座属于有赞产品设计的博物馆，里面记录着有赞多年来的设计元素经验。它代表了有赞的设计价值观和设计资源。而现在我们把它开放给行业，作为一个给UI设计师和前端开发免费使用的工具箱。”Zan Design 负责人、有赞UI设计师夏辉解释道。

据了解，目前Zan Design 能提供的服务包括：产品设计原则与规范、常用开发者组件、产品设计资源等。以组件资源为例，Zan Design将提供一个涵盖PC端、H5界面和小程序在内近千种开源的组件代码。开发者可使用组件 Demo 快速体验交互细节，同时使用组件代码快速开发。

一直以来，有赞产品的设计无论是UI风格还是交互体验在行业均有着不错的口碑，不少商家对有赞产品人性化的体验津津乐道，但随之而来的，有赞的产品风格也被某些同行争相模仿。对此，有赞在内部讨论后决定，与其怕被模仿，不如开放这些风格的理念与组件代码，让业界可以无障碍的相互学习，推动 社交 生态内的用户体验一致性。

这些有赞沉淀下来的具有高复用性的方法论与工具，也完全试用于有赞正在服务的442万商家。“这些方法论，这对于商家来说无疑是非常有用处的。”夏辉表示。

值得注意的是，除了有赞自身的组件，其他从业者也可以上传自己设计的组件，实现资源和经验共享。

“我觉得这是一个极具意义的里程碑，我们希望Zan Design能成为SaaS行业的一种标准。”在夏辉看来，Zan Design不仅仅是个开源的网站，它背后有着有赞产品技术团队6年来的心血，是有赞带给外界的一个礼物。

Zan  Design 的诞生：一切从 “ 摩擦 ” 开始

其实，Zan Design是过去一年里夏辉和他的团队在业余时间筹备出来的。直到网站上线前，他们依然在和前端开发的同事争论“到底什么才是最佳的设计元素？”

为什么要建这么一个网站？这要从一款产品的诞生说起。

以有赞微商城（有赞最基础的一款开店工具）为例，它的界面需要符合人性化和符合大众审美的设计，而这背后需要产品经理、UI设计师和前端开发这三方的共同努力。

“你可以把它理解是在搭建一栋大楼。产品经理是大楼的总规划，UI设计师是大楼的设计者，而前端开发则是搭建大楼的工匠。一栋大楼的建成正是需要他们的合作才能完成。”夏辉解释道。但每个人的理念和审美各不相同，三者在合作的过程中难免会有摩擦。

“这就好比一千个人眼中有一千个哈姆雷特，UI眼中的完美设计也许在前端开发看来就像一坨x。”所以，产品在最后没有定调之前，这群“搭建者”往往会出现谁也不服谁的情况，彼此的摩擦在所难免。

Zan Design里总结的色彩模型

“不夸张的说，在过去6年里，无论是有赞微商城还是有赞零售，产品的推出和迭代背后都是UI设计师和前端开发一次又一次摩擦与认同中诞生的，这背后的硝烟弥漫，只有经历过的人才会明白。”夏辉感叹道。

不过随着一次次的“摩擦”，有赞对产品的设计元素沉淀了许多经验总结——SaaS的设计理念就应该是这样的。

也是在这个时候，夏辉意识到，“我们是不是应该做些什么，让这些设计元素成为一种方法论，可以让后来者或同行学习和借鉴，虽然还不能说是成为一种行业标准，但至少让业界意识到，有赞的设计元素是值得分享和参考的。”

于是去年7月，夏辉开始提出筹建这个网站的想法，这个想法得到很多同事响应。除了夏辉团队的成员，还有一些曾经有过争执的前端开发。“那个时候，我们难得有一致的观点。”夏辉笑称。

什么才是有赞的设计价值观？

有了搭建Zan Design这个想法后，团队成员开始讨论，“什么才是有赞值得分享的产品设计？”这个观点的提出，又是一场百家争鸣的盛况。

经过一场场激烈的讨论后，最后得出的结论是——有赞产品的设计一定是能够提供普适、抽象的评判标准和方向，激发更为具体和行之有效的设计原则，继而又产生为具体的设计问题提供向导和一般解决方案的设计模式。

关于Zant UI的介绍

这个结论看似简单，但背后需要做的大量的工作。“所谓画虎画皮难画骨，而我们要做的是把骨重新拆解出来。”夏辉解释道，这意味着团队需要重新整理有赞这6年来所有的设计语言的元素，同时这些元素还需要前端开发重新写代码展现。而这，还需要团队在业余时间去完成。

项目的进展是高效的，几乎每天都会有人在讨论群里提出自己的观点，从组件的现状到话语的表述，从界面的颜色到字体的大小，每一个观点的提出都在认同和否定中沉淀。近半年的时机，能够代表有赞设计价值观的元素终于得以呈现。

“这个过程就像团队一起在搭建乐高玩具。”夏辉说道，“在没有成型之前，没有人知道它会是什么样子，而到最后收尾呈现时，每个人都非常自豪，就像完成了一个壮举。”

与此同时，夏辉发现，在网站搭建的过程中，团队的氛围也开始变得更为融洽，工作的效率也得以提升，“因为每个人都觉得自己做了一件非常富有意义的事情。这将是一段弥足珍贵的经历。”

而他更加希望，这段经历的成果——Zan Design可以帮助产品设计和开发者，推动社交生态内的用户体验一致性，成为SaaS领域的设计体系打造一套行业标准。