如果您是為俄羅斯的使用者開發,請使用「儲存至手機」按鈕,因為 Google 錢包尚未在這些國家/地區推出。請參閱相關素材資源和規範。如果您是為俄羅斯以外的使用者開發,請下載下列素材資源,更新「新增至 Google 錢包」按鈕。
本節說明如何建立圖片和其他使用者介面元素,讓這些元素在 Google 錢包應用程式中完美呈現。
素材資源
「新增至 Google 錢包」按鈕
只要您引導使用者將應用程式或網站中的票證或卡片儲存至錢包,就會使用「新增至 Google 錢包」按鈕。「新增至 Google 錢包」按鈕必須呼叫其中一個 Google Wallet API 流程。這些流程會顯示 Google 錢包應用程式,使用者可以按照操作說明,將票證儲存到 Android 裝置和 Google 帳戶。這個按鈕可用於應用程式、網站或電子郵件。
「新增至 Google 錢包」按鈕提供 Android XML、SVG 和 PNG 格式。
下載素材資源 - Android XML 下載素材資源 - SVG 下載素材資源 - PNG「在 Google 錢包中查看」按鈕
「在 Google 錢包中查看」按鈕可透過深層連結,將使用者導向錢包,查看先前儲存的票證或卡片。這個按鈕可用於應用程式、網站或電子郵件。
「在 Google 錢包中查看」按鈕提供 SVG 和 PNG 格式。
下載素材資源 - SVG 下載素材資源 - PNG網站、應用程式或電子郵件通訊中顯示的所有按鈕,都必須符合本頁所述的品牌宣傳指南。相關規範包括但不限於:
- 依據其他類似的按鈕或頁面元素設定按鈕尺寸
- 不得變更按鈕的形狀和顏色
- 周圍留空
本地化按鈕
我們為所有可使用 Google 錢包的市場提供本地化 Google 錢包按鈕。如果您是為這些市場的使用者開發應用程式,請一律使用上方連結的按鈕。請勿自行建立按鈕。如果您的市場不提供本地化版本的按鈕,請使用英文版按鈕。
「新增至 Google 錢包」按鈕支援下列語言:阿爾巴尼亞文、阿拉伯文、亞美尼亞文、亞塞拜然文、波士尼亞文、保加利亞文、加泰隆尼亞文、中文 (香港)、繁體中文、克羅埃西亞文、捷克文、丹麥文、荷蘭文、英文 (印度、新加坡、南非、澳洲、加拿大、英國、美國)、愛沙尼亞文、菲律賓文、芬蘭文、法文 (加拿大)、法文 (法國)、喬治亞文、德文、希臘文、希伯來文、匈牙利文、冰島文、印尼文、義大利文、日文、哈薩克文、吉爾吉斯文、拉脫維亞文、立陶宛文、馬其頓文、馬來文、挪威文、波蘭文、葡萄牙文 (巴西)、葡萄牙文 (葡萄牙)、羅馬尼亞文、俄文 (白俄羅斯)、塞爾維亞文、斯洛伐克文、斯洛維尼亞文、西班牙文 (拉丁美洲)、西班牙文 (西班牙)、瑞典文、泰文、土耳其文、烏克蘭文、烏茲別克文和越南文。
本地化名稱
為了方便使用者識別,Google 錢包產品名稱在特定市場中會經過本地化。如果您是為這些國家/地區的使用者開發應用程式,請一律使用下列本地化名稱,用於網頁、電子郵件和印刷品。請勿自行建立「Google 錢包」的本地化版本。如果下方未列出您所在的市場,請使用英文的「Google Wallet」。
| 國家/地區 | 名稱 |
|---|---|
| 白俄羅斯 | Google Кошелек |
| 巴西 | Carteira do Google |
| 智利 | Billetera de Google |
| 捷克 | Peněženka Google |
| 希臘 | Πορτοφόλι Google |
| 香港 | Google 錢包 |
| 立陶宛 | Google Piniginė |
| 波蘭 | Portfel Google |
| 葡萄牙 | Carteira da Google |
| 羅馬尼亞 | Portofel Google |
| 斯洛伐克 | Peňaženka Google |
| 臺灣 | Google 錢包 |
| 土耳其 | Google Cüzdan |
| 阿拉伯聯合大公國 | محفظة Google |
| 烏克蘭 | Google Гаманець |
|
美國 (西班牙文)
*如果使用者介面為西班牙文,請在美國使用這個名稱 |
Billetera de Google |
大小
調整「新增至 Google 錢包」按鈕的高度和寬度,以符合版面配置。如果頁面上有其他按鈕,「新增至 Google 錢包」按鈕的大小必須與其他按鈕相同或更大。「新增至 Google 錢包」按鈕不得小於其他按鈕。
樣式
「新增至 Google 錢包」按鈕有兩種版本:主要和精簡。「新增至 Google 錢包」按鈕只有黑色。我們提供本地化版本的按鈕。請勿以自行翻譯的文字建立按鈕。
| 主要 | 極密 |
|---|---|
|
|
| 在白色和淺色背景上使用主要按鈕。 | 如果空間不足,無法使用主要或全寬按鈕,請使用精簡按鈕。 |
周圍留空
「新增至 Google 錢包」按鈕周圍一律應至少留空 8 dp,且周圍留空的區域當中不得出現圖像或文字。
高度下限
所有「新增至 Google 錢包」按鈕的高度至少須為 48 dp。
正確與錯誤做法
| 正確做法 | 錯誤做法 |
|---|---|
| 建議做法:一律使用 Google 提供的「新增至 Google 錢包」按鈕。 | 不建議:自行建立「新增至 Google 錢包」按鈕,或以任何方式調整按鈕內的字型、顏色、按鈕半徑或邊框間距。 |
| 建議做法:在網站中一律使用相同的按鈕樣式。 | 不建議:「新增至 Google 錢包」按鈕小於其他按鈕。 |
| 建議做法:確認「新增至 Google 錢包」按鈕的大小大於或等於其他按鈕。 | 不建議:變更按鈕顏色。 |
| 建議做法:調整「新增至 Google 錢包」按鈕大小時,請維持相同的按鈕比例。 | 不建議:任意縮放按鈕。 |
| 建議做法:使用我們提供的本地化版本按鈕。 | 不建議:自行建立本地化版本的按鈕。 |
按鈕位置最佳做法
在確認應用程式畫面、網頁或電子郵件中,顯示「新增至 Google 錢包」按鈕。請參閱下列最佳做法,做為 UI 設計的指引。
飯店房卡
在確認畫面上顯示「新增至 Google 錢包」按鈕。
圖片即將發布在文字中使用 Google 錢包產品名稱
您可以使用文字向使用者表示飯店房卡已儲存至裝置。
字首「G」與「W」大寫
提及 Google 錢包時,字首的「G」與「W」一律大寫,其他字母小寫。除非必須配合使用者介面字體樣式,否則請勿使用全部大寫的「Google 錢包」。
不得縮寫 Google 錢包
「Google」與「Wallet」字樣應完整拼寫。
配合 UI 字體樣式
設定「Google 錢包」的字型與字體樣式時,應配合 UI 中的其他文字,不要模仿 Google 的字體樣式。
一律使用「Google 錢包」的本地化版本
請一律使用提供的本地化文字撰寫「Google 錢包」。