Google Play 图标设计规范

Google Play 上的应用和游戏正在采用一套全新的图标系统,以便让不同开发者的作品更好地适配 Google Play 的各类 UI 布局、外形规格和设备,同时也为了让 Google Play 显得更统一、更简洁。

统一的形状在视觉上更具吸引力,也更容易被识别。它们有助于引导用户关注艺术作品本身,而不是形状。这解决了因随机留白导致的对齐问题,从而能更好地呈现标题、评分和价格等周边信息。

Freeform icon examples

自由形态 – 原有格式

Uniformed icon examples

统一形态 – 新格式

本页面介绍了您在为应用在 Google Play 上的展示创建素材时应遵循的准则。例如,由于 Google Play 会动态渲染圆角和投影,因此您无需在原始素材中包含这些元素。

  • Android 自适应图标
    遵循这些 APK 图标指南,了解如何创建 Android 8.0(API 级别 26)中引入的自适应启动图标。
  • 产品图标
    探索 Material Design 的产品图标设计原则,包括图标设计指南、形状、规格和处理方式。

创建素材

本节描述了您在为应用创建 Google Play 视觉素材时应遵循的一些指南。

属性

图标素材可以填满整个资源空间,或者您也可以在关键线网格(keyline grid)上设计和定位标识等艺术元素。放置素材时,请将关键线用作参考,而非强制性规则。

创建作品时,请确保其符合以下要求

  • 最终尺寸:512px x 512px
  • 格式:32 位 PNG
  • 色彩空间:sRGB
  • 最大文件大小:1024KB
  • 形状:全方形 – Google Play 会动态处理遮罩。圆角半径将等于图标尺寸的 30%。
  • 阴影:无 – Google Play 会动态处理阴影。有关在作品中包含阴影的说明,请参阅下方的“阴影”部分。

Total asset size

素材总尺寸

Product icon keylines

产品图标关键线

素材上传后,Google Play 会动态应用圆角遮罩和阴影,以确保所有应用/游戏图标的一致性。

左侧是您的新图标素材。右侧的三幅图像展示了 Google Play 对图标进行的动态处理过程。

尺寸调整

处理极简风格作品时,请充分利用整个素材空间作为背景。

利用关键线作为定位艺术元素(如 Logo)的指南。

Full bleed artwork (final asset) example

您的全出血(full bleed)作品(最终素材)

End result with shadows and rounded corners dynamically applied by Google Play

由 Google Play 动态应用阴影和圆角后的最终效果

不要强制将 Logo 或作品拉伸以填满整个素材空间。相反,请利用关键线网格。

不要强行对品牌及作品进行剧烈的全出血变形
将自由形态的图标作品放置在关键线上

插画风格的作品通常适合作为全出血图标。

不要将插画作品缩小并放置在关键线上
利用全部素材空间,使作品占据整个图标

以下是一些会误导用户并违反 Play 开发者政策的图标元素示例。请避免以下所有做法,并参考 Google Play 的元数据政策以及用户评分、评论和安装政策以获取进一步指导。

不要使用文字或图形元素来指示排名
不要使用文字或图形元素来促销优惠或诱导安装
不要使用文字或图形元素来标示参与了 Play 计划
不要使用可能误导用户的文字或图形元素

阴影

Google Play 会在图标上传后动态添加阴影。

在图标内部添加阴影时,请遵循 Google Material 设计指南,以保持与 Android 平台的一致性。

不要在最终素材中添加投影
您可以在作品内部创建阴影和光效

圆角半径

Google Play 会动态应用圆角半径,以确保图标在不同 UI 布局中调整大小时保持一致。半径将等于图标尺寸的 30%。

不要对最终素材的边缘进行圆角处理
在可能的情况下,让作品填满整个素材空间

品牌适配

如果形状是 Logo 的关键组成部分,请不要强制将其拉伸至全出血。相反,请将其放置在新的关键线网格上。

从左至右:原始图标素材、新图标素材(推荐适配方案)、在 Google Play 上渲染的新图标。

如果可能,请为素材选择一种适合您品牌的背景颜色,并且不要包含任何透明区域。透明素材会显示 Google Play UI 的背景色。

从左至右:原始图标素材、新图标素材(推荐适配方案)、在 Google Play 上渲染的新图标。

如果 Logo 周围没有独特的定义形状,请将其放置在全出血背景上。

从左至右:原始图标素材、新图标素材(推荐适配方案)、在 Google Play 上渲染的新图标。

如果您的作品具有灵活性,请考虑调整它以充分利用素材空间。如果无法做到,请退回到将 Logo 放置在关键线网格上的方案。

从左至右:原始图标素材、新图标素材(推荐适配方案)、在 Google Play 上渲染的新图标。

旧版模式

未根据新规范更新的原始图标素材最终将迁移至“旧版模式”,并缩小 75% 以适配关键线网格尺寸(512 * 0.75 = 384px)。

自 2019 年 5 月起,将不再允许上传符合原始规范的图标。查看更多时间线详情

原始图标素材将自动转换为旧版模式素材,并缩小 75% 以适配新的关键线网格。

API 用户说明

对于 API 用户,迁移日期略有不同,但最终目标相同,即在 2019 年 6 月 24 日前将所有图标迁移至新规范或“旧版模式”。

在 2019 年 6 月 17 日之前,开发者必须使用 Play 管理中心将新规范应用到其图标。所有针对 Edits.images: upload 的调用都将采用在 Play 管理中心中配置的任何规范。目前无法通过 API 应用新规范。如果仍在使用旧规范,Edits.images: upload 调用可能会报错,该特定图标的错误消息将引导您查看本规范页面。在 Play 管理中心应用新规范后,您可以重试 Edits.images: upload 调用。您可能需要多次重试该调用才能成功。

从 2019 年 6 月 17 日起,所有针对 Edits.images: upload 的 API 调用都将自动对图标应用新规范。2019 年 6 月 17 日之后,您应仅上传与新规范兼容的图标。

下载设计模板和资源

如需开始,请下载提供的其中一个素材模板