1、Ant Design設(shè)計語言和組件庫
螞蟻金服體驗技術(shù)部經(jīng)過大量的項目實踐和總結(jié),沉淀出設(shè)計語言 Ant Design,這可不單純只是設(shè)計原則、控件規(guī)范和視覺尺寸,還配套有前端代碼實現(xiàn)方案。也就是說采用Ant Design后,UI設(shè)計和前端界面研發(fā)可同步完成,效率大大提升。目前有阿里、美團(tuán)、滴滴、簡書采用。Ant Design有Web版和Moblie版。

Ant Design Web版: https://ant.design/index-cn
Ant Design Mobile版: https://mobile.ant.design/index-cn
2、Ant Motion(動效解決方案)
Ant Design里的前端代碼實現(xiàn)方案可不是搭建靜態(tài)的界面這么簡單,還包含動效的解決方案,也提供動效設(shè)計風(fēng)格和原則,要知道大部分動效做不出來的場景,都是因為設(shè)計師方案和研發(fā)代碼實現(xiàn)存在一定的鴻溝,有了Ant Motion完整的解決方案,設(shè)計和研發(fā)工程師溝通協(xié)作無障礙,動效實現(xiàn)將會非常輕松。

Ant Motion: https://motion.ant.design/
3、AntD Library(Ant Design官方Axure控件庫)
其實類似于Ant Design的設(shè)計語言搭配前端實現(xiàn)方案的也不止支付寶這一家,但是牛逼的是支付寶還將Ant Design做成了Axure控件庫并公開下載,Web和Mobile全都有,簡直是造福行業(yè),功德無量。

AntD Library下載地址: http://library.ant.design/
4、AntUX(站點地圖模板)
除了Axure控件庫以外,還提供Axure、Sketch、OmniGraffle三種格式的站點地圖模板。提升流程圖、站點地圖、產(chǎn)品整體結(jié)構(gòu)圖的繪制效率。據(jù)悉,未來還會提供Illustrator版本。

AntUX下載地址: http://ux.ant.design/
5、Ant V(可視化圖表解決方案)
可視化圖表能讓復(fù)雜的邏輯和臃腫的數(shù)字變動更清晰更容易理解,Ant V對不同的圖表類型提供了詳細(xì)的介紹、案例和使用建議,并總結(jié)出圖表設(shè)計原則和相關(guān)文獻(xiàn)推薦,所有的圖表的Web和Moblie前端實現(xiàn)方案也一應(yīng)俱全。
