特色轮播图

特色轮播图展示了与用户相关的精选内容。

资源

类型	链接	状态
设计	设计源（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. 内容网格

规格

用法

使用特色轮播图以一种引人入胜、视觉上吸引人且易于浏览的格式来展示和推广精选内容。

背景中的图像

背景中的图像在增强流媒体应用程序特色轮播图中的用户参与度方面发挥着至关重要的作用。

高质量图像

使用视觉上吸引人且与聚焦卡片的内容相关的**高分辨率**图像。

明显的视觉层次结构

通过在图像上使用遮罩来确保背景不会分散对聚焦卡片内容的注意力；这有助于用户将注意力集中在卡片的标题、描述和号召性用语按钮上。