精選輪轉介面

精選輪轉介面會顯示與該使用者相關的一系列內容。

翻唱影片

資源

類型 連結 狀態
設計 設計來源 (Figma) 可用
導入作業 Jetpack Compose 可用

重點特色

  • 使用精選輪轉介面醒目顯示特定內容。
  • 精選輪轉介面可包含 UI 元素,例如圖片、標題、內容詳細資料、影片、動作和分頁控制項。
  • 輪轉介面通常位於應用程式的首頁或到達網頁上,方便使用者存取。
  • 精選輪轉介面的視覺效果能夠吸引使用者,並打造沉浸式體驗。
  • 顯示的內容可根據使用者的觀看記錄、偏好設定或目前趨勢進行個人化。

變化版本

整合精選輪轉介面的方式有兩種:

  1. 沉浸式
  2. 資訊卡

沉浸式精選輪轉介面

資訊卡精選輪轉介面

內容區塊

圖解

內容區塊剖析

  1. 疊加文字
  2. 標題
  3. 說明
  4. 按鈕

規格

內容區塊沉浸式規格

分頁

圖解

帕吉納頓

  1. 背景
  2. 使用中的元素
  3. 未使用的元素
  4. 元素總數

規格

分頁規格

沉浸式

圖解

沉浸式解剖學

沉浸式背景解剖

  1. 圖片背景
    1. 電影動態紗罩
    2. 海報
    3. 背景顏色
  2. 內容區塊
  3. 分頁
  4. 內容格線

規格

沉浸式規格

資訊卡

圖解

資訊卡精選輪轉介面剖析

資訊卡精選輪轉介面圖片剖析

  1. 圖片背景
    1. 電影動態紗罩
    2. 海報
    3. 圖示卡背景
  2. 內容區塊
  3. 分頁
  4. 內容格線

規格

資訊卡精選輪轉介面規格

適用情境

您可以使用精選輪轉介面,以引人入勝、吸睛且易於瀏覽的格式來展示及宣傳精選內容。

背景中的圖片

在提升串流應用程式的精選輪轉介面中,背景圖片是提高使用者參與度的關鍵。

高畫質圖像

使用與聚焦資訊卡內容相關的高解析度圖片,在視覺上增添吸引力。

請確保圖片簡潔、視覺吸引力,且與內容區塊相關。
避免在背景使用含有文字的圖片。

明顯的視覺階層

使用紗罩,確保背景不會幹擾聚焦的資訊卡內容;這可以幫助使用者保持關注資訊卡的標題、說明和行動號召按鈕。

使用 scrim 提高可讀性和內容擷取效率。
確認背景不會影響螢幕上其他內容的可讀性和顯示設定。