ブランド ガイドライン

ロシアのユーザー向けの開発では、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 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 {9}аманець
米国(スペイン語)
*米国で UI がスペイン語の場合は、この名前を使用してください
Billetera de Google

サイズ

[Google ウォレットに追加] ボタンの高さと幅をレイアウトに合わせて調整します。同じページに他のボタンがある場合、[Google ウォレットに追加] ボタンのサイズは、これらのボタンと同じか、それよりも大きくする必要があります。[Google ウォレットに追加] ボタンを他のボタンよりも小さくしないでください。

スタイル

[Google ウォレットに追加] ボタンには、基本形と縮小形の 2 種類があります。[Google ウォレットに追加] ボタンの色は常に黒です。ボタンのローカライズ版が用意されています。独自にローカライズしたテキストのボタンは作成しないでください。

初等教育 Condensed
メインの [Google ウォレットに追加] ボタン 縮小形の [Google ウォレットに追加] ボタン
基本形のボタンは、白い背景と明るい背景で使用します。 縮小形のボタンは、基本形のボタン(ボタンの幅全体)を表示するスペースがない場合に使用します。

クリアスペース

[Google ウォレットに追加] ボタンの上下左右には、常に 8 dp 以上のクリアスペースを確保する必要があります。クリアスペースにはグラフィックスやテキストが入らないようにしてください。

[Google ウォレットに追加] ボタンの上下左右には 8 dp のクリアスペースが必要です。

最小の高さ

[Google ウォレットに追加] ボタンの高さは、必ず 48 dp 以上にする必要があります。

[Google ウォレットに追加] ボタンの高さは 48 dp 以上にする必要があります。

推奨事項と禁止事項

推奨事項 非推奨事項
推奨事項: Google が提供する [Google ウォレットに追加] ボタンのみを使用します。 禁止事項: どのような方法であっても、独自の [Google ウォレットに追加] ボタンを作成したり、フォント、色、ボタンの表示範囲、ボタン内のパディングを変更したりしないでください。
推奨事項: サイト全体で同一スタイルのボタンを使用します。 禁止事項: [Google ウォレットに追加] ボタンを他のボタンよりも小さくしないでください。
推奨事項: [Google ウォレットに追加] ボタンのサイズは、他のボタンと同じか、それらよりも大きくします。 禁止事項: ボタンの色を変更しないでください。
推奨事項: [Google ウォレットに追加] ボタンのサイズを変更するときは、ボタンの縦横比を維持します。 禁止事項: ボタンの縦横比を変更しないでください。
推奨事項: 用意されているローカライズ版のボタンを使用します。 禁止事項: 独自にローカライズしたボタンを作成しないでください。

ボタンの配置に関するおすすめの方法

[Google ウォレットに追加] ボタンを、確認用のアプリ画面、ウェブページ、メールに表示します。UI 設計の指針となる以下のベスト プラクティスをご覧ください。

キャンパス ID

確認用のアプリ画面に [Google ウォレットに追加] ボタンを表示します。

学生アカウントのアプリで [Google ウォレットに追加] ボタンを目立つように配置。

テキスト内で Google ウォレットの商品名を使用する場合

テキストを使用して、キャンパス ID がデバイスに保存されていることをユーザーに示すことができます。

「G」と「W」を大文字にする

Google ウォレットに言及する場合は、「G」と「W」を必ず大文字にし、それに続く文字を小文字にします。UI の字体に合わせる場合を除き、「GOOGLE WALLET」のようにすべてを大文字にしないでください。

Google ウォレットを略さない

「Google」と「Wallet」の単語は必ず省略せずに書きます。

UI のスタイルに合わせる

「Google ウォレット」のフォントと字体は、他の UI のテキストと同じものにします。Google の字体は模倣しないでください。

常にローカライズされた「Google ウォレット」を使用する

「Google ウォレット」は常に、提供されたローカライズ版の呼び方で記載します。