谷歌Material Design在如今的前端頁面設計中非常流行。Material Design的設計風格向我們展示了一個簡單而有內涵的現代UI設計方案。
Material Design是如此的簡潔美觀,那么,現在有什么Material Design框架可以使用呢?下面我們就一起來看看5個最頂級的Material Design框架。
Angular Material
Angular Material是目前所有Material Design框架中的大佬級人物。這是因為Angular在互聯網上也非常普及,並且它直接被谷歌內部支持。
Angular Material的文檔,例子和API都寫得非常詳細,全面概述了谷歌material design的所有特性。
Materialize
Materialize是 一個機遇Material Design的響應式前端設計框架,它的使用方法和Bootstrap相似。它是一個非常優秀的Material Design框架。它提供了CSS和SCSS文件、javascript文件、material design圖標和Roboto字體。
這個項目本身是開源的,你可以在Github上找到它。
Material UI
Material UI是一個CSS框架,它使用React組件來實現material design。雖然這個框架非常的穩定,但是如果你不喜歡Facebook的React,你可能不會選擇它。如果你初次接觸React,你會覺得它的JSX(javacsript和XML)語法非常的怪異。
Material UI框架提供了非常詳細的文檔使你可以設置框架和使用npm(Node Package Manager)來安裝React。你可以在這里查看它的文檔:repository of Material UI
MUI CSS框架
MUI CSS Framework是一個輕量級的框架,它為前端開發者提供類似Bootstrap的解決方案。MUI CSS比其它的一些同類框架的運行速度要快一些,官網上建議在一些小項目上使用它。我們這里關注的是它的material design風格。
如果你對這個項目感興趣,可以在Github查看這個項目。
Polymer
谷歌的Polymer項目主張在WEB項目中使用WEB組件,同時他們也給出了自己的Material Design組件。
Polymer為WEB項目的布局提供了一些核心元素,並提供創建工具條,應用程序欄,tabs和側邊欄等material design的指南。
小結
你可能已經希望在你的下一個項目中使用Material Design UI,我們建議使用Materialize,這個框架類似於Bootstrap,元素可以通過CSS來定制。
你也可能比較熟悉Angular,非常喜歡Angular的動畫。如果是這樣,你可以使用Angular Material。
Material Design在前端UI設計中是非常有潛力的設計方案。所以,如果你在准備制作一個新的網站,那么開始選擇一種你喜歡的Material Design框架吧!