超實(shí)用！9個(gè)目前流行的Material Design前端框架

谷歌推出的Material Design風(fēng)格已見有一些APP UI采用，視覺和交互體驗(yàn)都很棒，對于想嘗試這個(gè)風(fēng)格但又不懂實(shí)現(xiàn)一些效果的前端設(shè)計(jì)師們，可以試試今天分享的9個(gè)目前流行的Material Design前端框架 >>>

這些前端框架的設(shè)計(jì)元素齊全，按鈕、表單、布局及常用JS特效代碼也有齊了，支持Responsive Design，還有的可以結(jié)合Bootstrap使用，相當(dāng)不錯(cuò)，下面來看看介紹，并挑選一款你喜歡的Framework來制作你的新項(xiàng)目吧。

個(gè)別網(wǎng)站得搭梯子訪問 ：）

Materialize

Materialize 是一個(gè)響應(yīng)式的前端框架，設(shè)計(jì)樣式及組件元素豐富。

超實(shí)用！9個(gè)目前流行的Material Design前端框架

Material UI

（可能得搭梯子）

Material UI 和上面的框架差不多，另外值得一提就是它自帶的響應(yīng)式日期選擇很棒哦。

超實(shí)用！9個(gè)目前流行的Material Design前端框架

MUI

MUI 是一個(gè)輕量級的Material Design框架，它的CSS和JS壓縮版加起來不超過10KB，作者還提到可以用MUI的CSS來創(chuàng)建郵箱模板，支持流行的郵箱（如：Gmail，Apple Mail，Outlook等）

超實(shí)用！9個(gè)目前流行的Material Design前端框架

Daemonite

Daemonite?，輕量級。

超實(shí)用！9個(gè)目前流行的Material Design前端框架

LumX

（可能得搭梯子）

LumX 這個(gè)前端框架主要是使用了Angular JS，針對手機(jī)端有不錯(cuò)的體驗(yàn)，如果懂Angular JS的建議使用這個(gè)框架。

超實(shí)用！9個(gè)目前流行的Material Design前端框架

Framaterial

Framaterial 這個(gè)框架小編體驗(yàn)的時(shí)候，有的JS效果在桌面端感覺有點(diǎn)卡頓，動畫不夠流暢，但總體還是不錯(cuò)，有很豐富的組件元素。

超實(shí)用！9個(gè)目前流行的Material Design前端框架

Material Framework

Material Framework 這個(gè)前端框架有2組風(fēng)格，一個(gè)是默認(rèn)白色以及暗色調(diào)，缺點(diǎn)就是組件元素目前還不夠多。

超實(shí)用！9個(gè)目前流行的Material Design前端框架

Material Foundation

如果你懂得使用Foundation，那么這個(gè)前端框架可以選擇了，直接為你的Foundation換膚。但組件還是有點(diǎn)少了。

超實(shí)用！9個(gè)目前流行的Material Design前端框架

Material Design For Bootstrap

Material Design for Bootstrap 對于不想再去花時(shí)間了解新框架，并喜歡使用Bootstrap 的用戶，那么你就用它吧。

超實(shí)用！9個(gè)目前流行的Material Design前端框架

【設(shè)計(jì)師快速建站的必備好文】

手把手教你搭建最流行的WordPress網(wǎng)站！
《新手也能做網(wǎng)站！教你搭建一個(gè)超酷的WORDPRESS博客》

風(fēng)趣幽默的前端基礎(chǔ)全科普！
《給設(shè)計(jì)師們的代碼指南！HTML與CSS簡介（一）》

響應(yīng)式網(wǎng)站設(shè)計(jì)的神器推薦！
《最熱門工具推薦！為響應(yīng)式網(wǎng)站而生的40款柵格神器》

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

超實(shí)用！9個(gè)目前流行的Material Design前端框架

程遠(yuǎn)鐵粉

文章 6813 人氣 32573.1w

優(yōu)設(shè) 內(nèi)容總監(jiān)
收藏 4
點(diǎn)贊

復(fù)制本文鏈接 文章為作者獨(dú)立觀點(diǎn)不代表優(yōu)設(shè)網(wǎng)立場，未經(jīng)允許不得轉(zhuǎn)載。

繼續(xù)閱讀本文相關(guān)話題

文章目錄