精选轮播界面

精选轮播界面会展示与用户相关的内容。

资源

类型	关联	状态
设计	设计源代码 (Figma)	可用
实现	Jetpack Compose	可用

亮点

• 使用精选轮播界面突出显示特定内容。
• 精选轮播界面可以包含界面元素，例如图片、标题、内容详情、视频、操作和分页控件。
• 轮播界面通常位于应用的首页或着陆页上，以便用户轻松访问。
• 精选轮播界面具有视觉吸引力，有助于吸引用户并打造沉浸式体验。
• 显示的内容可以根据用户的观看记录、偏好或当前趋势进行个性化设置。

变体

您可以通过以下两种方式集成精选轮播界面：

1. 沉浸式
2. 卡片

内容块

解剖学

1. 为文字添加边框
2. 标题
3. 说明
4. 按钮

规格

分页

解剖学

1. 背景
2. 有效元素
3. 无效元素
4. 元素总数

规格

沉浸式

解剖学

1. 图片背景
   1. 电影纱罩
   2. 海报
   3. 背景颜色
2. 内容块
3. 分页
4. 内容网格

规格

卡片

解剖学

1. 图片背景
   1. 电影纱罩
   2. 海报
   3. 卡片背景
2. 内容块
3. 分页
4. 内容网格

规格

用法

使用精选轮播界面，以引人入胜、具有视觉吸引力且易于浏览的格式展示和宣传精选内容。

背景中的图片

在提高在线影音应用的精选轮播界面中的用户互动度方面，背景中的图片起着至关重要的作用。

高画质图像

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

check_circle

正确做法

确保图片简洁明了、具有视觉吸引力，并且与内容区块相关。

cancel

错误做法

避免使用带文字的图片。

有明显的视觉层次结构

通过在图片上使用纱罩，确保背景不会从聚焦的卡片内容中分散注意力；这有助于用户将焦点放在卡片的标题、说明和号召性用语按钮上。

check_circle

正确做法

使用纱罩可以提高可读性和内容消化效果。

cancel

错误做法

确保背景不会影响屏幕上其余内容的可读性和可见性。