之前寫的那一篇關于Ant Design 的文章反響非常好，我們經(jīng)過一番精心準備之后這次推出了
Ant Design Pro 的原型資源刁俭。有些小伙伴可能就有疑問了橄仍，都有了Ant Design，為什么還要做Ant Design Pro 的原型資源呢牍戚？這兩者有什么關系和區(qū)別呢侮繁？
既然說到這了那我就來科普一波～
Ant Design Pro是什么？
Ant Design和Ant Design Pro都屬于螞蟻金服的生態(tài)系統(tǒng)如孝，Ant Design Pro官方給的說法是開箱即用的中臺前端/設計解決方案宪哩，直接把所有的模版打包給你供你使用。
Ant Design和Ant Design pro 區(qū)別是什么第晰？
Ant Design和Ant Design? pro說的淺顯一點就是組件和模板的關系锁孟，也可以這樣理解Ant Design是基礎庫而Ant Design? pro是它的增強版，直接配套業(yè)務組件打包給你茁瘦，供你使用罗岖。
Ant Design更多是著重致力于設計規(guī)范和基礎組件，如果你是一個產(chǎn)品經(jīng)理或者是一個設計師腹躁，你在向程序員傳達想法的時候，肯定會出現(xiàn)理解上的偏差南蓬，你跟他說的 A 他理解成了 B ,但如果你們用的是同一套設計規(guī)范和基礎組件纺非，你表達的 A ,他看到理解的也是 A ,中間不會再出現(xiàn)理解偏差這個問題哑了。
而Ant Design Pro 在設計規(guī)范和基礎組件的基礎上升級了，直接提煉出典型模板/業(yè)務組件/配套設計資源烧颖。你不需要重復設計那些復用性高的業(yè)務組件弱左，直接引用集合好的業(yè)務組件，省事又省力炕淮。
Ant Design Pro 可以用來做什么拆火？
Ant Design Pro 面向的人群更多企業(yè)的中后臺開發(fā)，企業(yè)的后臺產(chǎn)品對界面的設計要求并沒有那么嚴格涂圆，因為不是面向大眾使用的们镜，一般也不過于追求 UI視覺效果，更多的是需要一些基礎性功能润歉，它的對于數(shù)據(jù)的顯示和操作交互要求更高模狭。而Ant Design Pro 直接把典型模板/業(yè)務組件/配套的設計資源全部給你做齊了，等于說組件全部都封裝好了踩衩，你只需要按照Ant Design Pro 中給到的配套資源和一套基于 React 的中后臺管理控制臺的腳手架嚼鹉，直接進行搭建就好了，這樣可以極大的縮減開發(fā)人員的時間成本驱富。
怎么在自己的原型設計中應用這些頁面呢锚赤？
原型圖設計工具平臺：http://www.xiaopiu.com
全套Ant? Design Pro頁面庫/組件庫：
1、進入 xiaopiu 精選廣場的組件庫/頁面庫褐鸥，搜索「Ant Design Pro」线脚，在搜索出的頁面庫右下角點擊「引用為我的公用庫」。（搜索頁面庫時晶疼，記得在右側切換為web端）
2酒贬、或直接進入「Ant Design pro」頁面庫 ，然后點擊右上角的引用按鈕~
3翠霍、引用成功后锭吨，在您的項目編輯頁左側【組件庫/頁面庫】就可以看到我們豐富的資源啦！拖拽組件到自己的頁面上改一改就是你的了喲寒匙！
資源分享：
往期文章：
