有贊在香港上市后，正在逐步開(kāi)放一部分產(chǎn)品、技術(shù)能力，為SaaS行業(yè)提供解決方案。日前，有贊旗下Zan Design平臺(tái)低調(diào)上線(xiàn)，為SaaS行業(yè)產(chǎn)品設(shè)計(jì)、開(kāi)發(fā)者提供有贊在過(guò)去近七年時(shí)間里沉淀下來(lái)的設(shè)計(jì)規(guī)范，以及簡(jiǎn)單易用的“設(shè)計(jì)工具箱”。

Zan Design 提供了產(chǎn)品設(shè)計(jì)所需的各方面的指導(dǎo)、資源，能夠有效地提升設(shè)計(jì)師與開(kāi)發(fā)者之間的協(xié)作效率，降低生產(chǎn)成本，提高研發(fā)效能和設(shè)計(jì)的能力。

讓有贊的產(chǎn)品設(shè)計(jì)資源和經(jīng)驗(yàn)可以被“復(fù)用”

“Zan Design就像一座屬于有贊產(chǎn)品設(shè)計(jì)的博物館，里面記錄著有贊多年來(lái)的設(shè)計(jì)元素經(jīng)驗(yàn)。它代表了有贊的設(shè)計(jì)價(jià)值觀(guān)和設(shè)計(jì)資源。而現(xiàn)在我們把它開(kāi)放給行業(yè)，作為一個(gè)給UI設(shè)計(jì)師和前端開(kāi)發(fā)免費(fèi)使用的工具箱。”Zan Design 負(fù)責(zé)人、有贊UI設(shè)計(jì)師夏輝解釋道。

目前Zan Design 能提供的服務(wù)包括：產(chǎn)品設(shè)計(jì)原則與規(guī)范、常用開(kāi)發(fā)者組件、產(chǎn)品設(shè)計(jì)資源等。以組件資源為例，Zan Design將提供一個(gè)涵蓋PC端、H5界面和小程序在內(nèi)近千種開(kāi)源的組件代碼。開(kāi)發(fā)者可使用組件 Demo 快速體驗(yàn)交互細(xì)節(jié)，同時(shí)使用組件代碼快速開(kāi)發(fā)。

一直以來(lái)，有贊產(chǎn)品的設(shè)計(jì)無(wú)論是UI風(fēng)格還是交互體驗(yàn)在行業(yè)均有著不錯(cuò)的口碑，不少商家對(duì)有贊產(chǎn)品人性化的體驗(yàn)津津樂(lè)道，但隨之而來(lái)的，有贊的產(chǎn)品風(fēng)格也被某些同行爭(zhēng)相模仿。對(duì)此，有贊在內(nèi)部討論后決定，與其怕被模仿，不如開(kāi)放這些風(fēng)格的理念與組件代碼，讓業(yè)界可以無(wú)障礙的相互學(xué)習(xí)，推動(dòng)社交生態(tài)內(nèi)的用戶(hù)體驗(yàn)一致性。

這些有贊沉淀下來(lái)的具有高復(fù)用性的方法論與工具，也完全試用于有贊正在服務(wù)的442萬(wàn)商家。這些方法論，這對(duì)于商家來(lái)說(shuō)無(wú)疑是非常有用處的。

值得注意的是，除了有贊自身的組件，其他從業(yè)者也可以上傳自己設(shè)計(jì)的組件，實(shí)現(xiàn)資源和經(jīng)驗(yàn)共享。

“我覺(jué)得這是一個(gè)極具意義的里程碑，我們希望Zan Design能成為SaaS行業(yè)的一種標(biāo)準(zhǔn)?！痹谙妮x看來(lái)，Zan Design不僅僅是個(gè)開(kāi)源的網(wǎng)站，它背后有著有贊產(chǎn)品技術(shù)團(tuán)隊(duì)6年來(lái)的心血，是有贊帶給外界的一個(gè)禮物。

Zan Design的誕生：一切從“摩擦”開(kāi)始

其實(shí)，Zan Design是過(guò)去一年里夏輝和他的團(tuán)隊(duì)在業(yè)余時(shí)間籌備出來(lái)的。直到網(wǎng)站上線(xiàn)前，他們依然在和前端開(kāi)發(fā)的同事?tīng)?zhēng)論“到底什么才是最佳的設(shè)計(jì)元素？”

為什么要建這么一個(gè)網(wǎng)站？這要從一款產(chǎn)品的誕生說(shuō)起。

以有贊微商城（有贊最基礎(chǔ)的一款開(kāi)店工具）為例，它的界面需要符合人性化和符合大眾審美的設(shè)計(jì)，而這背后需要產(chǎn)品經(jīng)理、UI設(shè)計(jì)師和前端開(kāi)發(fā)這三方的共同努力。

“你可以把它理解是在搭建一棟大樓。產(chǎn)品經(jīng)理是大樓的總規(guī)劃，UI設(shè)計(jì)師是大樓的設(shè)計(jì)者，而前端開(kāi)發(fā)則是搭建大樓的工匠。一棟大樓的建成正是需要他們的合作才能完成?！毕妮x解釋道。

但每個(gè)人的理念和審美各不相同，三者在合作的過(guò)程中難免會(huì)有摩擦。“這就好比一千個(gè)人眼中有一千個(gè)哈姆雷特，UI眼中的完美設(shè)計(jì)也許在前端開(kāi)發(fā)看來(lái)就像一坨x?！彼?，產(chǎn)品在最后沒(méi)有定調(diào)之前，這群“搭建者”往往會(huì)出現(xiàn)誰(shuí)也不服誰(shuí)的情況，彼此的摩擦在所難免。

Zan Design里總結(jié)的色彩模型

“不夸張的說(shuō)，在過(guò)去6年里，無(wú)論是有贊微商城還是有贊零售，產(chǎn)品的推出和迭代背后都是UI設(shè)計(jì)師和前端開(kāi)發(fā)一次又一次摩擦與認(rèn)同中誕生的，這背后的硝煙彌漫，只有經(jīng)歷過(guò)的人才會(huì)明白?！毕妮x感嘆道。

不過(guò)隨著一次次的“摩擦”，有贊對(duì)產(chǎn)品的設(shè)計(jì)元素沉淀了許多經(jīng)驗(yàn)總結(jié)——SaaS的設(shè)計(jì)理念就應(yīng)該是這樣的。也是在這個(gè)時(shí)候，夏輝意識(shí)到，“我們是不是應(yīng)該做些什么，讓這些設(shè)計(jì)元素成為一種方法論，可以讓后來(lái)者或同行學(xué)習(xí)和借鑒，雖然還不能說(shuō)是成為一種行業(yè)標(biāo)準(zhǔn)，但至少讓業(yè)界意識(shí)到，有贊的設(shè)計(jì)元素是值得分享和參考的?！?/span>

于是去年7月，夏輝開(kāi)始提出籌建這個(gè)網(wǎng)站的想法，這個(gè)想法得到很多同事響應(yīng)。除了夏輝團(tuán)隊(duì)的成員，還有一些曾經(jīng)有過(guò)爭(zhēng)執(zhí)的前端開(kāi)發(fā)?！澳莻€(gè)時(shí)候，我們難得有一致的觀(guān)點(diǎn)?！毕妮x笑稱(chēng)。

什么才是有贊的設(shè)計(jì)價(jià)值觀(guān)？

有了搭建Zan Design這個(gè)想法后，團(tuán)隊(duì)成員開(kāi)始討論，“什么才是有贊值得分享的產(chǎn)品設(shè)計(jì)？”這個(gè)觀(guān)點(diǎn)的提出，又是一場(chǎng)百家爭(zhēng)鳴的盛況。

經(jīng)過(guò)一場(chǎng)場(chǎng)激烈的討論后，最后得出的結(jié)論是——有贊產(chǎn)品的設(shè)計(jì)一定是能夠提供普適、抽象的評(píng)判標(biāo)準(zhǔn)和方向，激發(fā)更為具體和行之有效的設(shè)計(jì)原則，繼而又產(chǎn)生為具體的設(shè)計(jì)問(wèn)題提供向?qū)Ш鸵话憬鉀Q方案的設(shè)計(jì)模式。