TV 应用图标设计准则

本指南介绍了如何为 Android TV 创建横幅和启动器图标。

要点总结

以下是本页的要点总结:

  • AndroidManifest.xml 中的 Android TV OS 应用有两种图标类型:
    • android:icon(标准,必需)
    • android:banner(横幅,必需)
  • 强烈建议您使用自适应图标。
  • 图标和横幅都必须遵循本指南中列出的设计准则。
  • 使用官方 figma 模板生成横幅和图标
  • Android TV OS 不支持带主题的图标。

概览

Google TV 和 Android OS 以三种方式使用通过您的 AndroidManifest.xml 提供的图标:

  • 启动器图标(宽高比为 1x1)
  • 圆形启动器图标(宽高比为 1x1,但为圆形)
  • 横幅徽标(宽高比为 16x9)

这些设置会用于不同的用例,例如您的应用行、设置或安装进度。

横幅徽标是一个宽高比为 16x9 的徽标,在 Android TV OS 中用于显示应用启动器。我们建议 TV 应用提供符合以下规范的 16:9 自适应横幅广告。在使用 API 级别 25 或更低级别时,您还可以提供大小为 320 x 180px 的 xhdpi 资源。

电视横幅图标尺寸
密度 最小大小 文件夹位置(位于 res 下) 像素比
mdpi 160x90 像素 mipmap-mdpi 1
hdpi 240x135 像素 mipmap-hdpi 1.5
xhdpi 320x180 像素 mipmap-xhdpi 2
xxhdpi 480x270 像素 mipmap-xxhdpi 3
xxxhdpi 640x360 像素 mipmap-xxxhdpi 4

启动器图标

启动器图标是一种宽高比资源,采用 1x1,可用于多个位置,例如 Android TV 上的“设置”和“媒体会话集成”(“闻曲知音”卡片)。启动器图标也可在 Google TV 上的您的应用行中使用。

启动器图标大小
密度 最小大小 文件夹位置(位于 res 下) 像素比
mdpi 80x80 像素 mipmap-mdpi 1
hdpi 120x120 像素 mipmap-hdpi 1.5
xhdpi 160x160 像素 mipmap-xhdpi 2
xxhdpi 240x240 像素 mipmap-xxhdpi 3
xxxhdpi 320x320 像素 mipmap-xxxhdpi 4

自适应图标

从 Android 8.0 版本(API 级别 26)开始,支持自适应启动器图标,从而在应用图标方面实现更高的灵活性和有趣的视觉效果。对于开发者来说,这意味着应用图标由两个图层组成:前景图层和背景图层。

自适应横幅广告

您还可以同时提供自适应横幅广告和旧版横幅广告,这类似于同样有两个图层的启动器图标横幅广告。

TV 自适应横幅广告

自适应启动器图标

为了确保您的自适应图标支持不同的形状和视觉效果,设计必须满足以下要求:

为图标的彩色版本提供两个图层:一个用于前景,一个用于背景。

TV 自适应启动器图标

自适应图标使用前景图层和背景图层定义。第一张图片中的 72 x 72 安全区域显示了图标和前景图层绝不会被形状蒙版裁剪的位置。

不需要使用单色版本的图标,因为 Android TV 不支持带主题的图标。

示例

以下是在设计 TV 应用图标时需要考虑的一些注意事项。

请遵守准则,并将徽标置于安全区域
避免使用文字或图形元素来指明任何其他信息。
请勿使用可能会误导用户的文字或图形元素
请勿将徽标溢出安全区域
避免在徽标剪裁后添加任何边框,以免造成未经修饰的视觉效果。
避免剪裁徽标
使用横幅时,建议您显示完整的徽标、图标 + 文字。

启动器示例

请遵守准则,并将徽标置于安全区域
请勿使用文字或图形元素来指明任何其他信息。
请勿使用可能会误导用户的文字或图形元素
请勿将徽标溢出安全区域
避免在徽标剪裁后添加任何边框,以免造成未经修饰的视觉效果。
避免剪裁徽标

资源