版面配置

先找出核心內容,打造有效的小工具版面配置。版面配置會決定小工具中的資訊和互動元素的排列方式。Android 提供多個預先建構的文字、清單和格狀小工具版面配置,可簡化這項程序。

Text

文字版面配置適合用來顯示簡單扼要的資訊。您可以選擇在文字旁加入圖片,讓小工具的視覺吸引力更大。

僅限文字

適合標題、狀態更新、簡短說明,或是單行文字有效傳達訊息的任何情境。如需根據小工具大小動態縮放文字內容的指引,請參閱「標準版面配置範例」一文。

文字和圖片

附上圖片來增添視覺效果。詳情請參閱「中斷點」一文,瞭解如何針對不同的螢幕大小調整版面配置。

清單

使用清單版面配置將多個項目整理成清晰可掃描的格式。很適合用於新聞頭條、待辦事項清單或訊息。將內容整理成結構化且易於掃描的清單。您可以根據內容需求,選擇容器化或無容器呈現方式。

文字和圖片清單

文字和圖片清單易於掃描,非常適合展示多種內容類型,例如新聞頭條、含有專輯封面的播放清單,或訊息。

檢查清單

檢查清單版面配置非常適合顯示工作,提供明確的輕觸目標,方便使用者將項目標示為完成。

動作清單

透過動作清單,提供簡單明瞭的控制項分組,透過視覺化的「開啟/關閉」狀態提供項目狀態的即時回饋。

GRid

精簡、靈活且視覺效果豐富的格狀檢視畫面,搭配選用標籤來顯示圖片。 使用可配合不同螢幕大小調整的資料欄和資料列。

僅限圖片

使用僅圖片的格線,建立引人注目的捲動式圖片庫。資料列和資料欄會根據不同的螢幕大小自動調整,以達到最佳呈現效果。

圖片和文字

您也可以加入文字標籤和說明,讓圖片格線內容增添更多背景資訊和資訊。