>>? ? 這些前端框架的設(shè)計(jì)元素齊全,按鈕、表單、布局及常用JS特效代碼也有齊了,支持Responsive Design,還有的可以結(jié)合Bootstrap使用,相當(dāng)不錯(cuò),下面來(lái)看看介紹" />
谷歌推出的Material Design風(fēng)格已見(jiàn)有一些APP UI采用,視覺(jué)和交互體驗(yàn)都很棒,對(duì)于想嘗試這個(gè)風(fēng)格但又不懂實(shí)現(xiàn)一些效果的前端設(shè)計(jì)師們,可以試試今天分享的9個(gè)目前流行的Material Design前端框架 >>>
這些前端框架的設(shè)計(jì)元素齊全,按鈕、表單、布局及常用JS特效代碼也有齊了,支持Responsive Design,還有的可以結(jié)合Bootstrap使用,相當(dāng)不錯(cuò),下面來(lái)看看介紹,并挑選一款你喜歡的Framework來(lái)制作你的新項(xiàng)目吧。
個(gè)別網(wǎng)站得搭梯子訪問(wèn) :)
Materialize 是一個(gè)響應(yīng)式的前端框架,設(shè)計(jì)樣式及組件元素豐富。
(可能得搭梯子)
Material UI 和上面的框架差不多,另外值得一提就是它自帶的響應(yīng)式日期選擇很棒哦。
MUI 是一個(gè)輕量級(jí)的Material Design框架,它的CSS和JS壓縮版加起來(lái)不超過(guò)10KB,作者還提到可以用MUI的CSS來(lái)創(chuàng)建郵箱模板,支持流行的郵箱(如:Gmail,Apple Mail,Outlook等)
Daemonite ,輕量級(jí)。
(可能得搭梯子)
LumX 這個(gè)前端框架主要是使用了Angular JS,針對(duì)手機(jī)端有不錯(cuò)的體驗(yàn),如果懂Angular JS的建議使用這個(gè)框架。
Framaterial 這個(gè)框架小編體驗(yàn)的時(shí)候,有的JS效果在桌面端感覺(jué)有點(diǎn)卡頓,動(dòng)畫(huà)不夠流暢,但總體還是不錯(cuò),有很豐富的組件元素。
Material Framework 這個(gè)前端框架有2組風(fēng)格,一個(gè)是默認(rèn)白色以及暗色調(diào),缺點(diǎn)就是組件元素目前還不夠多。
如果你懂得使用Foundation,那么這個(gè)前端框架可以選擇了,直接為你的Foundation換膚。但組件還是有點(diǎn)少了。
Material Design for Bootstrap 對(duì)于不想再去花時(shí)間了解新框架,并喜歡使用Bootstrap 的用戶(hù),那么你就用它吧。