概括
偶然間，接觸到AntD（Ant Design），不知道它是什麼，簡單搜索一番後，有了初步瞭解，故有此文。Ant D=Ant Design，是螞蟻金服出品的，因爲螞蟻的英文是ant，所以叫ant design。
簡單來說，AntD是一套設計準則+ui框架。
設計準則
設計準則就是告訴你應該怎麼設計、怎麼排版、怎麼色彩搭配以提高用戶體驗，其實這一點很重要，知其然知其所以然，像bootstrap只是教你如何用，而沒告訴爲何如此設計。這裏我舉個例子，關於親密性
如果信息之間關聯性越高，它們之間的距離就應該越接近，也越像一個視覺單元；反之，則它們的距離就應該越遠，也越像多個視覺單元。親密性的根本目的是實現組織性，讓用戶對頁面結構和信息層次一目瞭然。
縱向間距關係
通過『小號間距』、『中號間距』、『大號間距』這三種規格來劃分信息層次。
首先，它教給我們，如果信息關聯性高，那麼間距就近些，以使之成爲一個視覺單元。並且在縱向間距，給了3個層次，小、中、大，以供選擇。
對於，非設計人員來說，看看這些設計準則挺好，對於專業設計人員來說那就更好了，這都是螞蟻金服實踐出來的準則。
UI庫
按照antd的設計準則，實現了好多版本的ui庫，有vue版的、有react版的等等，官方是react版本。這些ui組件都是阿里從衆多中後臺系統中，抽取出來的，pc版的腳手架叫 ant design pro，移動版的腳手架ant design mobile，以及純組件的ant design。
antdesign pro是個腳手架，開箱即用，跟vue腳手架類似，有開發、構建、測試功能。