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

启动器图标

启动器图标是 1x1 长宽比的资源,用于 Android TV 上的多个位置,例如设置和媒体会话集成(正在播放卡片)。启动器图标也可用于 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 应用图标时需要考虑的注意事项。

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

启动器示例

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

资源