TV 应用图标设计指南

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

关键要点

以下是本页的关键要点

  • Android TV 操作系统应用在 AndroidManifest.xml 中有两种图标类型
    • android:icon(标准,必填)
    • android:banner(横幅,必填)
  • 强烈建议使用自适应图标。
  • 图标和横幅都必须符合本指南中概述的设计指南。
  • 使用 官方 Figma 模板 生成横幅和图标
  • Android TV 操作系统不支持主题图标。

概述

Google TV 和 Android 操作系统通过三种方式使用您在 AndroidManifest.xml 中提供的图标

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

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

横幅徽标是 16x9 长宽比的徽标,用于 Android TV 操作系统显示您的应用启动器。我们建议 TV 应用提供具有以下规格的自适应 16:9 横幅。在使用 API 级别 25 或更低版本时,您还可以提供大小为 320 x 180px 的 xhdpi 资源。

TV Banner icon sizes
密度 最小尺寸 文件夹位置(在 res 下) 像素比率
mdpi 160x90 px mipmap-mdpi 1
hdpi 240x135 px mipmap-hdpi 1.5
xhdpi 320x180 px mipmap-xhdpi 2
xxhdpi 480x270 px mipmap-xxhdpi 3
xxxhdpi 640x360 px mipmap-xxxhdpi 4

启动器图标

启动器图标是在 Android TV 上多个位置(如设置和媒体会话集成(正在播放卡片))中使用的 1x1 长宽比资源。启动器图标也可以在 Google TV 上的“您的应用”行中使用。

Launcher icon sizes
密度 最小尺寸 文件夹位置(在 res 下) 像素比率
mdpi 80x80 px mipmap-mdpi 1
hdpi 120x120 px mipmap-hdpi 1.5
xhdpi 160x160 px mipmap-xhdpi 2
xxhdpi 240x240 px mipmap-xxhdpi 3
xxxhdpi 320x320 px mipmap-xxxhdpi 4

自适应图标

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

自适应横幅

您还可以提供自适应横幅以及传统横幅,类似于启动器图标横幅,也具有两层。

TV Adaptive Banner

自适应启动器图标

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

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

TV Adaptive Launcher Icon

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

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

示例

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

遵循指南,将徽标保留在安全区域内
避免使用文本或图形元素来指示任何其他信息。
不要使用可能误导用户的文本或图形元素。
不要将 logo 溢出安全区域。
避免在 logo 周围添加任何边框,因为它们会被裁剪并产生不美观的视觉效果。
避免裁剪 logo。
使用横幅时,建议您显示完整的 logo,包括图标和文本。

启动器示例

遵循指南,将徽标保留在安全区域内
不要使用文本或图形元素来指示任何其他信息。
不要使用可能误导用户的文本或图形元素。
不要将 logo 溢出安全区域。
避免在 logo 周围添加任何边框,因为它们会被裁剪并产生不美观的视觉效果。
避免裁剪 logo。

资源