超實用！Material Design風(fēng)格的前端框架免費下載

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

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

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

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

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

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

卡片

多種不同樣式的卡片設(shè)計。

折疊區(qū)域

彈窗 Modal

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

Tab選項卡

Tiles

按鈕

表單

圖標(biāo)

日期選項

頁面

最后

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

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

【優(yōu)設(shè)四月免費神器+資源下載人氣榜】

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

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

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

原文地址：shejidaren

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：2650232288@qq.com】

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