Jquery之家5個頂級Material Design框架


2015年應該使用的5個頂級Material Design框架

谷歌Material Design在如今的前端頁面設計中非常流行。Material Design的設計風格向我們展示了一個簡單而有內涵的現代UI設計方案。

谷歌Material Design

Material Design是如此的簡潔美觀,那么,現在有什么Material Design框架可以使用呢?下面我們就一起來看看5個最頂級的Material Design框架。

Angular Material

Angular Material是目前所有Material Design框架中的大佬級人物。這是因為Angular在互聯網上也非常普及,並且它直接被谷歌內部支持。

Angular Material

Angular Material的文檔,例子和API都寫得非常詳細,全面概述了谷歌material design的所有特性。

Materialize

Materialize是 一個機遇Material Design的響應式前端設計框架,它的使用方法和Bootstrap相似。它是一個非常優秀的Material Design框架。它提供了CSS和SCSS文件、javascript文件、material design圖標和Roboto字體。

Materialize

這個項目本身是開源的,你可以在Github上找到它。

Material UI

Material UI是一個CSS框架,它使用React組件來實現material design。雖然這個框架非常的穩定,但是如果你不喜歡Facebook的React,你可能不會選擇它。如果你初次接觸React,你會覺得它的JSX(javacsript和XML)語法非常的怪異。

Material UI

Material UI框架提供了非常詳細的文檔使你可以設置框架和使用npm(Node Package Manager)來安裝React。你可以在這里查看它的文檔:repository of Material UI

MUI CSS框架

MUI CSS Framework是一個輕量級的框架,它為前端開發者提供類似Bootstrap的解決方案。MUI CSS比其它的一些同類框架的運行速度要快一些,官網上建議在一些小項目上使用它。我們這里關注的是它的material design風格。

MUI CSS框架

如果你對這個項目感興趣,可以在Github查看這個項目

Polymer

谷歌的Polymer項目主張在WEB項目中使用WEB組件,同時他們也給出了自己的Material Design組件。

Polymer

Polymer為WEB項目的布局提供了一些核心元素,並提供創建工具條,應用程序欄,tabs和側邊欄等material design的指南。

小結

你可能已經希望在你的下一個項目中使用Material Design UI,我們建議使用Materialize,這個框架類似於Bootstrap,元素可以通過CSS來定制。

你也可能比較熟悉Angular,非常喜歡Angular的動畫。如果是這樣,你可以使用Angular Material

Material Design在前端UI設計中是非常有潛力的設計方案。所以,如果你在准備制作一個新的網站,那么開始選擇一種你喜歡的Material Design框架吧!

本文版權屬於jQuery之家,出處: http://www.htmleaf.com/ziliaoku/qianduanjiaocheng/201505151842.html


免責聲明!

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



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