Material Design Lite協助開發者快速統一網站風格
近日 Google 發佈了前端開發語言程式 Material Design Lite (MDL),包含一些符合其設計風格的按鈕、核取方塊、輸入區、排版樣式、以及對應的網格系統和自我調整排版系統。 與 Twitter 推出的 Bootstrap 類似,MDL 是為了幫其他開發者快速實現統一的網站風格。
與之前發佈的一些設計項目(Polymer web library)不同的是,MDL 對於版面整體設計有比較具體的規範,它使用 Sass 語言結合 CSS(BEM 規範)工具寫成,可以適配不同尺寸的螢幕。 最簡單的使用方法是下載 CSS 或通過npm 或 Bower 導入 MDL。
MDL 工具可以用來設定不同形式的網站,如
部落格:
重內容型網站:
後台管理頁面:
MDL 與大部分瀏覽器都可以完美相容,如 Chrome、Firefox、Opera、Microsoft Edge 和 Safari,目前對於 IE9 無法做到其他的 A 級相容,只能 B 級。 MDL 目的是為了説明開發者快速應用 MD 設計體驗,比較適用於功能單一的靜態頁面,統一設計風格規範和動態頁面還是建議使用完整的 Material Design 和 Polymer 框架。