特色轮播图

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

资源

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

规格

用法

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

背景中的图像

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

高质量图像

使用视觉吸引力且与焦点卡片内容相关的、高分辨率图像。

明显的视觉层次结构

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