如何評價 React 實現的前端 UI 庫 material-ui?


作者:知乎用戶
鏈接:https://www.zhihu.com/question/51040975/answer/208582603
來源:知乎
著作權歸作者所有。商業轉載請聯系作者獲得授權,非商業轉載請注明出處。

有關 Material Design 的 UI 庫我用過一些,在用 Material-UI 之前用的是 Google 官方的 Material Design Lite,這是一個純前端庫,非 React 庫。

在我用過的庫里 Material-UI 還是不錯的,可以滿足簡單需求。其定位是 Material Design 標准組件的實現(而不是 Material Design 的實現),所以如果你需要一些更個性化的組件或交互,就要自己想辦法「組合」或者自造了。

這個問題在移動端不突出,但對 web 端來說有點明顯。畢竟 Material Design 首先是一套視覺設計規范。真正要用好 Material Design,不能簡單套用組件樣式,而是要學習其「Design」。

這個問題我覺得目前還是挺普遍的,多少號稱 Material Design 的網站基本就是擺一個導航欄,右下角一個 FAB,主界面攤一堆卡片了事。即使說不上丑,也只能評價為「簡陋」。反觀 Google 就有很多運用 Material Design 做得非常漂亮的網站,每次看的時候都會想,「啊,原來還可以這樣」。

所以我現在基本是在一些生存期不長,樣式基礎,交互簡單的獨立頁面上用 Material-UI。更正式一些的產品還是需要好好做設計的——好好做 Material Design 的設計。

如果目標是拿一套現成庫來做出東西,不在設計上投入,那你最好先仔細評估一下 Material-UI 提供的組件是否能滿足你的需要,如果是,那么請放心大膽地用。如果答案不是確定的,建議還是去看看 Bootstrap 或 Semantic UI 或 Ant Design(后台系統推薦)。

從實現 Material Design 標准組件這個角度來說,Material-UI 毫無疑問是成熟可靠的(不過也有一些瑕疵,比如其 GridList 的實現就很有問題)。但請把 Material Design 的標准組件看作 Microsoft Word 中的五號宋體——只能作為起點。目前幾乎所有的 Material 庫,都是這個定位。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM