Android 質感設計

質感設計是一項全方位的指南,適用於不同平台和裝置的視覺、動作和互動設計。在 Android 應用程式中使用質感設計時,請遵守質感設計規格,並使用質感設計支援資料庫中的新元件和樣式。本頁概略說明應使用的模式和 API。

Android 提供以下功能,可以協助您建構質感設計應用程式:

  • 質感設計應用程式主題,用來設定所有使用者介面小工具的樣式
  • 適用於複雜檢視模式的小工具,例如清單和資訊卡
  • 全新的 API 自訂陰影和動畫

Material 主題和小工具

如要利用質感功能 (例如標準使用者介面小工具的樣式) 並簡化應用程式的樣式定義,請為應用程式套用以素材為基礎的主題。

深色質感主題

淺色質感主題


詳情請參閱如何套用質感主題

請提供常見的使用者體驗模式,為使用者提供熟悉的體驗:

  • 使用懸浮動作按鈕 (FAB) 宣傳使用者介面的主要動作。
  • 應用程式列會顯示您的品牌、導航、搜尋和其他動作。
  • 利用導覽匣顯示或隱藏應用程式的導覽功能。
  • 針對應用程式版面配置和導覽使用眾多質感元件,例如可收合的工具列、分頁和底部導覽列等。如需查看所有元件,請參閱 Android 目錄質感元件

並盡可能使用預先定義的質感設計圖示。舉例來說,導覽匣的導覽「選單」按鈕應使用標準的「漢堡」圖示。如需可用圖示的清單,請參閱質感設計圖示一文。您也可以透過 Android Studio 的 Vector Asset Studio 匯入質感設計圖示資料庫中的可擴充向量圖形圖示。

高度陰影和資訊卡

除了 X 和 Y 屬性之外,Android 中的檢視表也包含一個 Z 屬性。這個新屬性代表檢視畫面的高度,其決定了:

  • 陰影大小:Z 值較高會顯示更大的陰影。
  • 繪製順序:Z 值較高的檢視畫面會顯示在其他檢視畫面上方。

如果版面配置中包含以資訊卡為基礎的版面配置,通常會套用高度,以便在顯示重要內容的資訊卡中提供質感樣式。您可以使用 CardView 小工具來建立具備預設高度的資訊卡。詳情請參閱建立資訊卡為基礎的版面配置一文。

如要瞭解如何將值新增至其他檢視畫面,請參閱建立陰影和剪輯視圖

動畫

全新的動畫 API 可讓您建立自訂動畫,以便在 UI 控制項中使用觸控回應,以及變更檢視模式狀態和活動轉換。

這些 API 可讓您:

  • 透過觸控回饋動畫來回應畫面中的觸控事件。
  • 利用循環播放動畫來隱藏並顯示檢視畫面。
  • 透過自訂活動轉換動畫來切換活動。
  • 使用彎曲動作建立更自然的動畫。
  • 使用檢視畫面狀態變更動畫,對一個或多個檢視畫面屬性的變更進行動畫處理。
  • 在檢視畫面狀態變更之間,以狀態清單可繪項目顯示動畫。

觸控回饋動畫已內建為數個標準檢視畫面,例如按鈕。新的 API 可讓您自訂這些動畫,並將其加入自訂檢視畫面中。

詳情請參閱動畫總覽一文。

可繪項目

下列可繪項目的新功能可協助您實作質感設計應用程式:

  • 向量可繪項目可擴充且不會遺失定義,是最適合單一顏色的應用程式內圖示。進一步瞭解向量可繪項目
  • 可繪項目著色:將點陣圖定義為 Alpha 遮蓋,並在執行階段加上顏色。瞭解如何為可繪項目著色
  • 色彩擷取可讓您從點陣圖圖片自動擷取醒目顯示色彩。瞭解如何使用 Palette API 選取顏色