Jet 串流

有了 Android,您隨時隨地都能在大螢幕上順暢觀看喜愛的電影、電視節目和音樂等內容。

資源

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

主題

顏色主題
系統會使用 Material Design 3 主題產生器產生顏色主題。
顏色主題

Typography
JetStream 的輸入比例使用介面,為電視螢幕建立簡單明瞭的樣式。
字體排版

形狀
資訊卡和按鈕套用微小的半徑,創造出親切且平滑的邊緣。
形狀

對焦
JetStream 中使用有外框顏色的 3dp 外框。
專注

首頁

首頁
JetStream 應用程式的到達網頁。
首頁

精選輪轉介面
資訊卡樣式版面配置的輪轉介面。
精選輪轉介面

內容列
JetStream 使用 5 欄版面配置,採用顯示比例為 2:3 的標準資訊卡樣式。
內容列

沉浸式清單
使用沉浸式清單元件 (例如前 10 大熱門電影) 醒目顯示應用程式中的特殊內容。
沉浸式清單

類別

類別
「類別」頁面會以格狀格式顯示各種類型,方便您瀏覽及存取。
類別

類別資訊卡
類別資訊卡

類別詳細資料
2:3 含有標頭的資訊卡格線用於建立「類別詳細資料」頁面。
類別詳細資料

媒體

電影
標準電影分頁,頂端顯示 16:9 的精選資訊卡,底部有內容格線。
電影

節目
節目

媒體庫

常用項目
「常用項目」分頁畫面頂端設有篩選器方塊,可讓使用者快速搜尋內容。
我的最愛

搜尋到達網頁
搜尋網頁設有搜尋列,可依據近期搜尋記錄提供建議的搜尋查詢。
搜尋到達網頁

Active Search
當使用者聚焦搜尋列時,系統會彈出鍵盤,並在使用者輸入內容時動態更新下方搜尋結果。
主動搜尋

實體詳細資料

詳細資料到達網頁
詳細資料頁面呈現電影般的體驗,畫面會顯示簡短的畫面摘要,以及顯眼的行動號召按鈕,讓使用者可以觀看電影。
詳細資料到達網頁

演員和工作人員
「投放」與「工作人員」區塊中有一列經典資訊卡,列出標題與說明,每個資訊卡附帶 2:3 圖片素材資源。
演員與工作人員

評分
「評分」部分會顯示內含額外資訊的自訂傳統寬資訊卡。
評分

播放

影片播放器
符合最佳做法的標準影片播放器。
影片播放器

影片播放器設定
影片播放器中的隱藏式輔助字幕彈出式視窗。
影片播放器設定

設定

帳戶設定
帳戶頁面版面配置採用雙欄設計,左側是清單元件,右側是自訂資訊卡元件,以格狀格式排列。
帳戶設定

刪除帳戶對話方塊
對話方塊採用對比度的背景,讓它與畫面的其餘部分有所區別。對話方塊中的兩個按鈕對齊左側,看起來更簡潔。
刪除帳戶對話方塊

簡介
「關於」區段的右側面板顯示可捲動的文字檢視區塊。
關於

字幕設定
清單元件是用來在字幕下方顯示各種設定,並使用切換鈕或標籤等動作。
字幕設定

記錄
搜尋記錄使用的版面配置會顯示先前搜尋過的查詢清單,以及清除所有搜尋記錄的選項。
記錄

說明
「說明與支援」專區使用自訂清單元件,即可顯示聯絡資訊和常見問題等各種選項。
說明