这些指南旨在帮助您在应用或网站中实现 Google Pay API for Passes。
“保存到手机”按钮
当用户通过链接下载新冠肺炎 (COVID-19) 卡片时,添加深层链接前面的“保存到手机”Google 按钮图片可为用户提供更为一致的优质体验。此按钮可用于商业应用、网站、电子邮件或短信。
点击下载资源,将 Google 按钮下载为 PNG、SVG 和 Android 矢量可绘制对象 XML 文件:
下载资源警告:不要使用“保存到 Google Pay”JavaScript 按钮。请仅使用上述专为新冠肺炎 (COVID-19) 卡片提供的“保存到手机”图片。
在您网站、应用或电子邮件中显示的所有保存到手机按钮都必须遵守我们在本页面介绍的品牌推广指南。 它们包括但不限于以下内容:
- 大小与页面上其他类似按钮或元素相关
- 与周边区域的背景颜色形成对比
- 留白
保存到手机按钮目前仅支持英语。
尺寸
调整保存到手机按钮的高度和宽度以适合您的版式。如果页面上还有其他按钮,保存到手机按钮的尺寸必须大于或等于这些按钮的尺寸。不要将保存到手机按钮的尺寸设置为小于其他按钮。
样式
保存到手机按钮有三种版本:黑色、白色和带有黑色边框的白色。如果您需要该按钮的本地化版本,请与支持团队联系(电子邮件地址 google-pay-passes-support@google.com)
![]() |
![]() |
![]() |
| 黑色 | 白色 | 带边框的白色 |
| 在白色或浅色背景上使用黑色按钮来提供对比效果。请勿在深色背景上使用黑色按钮,而应使用白色按钮。 | 在深色或彩色背景上使用白色按钮。请勿在白色或浅色背景上使用白色按钮。而应使用黑色按钮或带有边框的白色按钮。 | 在白色或浅色背景上使用带有边框的白色按钮来替代黑色按钮。请勿在深色或彩色背景上使用此按钮;请改用标准白色按钮。 |
留白
请务必在保存到手机按钮的每一侧留出至少 8dp 的留白空间。确保留白空间永远不会被图形或文本破坏。
最小高度
所有保存到手机按钮的最小高度均为 36 dp。
注意事项
| 正确做法 | 错误做法 |
|---|---|
| 正确做法:仅使用 Google 提供的保存到手机按钮。 | 错误做法:不要以任何方式自行创建保存到手机按钮或更改按钮内的字体、颜色、按钮半径或填充内容。 |
| 正确做法:在整个站点中使用相同的按钮样式。如果背景颜色发生变化,按钮颜色可随之改变。 | 错误做法:不要将保存到手机按钮的尺寸设置为小于其他按钮。 |
| 正确做法:确保保存到手机按钮的尺寸始终大于或等于其他按钮。 | 错误做法:按钮颜色不要使用与背景类似的颜色。例如,不要在白色背景上使用白色按钮。 |
| 正确做法:确保选择与背景形成对比的按钮颜色。 | 错误做法:不要随意缩放按钮。 |
| 正确做法:调整保存到手机按钮的尺寸时应保持按钮的比例不变。 |
按钮展示位置的最佳做法
要想尽可能多地显示已保存对象的数量,请在应用、网站或电子邮件中突出显示保存到手机按钮。您需要遵循以下最佳做法才能获得 Google 的品牌审批。
新冠肺炎 (COVID-19) 卡片
为确保用户可以保存、兑换和使用您开发的新冠肺炎 (COVID-19) 卡片,我们建议将保存到手机按钮或链接放置在所有相关流程中。通常,应将此按钮放置在具有类似用途的操作按钮(如打印卡片按钮)旁。
您可以考虑将保存到手机按钮放置在以下流程中:用户在您的 Android 应用或网站中查看疫苗接种或测试数据。一些合作伙伴发现,在用户登录或注册应用后向其显示此按钮的做法非常有效。


