按鈕規範

下列規範可協助您在應用程式或網站中導入 Google Wallet API。

「儲存至 Google Pay」按鈕

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

素材資源

「儲存至 Google Pay」按鈕提供 EPS 和 SVG 檔案。

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

網站、應用程式或電子郵件通訊中顯示的所有「儲存至 Google Pay」按鈕,都必須符合本頁所述的品牌宣傳指南。包括但不限於:

  • 依據其他類似的按鈕或頁面元素設定按鈕尺寸
  • 與周圍區域的背景顏色形成對比
  • 周圍留空

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

大小

調整「儲存至 Google Pay」按鈕的高度和寬度,以符合版面配置。如果頁面上有其他按鈕,「儲存至 Google Pay」按鈕的大小必須大於或等於這些按鈕。「儲存至 Google Pay」按鈕不得小於其他按鈕。

樣式

「儲存至 Google Pay」按鈕有三種變化版本:黑色、白色,以及白色搭配黑色外框。按鈕中的文字已有官方翻譯。請勿以自行翻譯的文字建立按鈕。

黑色「儲存至 Google Pay」按鈕 白色「儲存至 Google Pay」按鈕 「儲存至 Google Pay」按鈕 (白色,有外框)
黑色 白色 白色 (有外框)
在白色或淺色背景上使用黑色按鈕,形成對比。請勿在深色背景上使用黑色按鈕。請改用白色按鈕。 在深色或彩色背景上使用白色按鈕。請勿在白色或淺色背景上使用白色按鈕。請改用黑色按鈕或有外框的白色按鈕。 在白色或淺色背景上,可使用白色按鈕搭配外框,做為黑色按鈕的替代方案。請勿在深色或彩色背景上使用這個按鈕,而應改用標準白色按鈕。

周圍留空

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

黑色「儲存至 Google Pay」按鈕,周圍留空

高度下限

所有「儲存至 Google Pay」按鈕的高度一律不得小於 36 dp。

「儲存至 Google Pay」按鈕為白色,周圍留空

正確與錯誤做法

正確做法 錯誤做法
建議做法:一律使用 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」按鈕

登機證

在購買流程結束時,或在確認應用程式畫面、網頁或電子郵件中,顯示「儲存至 Google Pay」按鈕。您也可以在乘客辦理登機手續或在網站/應用程式中查看登機證的位置顯示按鈕,或在相關電子郵件中加入按鈕。

智慧型手機網頁範例,顯示登機證和「儲存至 Google Pay」按鈕

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

您可以使用文字向使用者表明,登機證、活動或大眾運輸票券、會員卡、禮物卡或優惠已儲存至裝置。

「G」與「P」字首大寫

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

不得縮寫 Google Pay

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

配合 UI 字體樣式

設定「Google Pay」字型與字體樣式時,應配合使用者介面中的其餘文字。請勿模仿 Google 的字體樣式。

請勿翻譯 Google Pay

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