精选轮播界面用于展示与用户相关的精选内容。
资源
类型 | 链接 | 状态 |
---|---|---|
设计 | 设计源代码 (Figma) | 可用 |
实施步骤 | Jetpack Compose | 可用 |
亮点
- 使用精选轮播界面突出显示特定内容。
- 精选轮播界面可以包含界面元素,例如图片、标题、内容详情、视频、操作和分页控件。
- 轮播界面通常位于应用的首页或着陆页上,让用户能够轻松访问。
- 精选轮播界面具有视觉吸引力,有助于吸引用户并打造沉浸式体验。
- 显示的内容可以根据用户的观看历史记录、偏好设置或当前趋势进行个性化设置。
变体
您可以通过以下两种方式集成精选轮播界面:
- 沉浸模式
- 卡片
内容块
解剖学
- 叠加文字
- 标题
- 说明
- 按钮
规格
分页
解剖学
- 背景
- 有效元素
- 非活跃元素
- 元素总数
规格
沉浸模式
解剖学
- 图片背景
- 电影纱罩
- 海报
- 背景颜色
- 内容块
- 分页
- 内容网格
规格
卡片
解剖学
- 图片背景
- 电影纱罩
- 海报
- 卡片背景
- 内容块
- 分页
- 内容网格
规格
用法
使用精选轮播界面,以引人入胜、具有视觉吸引力且易于浏览的格式展示和宣传精选内容。
背景中的图片
在提高在线影音应用的精选轮播界面中的用户互动度方面,背景中的图片发挥着至关重要的作用。
高画质图像
使用具有视觉吸引力且与焦点卡片内容相关的高分辨率图片。

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

错误做法
避免在背景中使用带文字的图片。
明显的视觉层次结构
通过在图片上使用纱罩,确保背景不会干扰聚焦卡片的内容;这有助于用户始终专注于卡片的标题、说明和号召性用语按钮。

Do
使用纱罩提高可读性和内容消化性。

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