横幅

hero

概览

横幅有助于展示特殊的应用体验、新功能或重要消息。虽然在功能上与标准行类似,但横幅通过可自定义的背景填充添加了独特的视觉突出性,并且始终在视觉上与周围的内容分开。


乐曲

横幅项旨在实现高浏览性,包含四个组件,其中两个 是必需的:

  • 前导图片或图标 (必需)
  • 主要文本:标题和副标题 (必需)
  • 辅助文本(可选)
  • 尾随图片或图标(可选)
hero

1. 前导图片

2. 主要文本

3. 辅助文本(可选)

4. 尾随元素(可选)


用户体验要求

为了确保所有应用都能提供安全一致的体验,请遵循以下设计要求:

要求级别

内容

必须

每个部分仅显示一个横幅。将横幅放置在不包含其他组件类型的专用部分中。

应当有

应用自定义背景填充、按钮强调色和不同的圆角半径,以将横幅与标准内容行分开。

应当有

避免将横幅部分直接彼此相邻放置,以保留其视觉突出性。