精选轮播界面

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

翻唱

资源

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

亮点

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

变体

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

  1. 沉浸式

沉浸式精选轮播界面

卡片精选轮播界面

内容块

解剖学

内容块剖析

  1. 为文本添加上划线
  2. 标题
  3. 说明
  4. 按钮

规格

内容块沉浸式规范

分页

解剖学

分页

  1. 背景
  2. 使用中的元素
  3. 非活跃元素
  4. 元素总数

规格

分页规范

沉浸式

解剖学

沉浸式剖析

沉浸式背景剖析

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

规格

沉浸式规格

解剖学

卡片精选轮播界面剖析

卡片精选轮播图片剖析

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

规格

卡片精选轮播规范

用法

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

背景中的图片

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

高画质图像

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

确保图片简洁明了、具有视觉吸引力,并且与内容块相关。
避免使用包含文字的图片。

有明显的视觉层次结构

通过在图片上使用纱罩,确保背景不会干扰聚焦卡片的内容;这有助于用户将注意力集中在卡片的标题、说明和号召性用语按钮上。

使用纱罩来提高可读性和内容消化效果。
确保背景不会影响屏幕上其余内容的可读性和可见性。