精选轮播界面

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

遮盖

资源

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

规格

卡片精选轮播规范

用法

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

背景中的图片

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

高画质图像

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

确保图片简洁明了、具有视觉吸引力,并且与内容区块密切相关。
避免在背景中使用带文字的图片。

明显的视觉层次结构

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

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