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 框架。