如果您正在開發俄羅斯使用者的應用程式,請使用「儲存至手機」按鈕,因為 Google 錢包目前不適用於這些國家/地區。請參閱 相關素材資源和規範。如果您是為俄羅斯境外使用者開發應用程式,請下載下列素材資源,更新「Add to Google Wallet」按鈕。
本節旨在協助您建立圖片和其他使用者介面元素,讓這些元素在 Google 錢包應用程式中呈現美觀。
素材資源
「Add to Google Wallet」按鈕
每當您要引導使用者將票證或卡片從應用程式或網站儲存至錢包時,就會使用「新增至 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 錢包」。
國家/地區 | 名稱 |
---|---|
白俄羅斯 | {0} |
巴西 | Carteira do Google |
智利 | Billetera de Google |
捷克 | Google 賓州 |
希臘 | Πορτοφόλι Google |
香港 | Google 錢包 |
立陶宛 | Google Piniginė |
波蘭 | Portfel Google |
葡萄牙 | Carteira da Google |
羅馬尼亞 | Portofel Google |
斯洛伐克 | |
臺灣 | Google 錢包 |
土耳其 | Google Cüzdan |
阿拉伯聯合大公國 | محفظة Google |
烏克蘭 | Google Гаманець |
美國 (西班牙文)
*如果使用者介面為西班牙文,請在美國使用這個名稱 |
Billetera de Google |
大小
您可以根據版面配置調整「Add to Google Wallet」按鈕的高度和寬度。如果頁面上還有其他按鈕,「新增至 Google 電子錢包」按鈕的大小必須大於或等於這些按鈕的大小。請勿讓「新增至 Google 錢包」按鈕小於其他按鈕。
樣式
「新增至 Google 錢包」按鈕有兩種版本:主要按鈕和精簡版本。「新增至 Google 錢包」按鈕僅會顯示為黑色。我們提供各官方翻譯版本的按鈕,請勿以自行翻譯的文字建立按鈕。
主要 | Condensed |
---|---|
在白色和淺色背景上使用主要按鈕。 | 如果畫面空間不足以顯示主要或全寬按鈕,請使用精簡按鈕。 |
周圍留空
「新增至 Google 錢包」按鈕周圍一律應至少留空 8 dp。周圍留空的區域當中不得出現圖像或文字。
高度下限
所有「新增至 Google 錢包」按鈕的高度下限均為 48 dp。
注意事項
Dos | 禁止事項 |
---|---|
正確做法:一律使用 Google 提供的「Add to Google Wallet」按鈕。 | 錯誤:自行製作「新增至 Google 電子錢包」按鈕,或是以任何方式變更按鈕內的字型、顏色、按鈕半徑或邊框間距。 |
正確做法:在網站中一律使用相同的按鈕樣式。 | 錯誤:讓「新增至 Google 錢包」按鈕小於其他按鈕。 |
正確:確認「新增至 Google 錢包」按鈕的大小大於或等於其他按鈕。 | 錯誤:變更按鈕顏色。 |
正確:調整「新增至 Google 錢包」按鈕的大小時,維持按鈕比例相同。 | 錯誤:可以自由調整按鈕的縮放比例。 |
正確:使用提供的本地化版本按鈕。 | 錯誤做法:請自行製作本地化版本的按鈕。 |
放置按鈕的最佳做法
在應用程式、網頁或電子郵件的確認畫面上顯示「新增至 Google 錢包」按鈕。請參考下列最佳做法,作為 UI 設計的參考依據。
校園證
在確認應用程式畫面中顯示「新增至 Google 錢包」按鈕。
在文字中使用 Google 錢包產品名稱
您可以透過文字訊息,告知使用者他們的 Campus ID 已儲存至裝置。
「G」和「W」字首大寫
提及 Google 錢包時,字首的「G」與「W」一律大寫,其他字母小寫。除非必須配合 UI 的字體樣式,否則不要使用「Google 錢包」全名。
不得縮寫 Google 錢包
「Google」與「錢包」字樣應完整拼寫。
配合 UI 字體樣式
設定「Google 錢包」字型與字體樣式時,應配合使用者介面中的其他文字。不要模仿 Google 的字體樣式。
一律使用「Google 錢包」的本地化版本
在提供的本地化副本中,請一律填寫「Google 錢包」。