Material Design Lite,一套谷歌出品基于Material Design設計

jopen 9年前發布 | 85K 次閱讀 前端技術 Material Design Lite

Material Design Lite,一套基于Material Design設計,沒有任何依賴的HTML/CSS/JS庫。同時還提供模板下載。谷歌出品。  Material Design Lite (MDL),包含一些符合其設計風格的按鈕、復選框、輸入區、排版樣式、以及對應的網格系統和自適應排版系統。與 推ter 推出的 Bootstrap 類似,MDL 是為了幫其他開發者快速實現統一的網站風格。

與之前發布的一些設計元素庫(Polymer web library)不同的是,MDL 對于版面整體設計有比較具體的規范,它使用 Sass 語言結合 CSS(BEM 規范)工具寫成,可以適配不同尺寸的屏幕。最簡單的使用方法是下載 CSS 或通過 npmBower 導入 MDL。

MDL 工具可以用來創建不同形式的網站,如博客:

Material Design Lite,一套谷歌出品基于Material Design設計

Material Design Lite,一套谷歌出品基于Material Design設計

重內容型網站:

Material Design Lite,一套谷歌出品基于Material Design設計

后臺管理頁面:

Material Design Lite,一套谷歌出品基于Material Design設計

MDL 與大部分瀏覽器都可以完美兼容,如 Chrome、Firefox、Opera、Microsoft Edge 和 Safari,目前對于 IE9 無法做到其他的 A 級兼容,只能 B 級。MDL 目的是為了幫助開發者快速應用 MD 設計體驗,比較適用于功能單一的靜態頁面,統一設計風格規范和動態頁面還是建議使用完整的 Material Design 和 Polymer 框架。

http://www.getmdl.io/

 本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!