Google Play 图标设计规范内容及设计模版

点击"ArtsPlus"添加关注，一起见证彼此的成长！

Copyright：Google Play Team；

Time：8mins；

Excerpt：ArtsPlus；

Google Play上的Apps＆Games正在采用新的图标系统，以使各种开发人员的图稿更适合Google Play的各种UI布局，外形尺寸和设备，并为Google Play带来一致性和更简洁的外观。

统一的形状在视觉上更有吸引力，更易于消化。它们可以帮助用户专注于艺术品，而不是形状。他们修复了由随机开放空间引起的对齐问题，以更好地呈现周围的信息，例如标题，等级和价格。

原始样式 | 统一新样式

本文介绍了为应用在Google Play上的列表创建资产时应遵循的准则。例如，由于Google Play为应用程序图标动态渲染圆角和阴影，因此应从原始资产中忽略它们。

重要提示：相反，如果您有兴趣了解有关创建APK启动器图标的更多信息，这些图标与本页上描述的Google Play图标是分开的，请参见以下资源：

Android自适应图标，请遵循以下APK图标准则，以了解如何创建Android 8.0（API级别26）中引入的自适应启动器图标。

产品图标，了解产品图标的材料设计原则，包括图标设计，形状，规格和处理的准则。

创建资产

本部分介绍了在Google Play上为您的应用创建视觉资产时应遵循的一些准则。

属性

图标图稿可以填充整个资产空间，或者您可以将图稿之类的图稿元素设计和定位到关键线网格上。放置艺术品时，请使用关键线作为指导，而不是硬性规定。

创建图稿时，请确保其符合以下条件：

最终尺寸：512像素x 512像素

格式：32位PNG

色彩空间：sRGB

档案大小上限：1024KB

形状：全角-Google Play动态处理遮罩。半径将等于图标大小的20％。

阴影：无-Google Play动态处理阴影。有关在艺术品中包括阴影的信息，请参见下面的“阴影”部分。

总资产规模 | 产品图标按键

资产上传后，Google Play会动态应用四舍五入的蒙版和阴影，以确保所有应用程序/游戏图标的一致性。

左侧是您的新图标资产。右侧的以下三幅图像显示了图标的Google Play动态处理。

Sizing

处理简约图稿时，请使用整个资产空间作为背景。

使用关键线作为放置艺术品元素（即徽标）的指南。

您的全部出血图稿（最终资产） | 最终结果带有由Google Play动态应用的阴影和圆角

不要强迫徽标或插图适合整个资产空间。而是使用关键线网格。

Don't：不要强迫品牌和艺术品的彻底转型 ；

Do：将自由格式的图标图稿放置在关键线上；

插图艺术品通常可以用作完整的出血图标。

Don't：不要按比例缩小插图上的图稿；

Do：利用全部资产空间，使您的艺术品占据整个图标；

Shadows

上传后，Google Play会在最终图标周围动态添加阴影。

在图标图稿中添加阴影时，请遵循Google材料指南，以确保与Android平台的一致性。

Don't：不要在最终资产中添加阴影；

Do：您可以在图稿中创建阴影和高光；

Corner radius（圆角半径）

Google Play会动态应用转角半径。这样可以确保在不同的UI布局中调整图标大小时的一致性。半径将等于图标大小的20％。

Don't：不要舍弃最终资产的边缘；

Do：尽可能用艺术品填充整个资产；

Badges

嵌入的 badges 会远离艺术品本身，并且不能很好地按比例缩小图标。

警告：避免在艺术品上传达促销信息 | 避免使用品牌Badges

品牌效应

如果形状是徽标的关键部分，请不要强迫艺术品完全渗出。而是将其放置在新的关键线网格上。

从左到右：原始图标资产，新图标资产（建议改编），在Google Play上呈现的新图标。

如果可能，请为资产选择适合您品牌的背景色，并且不包含任何透明度。透明资产将显示Google Play用户界面的背景色。

从左到右：原始图标资产，新图标资产（建议改编），在Google Play上呈现的新图标。

如果在定义徽标的徽标周围没有明显的形状，请将其放置在完整的出血背景上。

从左到右：原始图标资产，新图标资产（建议改编），在Google Play上呈现的新图标。

如果您的图稿足够灵活，请考虑对其进行调整以充分利用资产规模。如果不可能，请还原为将徽标放置在关键线网格上。

从左到右：原始图标资产，新图标资产（建议改编），在Google Play上呈现的新图标。

旧版模式

尚未根据新规范更新的原始图标资产最终将迁移到旧版模式，并缩小到按键线网格尺寸的75％（512 * 0.75 = 384px）。

自2019年5月起，将无法按照原始规范上载图标。

原始图标资产将自动变成旧模式资产，并按比例缩小75％到新的关键线网格。