概览
徽标是您的身份标识，也是最具延续性、适应性最强的资源。所有付款服务供应商都必须向 Google 提供一组徽标，以便在整个 Google 生态系统的各个区域使用。例如，Google Pay 和 Google Play 中的各种用户付款历程中都会显示这些徽标，用户需要选择付款方式 (FOP)。下图显示了此类示例：
规范列表
作为付款服务供应商，您需要向 Google 提供符合下文定义的五个规范中的每项规范。每种规范都控制尺寸、调色板、边框内边距和其他属性，这些属性有助于在 Google 的付款流程中提供多样化、引人入胜且以人为本的体验。每种规范要求采用两种文件格式，总共需要十个必需的图片资源。
下面列出了五种规范：
建议和要求
建议
以下建议可确保您的徽标清晰、锐利，并且可以适应一组不同的屏幕尺寸和操作系统主题（例如浅色模式和深色模式）。
- 为了保证清晰度和细节，请充分利用整个素材资源空间，使徽标符合允许的最大尺寸。
- 在设计徽标时，请考虑在 Android 和 iOS 的浅色和深色主题中，徽标在深色背景前的显示效果。如需了解更多详情，请参阅深色主题注意事项。
要求
无论徽标规范如何，所有徽标都应遵循的以下一般准则：
- 添加不带“描边”或轮廓的透明边界框（一种尺寸与规范尺寸相同的形状）。
- 确保单色徽标仅使用一种颜色。如需了解详情，请参阅单色徽标注意事项。
- 导出文件名时需遵循每个徽标规范中的惯例的文件。
深色主题注意事项
最新版本的 Android 和 iOS 都支持深色主题，即对所有屏幕、视图和菜单使用较深的调色板。Google Play 和 Google Pay Android 原生应用也支持此主题，并在该主题启用时相应地调暗其界面。较深的屏幕颜色会影响您选择徽标颜色和整体设计的方式。当在深色主题中，背景变暗时，彩色徽标可能会部分或完全无法辨认。请参见下图中的示例：
在上面的插图中，请注意在深色主题下，当背景变暗时，Acme Bank 徽标中的深灰色“Acme”文字几乎消失不见。当多色徽标以独立文字呈现时，应避免采用这种深色。如需查看有关采用深色主题的徽标设计的最佳实践列表，请参阅为深色主题设计多色徽标。
如需详细了解深色主题，请点击此处。
为深色主题设计多色徽标
虽然 Google 用户体验团队的程序化调整和调整有助于使您的徽标在深色主题中取得最佳效果，但遵循以下最佳实践将有助于尽可能减少所需的更改次数，更好地保留徽标的原始外观，并帮助其与屏幕的其他区域平稳地融合。
- 使用饱和度较低的颜色，如粉彩色和暗色融合了灰色和白色。避免使用完全饱和的颜色。
- 使用“on”颜色，例如白色和不同的白色。
- 在徽标与周围区域之间保持可接受的对比度。如需详细了解对比度，请访问 w3.org。
- 避免阴影，因为在深色背景中很难看到阴影。
- 在深色背景下测试和实验您的徽标设计。
单色徽标注意事项
在浅色和深色主题中着色
单色徽标经过色调调节，以与周围背景保持理想的色彩对比度。例如，请注意以下徽标如何根据操作系统使用的是浅色主题还是深色主题来更改颜色：
如需详细了解可接受的对比度和 a11y，请访问 w3.org。
素材资源大小调整的影响
放大
由于您的徽标需要适应各种屏幕尺寸和显示密度，因此 Google 需要获得在其应用和网站中使用的最大素材资源尺寸。例如，需要 320 x 320 像素，因为这是 Google Play 的最大徽标显示尺寸。任何较小的图片都需要适当调整大小，才能适应这些尺寸，并且可能会导致图片模糊不清并扭曲。这种模糊处理主要发生在非矢量图片格式，例如 png 中。请参考以下示例，其中一张较小的图片最大尺寸为 320 x 320px。请注意它在较大的尺寸时像素化和模糊：
缩小
此外，Google 可能会缩小您徽标的尺寸。例如，320 x 320 像素的素材资源可以缩小到 32 x 32 像素。这种缩小可能会影响徽标设计中的细节，因此应在向 Google 提交资源之前对其进行测试。请注意，下面显示的徽标如何在缩小到较小尺寸时保持其整体外观：
规范列表
以下列表详细介绍了徽标的五种规范。每项规范都必须采用两种文件格式：SVG 和 PNG。
320 x 320 像素彩色方形
必需属性
| 总尺寸 | 320 x 320 像素 |
| 徽标尺寸 | 320 x 320 像素 |
| 宽高比 | 1:1 |
| 内边距 | 无 |
| 边区 | 无 |
| 调色板 | 全 RGB 颜色 |
| 背景颜色 | transparent |
必需的文件
| 形式 | 文件名惯例 | 示例 |
|---|---|---|
| PNG | [brand]_320x320_color_no_padding.png | acmebank_320x320_color_no_padding.png |
| SVG | [brand]_320x320_color_no_padding.svg | acmebank_320x320_color_no_padding.svg |
320 x 320 像素彩色正方形（含内边距）
必需属性
| 总尺寸 | 320 x 320 像素 |
| 徽标尺寸 | 200 x 200 像素 |
| 宽高比 | 1:1 |
| 内边距 | 60px |
| 边区 | 无 |
| 调色板 | 全 RGB 颜色 |
| 背景颜色 | transparent |
必需的文件
| 形式 | 文件名惯例 | 示例 |
|---|---|---|
| PNG | [brand]_320x320_color_padding.png | acmebank_320x320_color_padding.png |
| SVG | [brand]_320x320_color_padding.svg | acmebank_320x320_color_padding.svg |
1170 x 730 像素的彩色椭圆形矩形
必需属性
| 总尺寸 | 1170 x 730 像素 |
| 徽标尺寸 | 1170 x 730 像素 |
| 宽高比 | 8:5 |
| 内边距 | 无 |
| 边区 | 无 |
| 调色板 | 全 RGB 颜色 |
| 背景颜色 | transparent |
必需的文件
| 形式 | 文件名惯例 | 示例 |
|---|---|---|
| PNG | [brand]_1170x730_color_no_padding.png | acmebank_1170x730_color_no_padding.png |
| SVG | [brand]_1170x730_color_no_padding.svg | acmebank_1170x730_color_no_padding.svg |
1170 x 730 像素的彩色椭圆矩形（带内边距）
必需属性
| 总尺寸 | 1170 x 730 像素 |
| 徽标尺寸 | 970 x 530 像素 |
| 宽高比 | 8:5 |
| 内边距 | 100 像素 |
| 边区 | 无 |
| 调色板 | 全 RGB 颜色 |
| 背景颜色 | transparent |
必需的文件
| 形式 | 文件名惯例 | 示例 |
|---|---|---|
| PNG | [brand]_1170x730_color_padding.png | acmebank_1170x730_color_padding.png |
| SVG | [brand]_1170x730_color_padding.svg | acmebank_1170x730_color_padding.svg |
320 x 320 像素单色方形
必需属性
| 总尺寸 | 320 x 320 像素 |
| 徽标尺寸 | 320 x 320 像素 |
| 宽高比 | 1:1 |
| 内边距 | 无 |
| 边区 | 无 |
| 调色板 | 黑色 (HEX #000000) |
| 背景颜色 | transparent |
必需的文件
| 形式 | 文件名惯例 | 示例 |
|---|---|---|
| PNG | [brand]_320x320_single_color_no_padding.png | acmebank_320x320_single_color_no_padding.png |
| SVG | [brand]_320x320_single_color_no_padding.svg | acmebank_320x320_single_color_no_padding.svg |
320 x 320 像素单色正方形（含内边距）
必需属性
| 总尺寸 | 320 x 320 像素 |
| 徽标尺寸 | 200 x 200 像素 |
| 宽高比 | 1:1 |
| 内边距 | 60px |
| 边区 | 无 |
| 调色板 | 黑色 (HEX #000000) |
| 背景颜色 | transparent |
必需的文件
| 形式 | 文件名惯例 | 示例 |
|---|---|---|
| PNG | [brand]_320x320_single_color_padding.png | acmebank_320x320_single_color_padding.png |
| SVG | [brand]_320x320_single_color_padding.svg | acmebank_320x320_single_color_padding.svg |
上传徽标
使用 GSP - 徽标上传上传徽标资源。如果您在访问或使用此表单时遇到问题，请与您的帐号分配给您的技术互动联系人或技术联系人联系。