Material Design Lite - 概述



什麼是 Material Design Lite?

Material Design Lite (MDL) 是一個使用 CSS、JavaScript 和 HTML 建立的 UI 元件庫。MDL UI 元件有助於構建美觀、一致且功能強大的網頁和 Web 應用,同時遵循現代 Web 設計原則,例如瀏覽器可移植性、裝置獨立性和優雅降級。

以下是 Material Design Lite 的主要特性:

  • 內建響應式設計。

  • 標準 CSS,佔用空間極小。

  • 包含常見使用者介面控制元件(例如按鈕、複選框和文字欄位)的新版本,這些控制元件已適應 Material Design 的概念。

  • 包含增強的專用功能,例如卡片、列布局、滑塊、載入動畫、標籤頁、排版等等。

  • 可以與任何庫或開發環境一起使用,也可以不使用。

  • 跨瀏覽器相容,可用於建立可重用的 Web 元件。

響應式設計

  • Material Design Lite 內建響應式設計,因此使用 Material Design Lite 建立的網站會根據裝置尺寸自動調整。

  • Material Design Lite 的類被建立為使網站適應任何螢幕尺寸。

  • 使用 Material Design Lite 建立的網站與 PC、平板電腦和移動裝置完全相容。

標準 CSS

  • Material Design Lite 只使用標準 CSS,非常容易學習。

  • 它不依賴於任何外部 JavaScript 庫,例如 jQuery。

  • 可擴充套件性 Material Design Lite 本身非常簡潔。

  • 它的設計考慮到了新增新的 CSS 規則比覆蓋現有 CSS 規則更容易的事實。

  • 它支援陰影和醒目的顏色。

  • 顏色和陰影在各種平臺和裝置上保持一致。

最重要的是,MDL 完全免費使用。

廣告