精選輪轉介面會顯示與該使用者相關的一系列內容。
資源
類型 | 連結 | 狀態 |
---|---|---|
設計 | 設計來源 (Figma) | 可用 |
導入作業 | Jetpack Compose | 可用 |
重點特色
- 使用精選輪轉介面醒目顯示特定內容。
- 精選輪轉介面可包含 UI 元素,例如圖片、標題、內容詳細資料、影片、動作和分頁控制項。
- 輪轉介面通常位於應用程式的首頁或到達網頁上,方便使用者存取。
- 精選輪轉介面的視覺效果能夠吸引使用者,並打造沉浸式體驗。
- 顯示的內容可根據使用者的觀看記錄、偏好設定或目前趨勢進行個人化。
變化版本
整合精選輪轉介面的方式有兩種:
- 沉浸式
- 資訊卡
內容區塊
圖解
- 疊加文字
- 標題
- 說明
- 按鈕
規格
分頁
圖解
- 背景
- 使用中的元素
- 未使用的元素
- 元素總數
規格
沉浸式
圖解
- 圖片背景
- 電影動態紗罩
- 海報
- 背景顏色
- 內容區塊
- 分頁
- 內容格線
規格
資訊卡
圖解
- 圖片背景
- 電影動態紗罩
- 海報
- 圖示卡背景
- 內容區塊
- 分頁
- 內容格線
規格
適用情境
您可以使用精選輪轉介面,以引人入勝、吸睛且易於瀏覽的格式來展示及宣傳精選內容。
背景中的圖片
在提升串流應用程式的精選輪轉介面中,背景圖片是提高使用者參與度的關鍵。
高畫質圖像
使用與聚焦資訊卡內容相關的高解析度圖片,在視覺上增添吸引力。

正確做法
請確保圖片簡潔、視覺吸引力,且與內容區塊相關。

錯誤做法
避免在背景使用含有文字的圖片。
明顯的視覺階層
使用紗罩,確保背景不會幹擾聚焦的資訊卡內容;這可以幫助使用者保持關注資訊卡的標題、說明和行動號召按鈕。

正確做法
使用 scrim 提高可讀性和內容擷取效率。

錯誤做法
確認背景不會影響螢幕上其他內容的可讀性和顯示設定。