螞蟻金服(支付寶)團(tuán)隊(duì)沉淀和分享做得非常贊。
支付寶用戶體驗(yàn)設(shè)計(jì)團(tuán)隊(duì)(AUX)于2016年10月出版《支付寶體驗(yàn)設(shè)計(jì)精髓》掩缓,總結(jié)12年工作經(jīng)驗(yàn),圍繞AUX團(tuán)隊(duì)的設(shè)計(jì)實(shí)踐深度展開近20多個(gè)主題遵岩,慷慨分享支付寶多年來在這些領(lǐng)域積累的豐碩成果你辣。( http://design.alipay.com/ )
當(dāng)然出版書籍很多公司的設(shè)計(jì)團(tuán)隊(duì)都做過,這不稱奇尘执,接下來介紹的幾個(gè)成果不僅是干貨舍哄,更是造福同行的楷模。
Ant Design設(shè)計(jì)語言和組件庫
螞蟻金服體驗(yàn)技術(shù)部經(jīng)過大量的項(xiàng)目實(shí)踐和總結(jié)誊锭,沉淀出設(shè)計(jì)語言 Ant Design表悬,這可不單純只是設(shè)計(jì)原則、控件規(guī)范和視覺尺寸丧靡,還配套有前端代碼實(shí)現(xiàn)方案蟆沫。也就是說采用Ant Design后,UI設(shè)計(jì)和前端界面研發(fā)可同步完成温治,效率大大提升饭庞。目前有阿里、美團(tuán)熬荆、滴滴舟山、簡書采用。Ant Design有Web版和Moblie版卤恳,我之前寫《這個(gè)控件叫什么》就參考了Ant Design的控件規(guī)范累盗。
Ant Design Web版:https://ant.design/index-cn
Ant Design Mobile版:https://mobile.ant.design/index-cn
Ant Motion(動(dòng)效解決方案)
Ant Design里的前端代碼實(shí)現(xiàn)方案可不是搭建靜態(tài)的界面這么簡單,還包含動(dòng)效的解決方案突琳,也提供動(dòng)效設(shè)計(jì)風(fēng)格和原則若债,要知道大部分動(dòng)效做不出來的場景,都是因?yàn)樵O(shè)計(jì)師方案和研發(fā)代碼實(shí)現(xiàn)存在一定的鴻溝本今,有了Ant Motion完整的解決方案拆座,設(shè)計(jì)和研發(fā)工程師溝通協(xié)作無障礙主巍,動(dòng)效實(shí)現(xiàn)將會(huì)非常輕松。
Ant Motion:https://motion.ant.design/
AntD Library(Ant Design官方Axure控件庫)
其實(shí)類似于Ant Design的設(shè)計(jì)語言搭配前端實(shí)現(xiàn)方案的也不止支付寶這一家挪凑,但是牛逼的是支付寶還將Ant Design做成了Axure控件庫并公開下載孕索,Web和Mobile全都有,簡直是造福行業(yè)躏碳,功德無量搞旭。
AntD Library下載地址:http://library.ant.design/
AntUX(站點(diǎn)地圖模板)
除了Axure控件庫以外,還提供Axure菇绵、Sketch肄渗、OmniGraffle三種格式的站點(diǎn)地圖模板。提升流程圖咬最、站點(diǎn)地圖翎嫡、產(chǎn)品整體結(jié)構(gòu)圖的繪制效率。據(jù)悉永乌,未來還會(huì)提供Illustrator版本惑申。
AntUX下載地址:http://ux.ant.design/
Ant V(可視化圖表解決方案)
可視化圖表能讓復(fù)雜的邏輯和臃腫的數(shù)字變動(dòng)更清晰更容易理解,Ant V對(duì)不同的圖表類型提供了詳細(xì)的介紹翅雏、案例和使用建議圈驼,并總結(jié)出圖表設(shè)計(jì)原則和相關(guān)文獻(xiàn)推薦,所有的圖表的Web和Moblie前端實(shí)現(xiàn)方案也一應(yīng)俱全望几。
Ant V:https://antv.alipay.com/index.html
相信隨時(shí)時(shí)間的推移绩脆,支付寶設(shè)計(jì)團(tuán)隊(duì)還會(huì)給我們帶來更多的驚喜,馬云曾說過“讓天下沒有難做的生意”橄抹,其實(shí)支付寶設(shè)計(jì)團(tuán)隊(duì)提供的這些資源也“讓合作伙伴沒有難做的設(shè)計(jì)”靴迫,不僅完成分內(nèi)的工作還能反哺對(duì)行業(yè)發(fā)展進(jìn)行貢獻(xiàn),真的是功德無量啊害碾。