前端框架對于不懂設計的程序員來說，可以說是極好的素材，如果想開發一個項目但又找不到設計師幫忙設計，那么我們可以直接使用前端框架來完成，而且能省去很多前端JS的工作，比如今天這款，質量就特別高 >>>

今天為大家分享一套新出的?Material Design?框架，谷歌的Magerial我想大家都聽過，這是今年流行的設計趨勢之一，其外觀時尚、交互友好，在不同設備瀏覽都有很好的表現。

小編下載下來研究了一下，當前的設計元素很豐富，常用的都有了，唯一缺點就是手機APP的UI設計元素太少，當然可以自己豐富它。

PS: 如果還不知道Material是什么，請查看Google Material介紹。

該框架編寫方式采用類似Bootstrap的class，比如柵格系統、表單元素，都有點像Bootstarp，這樣對熟悉Bootstrap的用戶可以直接上手了。

下面我們一起看看這套Material Design框架的組件和樣式元素介紹：

卡片

多種不同樣式的卡片設計。

折疊區域

彈窗 Modal

包含中間彈窗，左下角提示彈出等多個樣式。

Tab選項卡

Tiles

按鈕

表單

圖標

日期選項

頁面

最后

總體來說自帶的組件元素不算多，但用于小項目，估計可以接受，對于小型的網站來說已經足夠了，喜歡嘗試新鮮的用戶可以用這個框架做一個Material Design風格的產品出來吧！

框架名稱：Material
下載地址：Github

【優設四月免費神器+資源下載人氣榜】

Top 1：超級好用的免費切圖神器！
《免費了！切圖標記外掛神器ASSISTOR PS深入解讀（上）》

Top 2：無代碼做APP動效的最佳幫手！
《SKETCH神助攻！無代碼做動效神器HYPE3入門教程》

Top 3：四月份的免費英文字體打包下載
《挑個任性！四月份高質量精選英文字體免費打包下載》

原文地址：shejidaren

【優設網 原創文章 投稿郵箱：2650232288@qq.com】

================關于優設網================
"優設網uisdc.com"是國內人氣最高的網頁設計師學習平臺，專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書：史上最全的設計師圖書導航：http://hao.uisdc.com/book/。
設計微博：擁有粉絲量94萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設計教程、經驗分享和各種意想不到的"福利"嗎？
添加 優秀網頁設計 微信號：【youshege】優設哥的全拼
您也可以通過掃描下方二維碼快速添加：