按鈕規範

以下規範旨在協助您在應用程式或網站中導入 Google Pay API for Passes。

[儲存至 Google Pay] 按鈕

[儲存至 Google Pay] 按鈕必須呼叫一個 Google Pay API for Passes 流程。這些流程會顯示一個畫面,可供使用者將登機證、活動或大眾運輸票券、會員卡、儲值卡和優惠儲存到 Android 裝置中。您可以在商家應用程式、網站、電子郵件或簡訊中使用這個按鈕。

素材資源

我們提供 EPS 和 SVG 檔案格式的 [儲存至 Google Pay] 按鈕。

下載素材資源 - EPS 下載素材資源 - SVG

網站、應用程式或通訊電子郵件中顯示的所有 [儲存至 Google Pay] 按鈕都必須符合本頁上的品牌規範,包括但不限於下列規定:

  • 必須根據頁面上其他類似的按鈕或元素設定按鈕大小。
  • 與周圍區域的背景顏色形成對比
  • 周圍留空

[儲存至 Google Pay] 按鈕提供下列語言版本:阿拉伯文、克羅埃西亞文、捷克文、丹麥文、荷蘭文、英文、芬蘭文、法文、德文、印尼文、義大利文、日文、韓文、挪威文 (書面挪威文)、波蘭文、葡萄牙文、俄文、簡體中文、斯洛伐克文、西班牙文、瑞典文、泰文、繁體中文和烏克蘭文。

大小

您可以根據版面配置將 [儲存至 Google Pay] 按鈕調整為合適的高度和寬度。如果頁面上還有其他按鈕,[儲存至 Google Pay] 按鈕的大小必須大於或等於這些按鈕的大小。切勿讓 [儲存至 Google Pay] 按鈕小於其他按鈕。

樣式

[儲存至 Google Pay] 按鈕共有三種樣式:黑色、白色及白色黑框。我們提供各種官方翻譯版本的按鈕,請勿以自行翻譯的文字另外製作按鈕。

黑色 白色 白色帶框
白色或淺色背景應使用黑色按鈕,藉此形成明顯對比。暗色背景則請勿使用黑色按鈕,改以白色按鈕代之。 黑色或彩色背景應使用白色按鈕。白色或淺色背景則請勿使用白色按鈕,改以黑色或白色帶框按鈕代之。 白色帶框按鈕可以代替黑色按鈕用於白色或淺色背景上。暗色或彩色背景則請勿使用這類按鈕,改以標準的白色按鈕代之。

周圍留空

[儲存至 Google Pay] 按鈕各邊應一律至少留空 8 dp。周圍留空的區域當中不得出現圖像或文字。

高度下限

所有 [儲存至 Google Pay] 按鈕的高度下限均為 36 dp。

正確及錯誤做法

正確做法 錯誤做法
正確:一律使用 Google 提供的 [儲存至 Google Pay] 按鈕。 錯誤:自行製作 [儲存至 Google Pay] 按鈕,或是以任何方式變更按鈕內的文字字型、顏色、按鈕半徑或邊框間距。
正確:在網站中一律使用相同的按鈕樣式,並根據背景顏色將按鈕調整為適合的顏色。 錯誤:讓 [儲存至 Google Pay] 按鈕小於其他按鈕。
正確:確保 [儲存至 Google Pay] 按鈕的大小大於或等於其他按鈕的大小。 錯誤:使用與背景顏色相近的按鈕顏色,例如在白色的背景上使用白色按鈕。
正確:選擇適當的按鈕顏色,和背景形成對比。 錯誤:任意縮放按鈕的比例。
正確:調整 [儲存至 Google Pay] 按鈕的大小時保持按鈕比例相同。

放置按鈕的最佳做法

為了吸引使用者盡可能儲存更多物件,請在應用程式、網站或電子郵件中的明顯之處顯示 [儲存至 Google Pay] 按鈕。您必須遵照下列最佳做法,才能取得 Google 的品牌許可。

會員卡

建議您將 [儲存至 Google Pay] 按鈕放在以下位置:應用程式或網站中的使用者體驗區塊附近,或是通訊電子郵件中顯示目前客戶會員資訊的地方。使用者在應用程式或網站中註冊會員方案後顯示的確認畫面,也是一個不錯的位置考量。

儲值卡

建議您將 [儲存至 Google Pay] 按鈕放在應用程式或網站中,使用者購買儲值卡之後顯示的確認畫面上。您也可以考慮在傳送給儲值卡收件者的任何通訊電子郵件中顯示按鈕。

優惠

建議您將 [儲存至 Google Pay] 按鈕放在應用程式或網站中,使用者存取優惠的畫面或頁面上。為了達成最佳效果,強烈建議您在有關優惠的任何通訊電子郵件中顯示按鈕。

活動和大眾運輸票券

您可以在購物流程的結尾處、應用程式或網頁的確認畫面,或是確認電子郵件中顯示 [儲存至 Google Pay] 按鈕。建議您將 [儲存至 Google Pay] 按鈕放在應用程式或網站中,使用者存取票券的位置。

登機證

您可以在購物流程的結尾處、應用程式或網頁的確認畫面,或是確認電子郵件中顯示 [儲存至 Google Pay] 按鈕。您也可以將按鈕放置在可供旅客報到登機或查看登機證的網頁或應用程式畫面上,或是在相關的電子郵件中顯示按鈕。

在文字中使用 Google Pay 產品名稱

您可以透過文字訊息,通知使用者系統已將登機證、活動或大眾運輸票券、會員卡、儲值卡或優惠儲存到裝置中。

「G」與「P」字首大寫

提及 Google Pay 時,字首的「G」與「P」一律大寫,其他字母小寫。除非必須配合 UI 字體樣式,否則不要使用全部大寫的「GOOGLE PAY」。

不得縮寫 Google Pay

「Google」與「Pay」字樣應完整拼寫。

配合 UI 字體樣式

設定「Google Pay」字型與字體樣式時,應配合 UI 中的其餘文字,而非模仿 Google 的字體樣式。

請勿翻譯 Google Pay

「Google Pay」應一律保持英文拼寫,請勿翻譯成其他語言。