快速指南集合
顯示互動式元件

為 UI 選擇合適的元件，並瞭解如何在應用程式中導入該元件。
為複雜使用者介面提供標準化平台的基本結構。結構體會將 UI 的不同部分 (例如應用程式列和懸浮動作按鈕) 結合在一起，讓應用程式呈現一致的外觀和感受。
導覽區
容器可讓使用者存取主要功能和導覽項目。應用程式列分為兩種類型：頂端應用程式列和底部應用程式列。
導覽區
這些基本元件可讓使用者觸發已定義的動作。按鈕共有五種類型。查看五種按鈕類型的外觀、適用位置，以及實作方式。
導覽區
高強調按鈕，可讓使用者在應用程式中執行主要動作。這個按鈕元件會宣傳單一專注動作，這是使用者最常採取的路徑，通常會固定在螢幕的右下方。
導覽區
可做為 UI 的 Material Design 容器。資訊卡通常會呈現單一連貫的內容。資訊卡與其他容器的差異，在於它著重於呈現單一內容。
導覽區
這類元素是密集的互動式 UI 元素，用來表示複雜的實體，例如聯絡人或標記，通常會搭配圖示和標籤。方塊可供勾選、關閉或點選。
導覽區
在主要應用程式內容上方顯示彈出式訊息，或要求使用者輸入內容。這個元件會建立中斷的 UI 體驗，以吸引使用者的注意力。
導覽區
以視覺化方式顯示作業狀態。使用動態效果吸引使用者注意程序的完成進度 (例如載入或處理資料)，這些指標可表示處理程序正在進行，但不會顯示進度。
導覽區

建立可用於多個值的滑桿

可讓使用者從連續值範圍中選取，例如設定音量或篩選價格範圍內的圖表資料。
導覽區
可讓使用者在兩個狀態之間切換。使用者可以拖曳或點選切換鈕的指標，變更目前狀態。
導覽區
顯示固定在畫面底部的次要內容。您可以使用標準或模態底部功能表，向使用者顯示次要內容。
導覽區
滑入式選單，可讓使用者前往應用程式的各個部分。使用者可以從側面滑動或輕觸選單圖示來啟用選單。
導覽區
在畫面底部顯示簡短通知。這麼做可在不會中斷使用者體驗的情況下，提供有關作業或動作的意見回饋。小工具列會在幾秒後消失。使用者也可以手動關閉通知。
導覽區
使用清單和格線，有效率地顯示及排列項目組合。
快速指南系列

有問題或意見回饋

請前往常見問題頁面，瞭解快速指南或與我們聯絡，分享您的想法。
前往常見問題 提供意見