Ant Design,這是一款主打UI設(shè)計(jì)的軟件,為小伙伴提供更強(qiáng)大的設(shè)計(jì)工具,幫助小伙伴制作出自己滿意的作品,還有諸多的設(shè)計(jì)制作功能,幫助小伙伴更深入的完善UI的細(xì)節(jié),制作出最佳的UI效果圖片!
Ant Design說明
Ant Design是一款操作非常簡單的企業(yè)級(jí)UI設(shè)計(jì)語言和React組件庫,這款軟件是使用TypeScript構(gòu)建,可以為你提供非常完整的類型定義文件,軟件采用企業(yè)級(jí)中后臺(tái)的產(chǎn)品交互語言,功能非常強(qiáng)大,有需要的小伙伴快點(diǎn)下載嘗試一下吧!
Ant Design特色
提煉自企業(yè)級(jí)中后臺(tái)產(chǎn)品的交互語言和視覺風(fēng)格。
開箱即用的高質(zhì)量 React 組件。
使用 TypeScript 開發(fā),提供完整的類型定義文件。
全鏈路開發(fā)和設(shè)計(jì)工具體系。
數(shù)十個(gè)國際化語言支持。
深入每個(gè)細(xì)節(jié)的主題定制能力。
Ant Design優(yōu)勢
1、更加專注內(nèi)容:試想一下,我們?cè)陔娪霸嚎措娪皶r(shí),為什么要全場關(guān)燈?甚至有些 APP,在影片的下方也會(huì)有一個(gè)模擬關(guān)燈效果的操作,來讓整個(gè)手機(jī)屏幕變黑,只剩下視頻畫面的部分,這都幫助我們可以更專注、更沉浸在當(dāng)前的內(nèi)容下。
2、在暗光環(huán)境下更加適用:如今社會(huì)我們身處黑夜使用手機(jī)、電腦、ipad等設(shè)備的次數(shù)越來越多,環(huán)境光與屏幕亮度的明暗差距在夜間會(huì)被放大 ,亮度對(duì)比帶來視覺刺激也更加明顯,使用暗色模式可以縮小屏幕顯示內(nèi)容與環(huán)境光強(qiáng)度的差距,同時(shí)也可以為設(shè)備的續(xù)航帶來積極影響,可以保證使用者在暗光環(huán)境下使用 OLED 設(shè)備的舒適度
3、大眾喜愛:黑色一直以來就可以給人以高級(jí)、神秘的語義象征,相比于淺色模式,暗色模式藏著更多可能性
Ant Design常見問題
如何修改 Ant Design 組件的默認(rèn)樣式?
你可以覆蓋它們的樣式,但是我們不推薦這么做。antd 是一系列 React 組件,但同樣是一套設(shè)計(jì)規(guī)范。
如何使用 Day.js 替換 Moment.js 來減小打包大小?
可以參考替換 Moment.js。
當(dāng)我動(dòng)態(tài)改變 defaultValue 的時(shí)候它并沒有生效。
Input/Select 等的 defaultXxxx(例如 defaultValue)只有在第一次渲染的時(shí)候有效,這是 React 的規(guī)范,請(qǐng)閱讀 React 的文檔。
為什么修改組件傳入的對(duì)象或數(shù)組屬性組件不會(huì)更新?
antd 內(nèi)部會(huì)對(duì) props 進(jìn)行淺比較實(shí)現(xiàn)性能優(yōu)化。當(dāng)狀態(tài)變更,你總是應(yīng)該傳遞一個(gè)新的對(duì)象。具體請(qǐng)參考React 的文檔
當(dāng)我設(shè)置了 Input/Select 等的 value 時(shí)它就無法修改了。
嘗試使用 defaultValue 或 onChange 來改變 value,請(qǐng)參考 React 的文檔。
多個(gè)組件放一排時(shí)沒有垂直對(duì)齊怎么辦?
嘗試使用 Space 組件來使他們對(duì)齊。
antd 覆蓋了我的全局樣式!
是的,antd 在設(shè)計(jì)的時(shí)候就是用來開發(fā)一個(gè)完整的應(yīng)用的,為了方便,我們覆蓋了一些全局樣式,現(xiàn)在還不能移除,
Ant Design評(píng)測
Ant Design,為用戶提供更便捷的ui設(shè)計(jì)功能,非常好用!




































