横幅

hero

概览

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


组成

如果横幅可以关闭,宿主会自动将尾随元素列表中的最后一项呈现为标准化的关闭图标按钮。

hero

1. 前导图片

2. 主要文本

3. 辅助文本(可选)

4. 尾随元素(可选)


用户体验要求

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

要求级别

内容

必须

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

应当有

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

应当有

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