在家中随时在大屏幕上无缝访问您最喜爱的电影、电视节目、音乐等内容。
资源
类型 | 链接 | 状态 |
---|---|---|
设计 | 设计源文件 (Figma) | 可用 |
Inter (Google Fonts) | 可用 | |
实现 | Jetpack Compose (Github) | 可用 |
主题
颜色主题
颜色主题是使用 Material Design 3 主题生成器生成的。

排版
JetStream 的字体缩放使用 Inter 字体,为电视屏幕创造简洁清晰的外观。

形状
卡片和按钮应用了细微的圆角,以创建友好且易于接触的边缘。

焦点
JetStream 中使用了具有轮廓颜色的 3dp 轮廓线。

主页
主页
JetStream 应用的着陆页。

精选轮播图
采用卡片式布局的轮播图。

内容行
JetStream 在 5 列布局中采用标准卡片样式,纵横比为 2:3。

沉浸式列表
使用沉浸式列表组件突出显示应用中的特殊内容,例如热门趋势电影排行榜前 10 名。

类别
类别
类别页面以网格格式显示类型,方便导航和访问。

类别卡片

类别详情
类别详情页面使用带有标题的 2:3 卡片网格创建。

媒体
电影
标准电影标签页,顶部有 16:9 的精选卡片,底部有内容网格。

节目

媒体库
收藏夹
收藏夹标签页屏幕顶部包含筛选芯片,以便快速搜索内容。

搜索
搜索着陆页
搜索页面设有一个搜索栏,其中包含根据最近搜索建议的搜索查询。

正在搜索
当用户聚焦搜索栏时,键盘会弹出,下方结果会随着用户输入动态更新。

实体详情
详情着陆页
详情页以影院模式呈现,包含简短剧情摘要和观看电影的显眼号召性用语按钮。

演职人员
演职人员部分包含一排经典卡片,带有标题和描述,每张卡片都配有一个 2:3 的图片素材。

评分
评分部分采用定制的经典宽卡片,其中包含其他信息。

播放
视频播放器
符合最佳实践的标准视频播放器。

视频播放器设置
视频播放器上的隐藏式字幕弹窗。

设置
帐号设置
帐号页面布局采用双列设计,左侧是列表组件,右侧是网格布局的定制卡片组件。

删除帐号对话框
对话框采用对比鲜明的背景设计,使其在屏幕其他部分中脱颖而出。对话框中的两个按钮左对齐,外观整洁有序。

关于
“关于”部分设有一个右侧面板,其中包含一个可滚动的文本视图。

字幕设置
列表组件用于显示字幕下的各种设置,并使用开关或标签等操作。

历史记录
搜索历史记录采用一种布局,显示之前搜索过的查询列表,以及清除所有搜索历史记录的选项。

帮助
“帮助和支持”部分使用定制列表组件显示各种选项,包括联系信息和常见问题解答。
