天天看點

android material風格,Android 9個目前流行的Material Design前端架構

原标題:Android 9個目前流行的Material Design前端架構

相關閱讀:

吊炸天!74款APP完整源碼!

轉載自

其中daemonite可以直接在github上下載下傳,用firefox或者chrome打開index.html就可以看到效果了,簡直是驚豔。

9個目前流行的Material Design前端架構

谷歌推出的Material Design風格已見有一些APP UI采用,視覺和互動體驗都很棒,對于想嘗試這個風格但又不懂實作一些效果的前端設計師們,可以試試今天為大家分享的9個目前流行的Material Design前端架構。

這些前端架構的設計元素齊全,按鈕、表單、布局及常用JS特效代碼也有齊了,支援Responsive Design,還有的可以結合Bootstrap使用,相當不錯,下面來看看介紹,并挑選一款你喜歡的Framework來制作你的新項目吧。

Materialize

Materialize 是一個響應式的前端架構,設計樣式及元件元素豐富。

android material風格,Android 9個目前流行的Material Design前端架構

Material UI

Material UI 和上面的架構差不多,另外值得一提就是它自帶的響應式日期選擇很棒哦。

MUI

MUI 是一個輕量級的Material Design架構,它的CSS和JS壓縮版加起來不超過10KB,作者還提到可以用MUI的CSS來建立郵箱模闆,支援流行的郵箱(如:Gmail, Apple Mail,Outlook等)

android material風格,Android 9個目前流行的Material Design前端架構

Daemonite

daemonite 在之前的文章已經介紹過,輕量級。

LumX

LumX 這個前端架構主要是使用了Angular JS,針對手機端有不錯的體驗,如果懂Angular JS的建議使用這個架構。

android material風格,Android 9個目前流行的Material Design前端架構

Framaterial

Framaterial 這個架構小編體驗的時候,有的JS效果在桌面端感覺有點卡頓,動畫不夠流暢,但總體還是不錯,有很豐富的元件元素。

android material風格,Android 9個目前流行的Material Design前端架構

Material Framework

Material Framework 這個前端架構有2組風格,一個是預設白色以及暗色調,缺點就是元件元素目前還不夠多。

android material風格,Android 9個目前流行的Material Design前端架構

Material Foundation

如果你懂得使用Foundation,那麼這個前端架構可以選擇了,直接為你的Foundation換膚。但元件還是有點少了。

Material Design For Bootstrap

Material Design for Bootstrap 對于不想再去花時間了解新架構,并喜歡使用Bootstrap 的使用者,那麼你就用它吧。

android material風格,Android 9個目前流行的Material Design前端架構

有做過Material Design的項目嗎?快來嘗試用這些架構來體驗下新鮮潮流的設計吧。

責任編輯: