如果 Google 錢包尚未在這些國家/地區提供服務,請使用 [儲存至手機] 按鈕。請參閱 相關素材資源和規範。如果您要為俄羅斯境外的使用者開發應用程式,請下載下列資產,更新「新增至 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 錢包」。
國家/地區 | 名稱 |
---|---|
白俄羅斯 | Google Кошелек |
巴西 | Carteira do Google |
智利 | Billetera de Google |
捷克 | 潘婷卡 Google |
希臘 | Πホ🇪?🇸? 其中產品或服務 Google |
香港 | Google AP |
立陶宛 | Google Pinigin 在 |
波蘭 | Portfel Google |
葡萄牙 | Carteira da Google |
羅馬尼亞 | Portofel Google |
斯洛伐克 | Google 新聞 |
臺灣 | Google AP |
土耳其 | Google 庫茲丹 |
阿拉伯聯合大公國 | ممحف لة Google |
烏克蘭 | Google 達尼泊爾王國 |
美國 (西班牙文)
*如果您的使用者介面是西班牙文,請使用美國的名稱 |
Billetera de Google |
大小
依據版面配置調整「新增至 Google 錢包」按鈕的高度和寬度。如果頁面上還有其他按鈕,「新增至 Google 錢包」按鈕的大小必須大於或等於「新增至 Google 錢包」。請勿將「新增至 Google 錢包」按鈕小於其他按鈕。
樣式
「新增至 Google 錢包」按鈕有兩種樣式:主要樣式和精簡版本。「新增至 Google 錢包」按鈕只有黑色提供。提供的按鈕經過本地化。請勿以自行翻譯的文字建立按鈕。
主要 | Condensed |
---|---|
![]() |
![]() |
在白色和淺色背景上使用主要按鈕。 | 如果主要或完整寬度空間不足,則使用壓縮按鈕。 |
周圍留空
「新增至 Google 錢包」按鈕周圍一律應至少留空 8 dp。不得有圖像或文字出現在周圍留空的區域。
![新增至 Google 錢包按鈕的每一側都必須保留 8 dp 的空間。](https://developers-dot-devsite-v2-prod.appspot.com/static/wallet/images/branding/add-to-wallet-clear-space.png?authuser=5&hl=zh-tw)
高度下限
所有「新增至 Google 錢包」按鈕的高度下限均為 48 dp。
![新增至 Google 錢包按鈕的高度下限必須為 48 dp。](https://developers-dot-devsite-v2-prod.appspot.com/static/wallet/images/branding/add-to-wallet-min-height.png?authuser=5&hl=zh-tw)
建議做法
建議做法 | 不建議的做法 |
---|---|
正確:一律使用 Google 提供的「新增至 Google 錢包」按鈕。 | 錯誤:自行建立「新增至 Google 錢包」按鈕,或是以任何方式變更按鈕內的字型、顏色、按鈕半徑或邊框間距。 |
正確:在網站中一律使用相同的按鈕樣式, | 錯誤:將「新增至 Google 錢包」按鈕小於其他按鈕。 |
正確:確保「新增至 Google 錢包」按鈕的大小大於或等於其他按鈕。 | 錯誤:調整按鈕顏色。 |
正確:調整「新增至 Google 錢包」按鈕的大小時,保持按鈕比例相同。 | 錯誤:任意縮放按鈕。 |
正確:使用提供的本地化版本按鈕。 | 錯誤做法:自行建立本地化按鈕版本。 |
按鈕位置的最佳做法
在應用程式的確認畫面、網頁或電子郵件中顯示「新增至 Google 錢包」按鈕。請參閱下列最佳做法來引導 UI 設計。
校園證
在確認應用程式畫面上顯示「新增至 Google 錢包」按鈕。
![位於學生帳戶應用程式醒目位置的「新增至 Google 錢包」按鈕。](https://developers-dot-devsite-v2-prod.appspot.com/static/wallet/access/campus-id/images/campusid-branding-example.png?authuser=5&hl=zh-tw)
在文字中使用 Google 錢包產品名稱
您可以使用文字,通知使用者他們的 Campus ID 已儲存至裝置。
「G」和「W」字母大寫
提及 Google 錢包時,請一律使用大寫字母「G」與小寫「W」,後接小寫英文字母。除非必須配合 UI 字體樣式,否則請勿使用「Google 錢包」全名大寫。
不得縮寫 Google 錢包
「Google」與「錢包」字樣一律必須明確填寫。
配合 UI 的樣式
設定「Google 錢包」的字型與字體樣式,與 UI 中其餘文字相同。不要模仿 Google 的字體樣式。
一律使用本地化版本的「Google 錢包」
請務必在提供的本地化文案中註明「Google 錢包」。