Google は、黒人コミュニティに対する人種平等の促進に取り組んでいます。取り組みを見る

Android Protected の確認の設計

Android Protected の確認のユーザー インターフェース(UI)は、6 つの必須の要素で構成されています。一部の要素はカスタマイズできますが、必須の要件もあります。UI をカスタマイズしながら要件を満たすには、次のガイドラインに従う必要があります。要件: というマークが付いた要素については、記載されているプロパティを使用する必要があります。

次のガイドラインでは、Roboto フォント ファミリーが使用されています。このフォントは fonts.google.com からダウンロードできます。

ハードウェア ボタン付き UI

Android Protected の確認では、デバイスでの入力の確認とキャンセルにハードウェア ボタンを使用できます。

デザインのレイアウト

アイコン

盾のアイコン

アイコン Android Protected の確認の盾のアイコン
ダウンロード セキュリティ シールド
アイコンのサイズ 32 dp

矢印アイコン

アイコン キーボードの矢印アイコン
ダウンロード キーボードの右矢印
アイコンのサイズ 24 dp
コンテナの角の半径 4 dp

入力メッセージ

Android Protected の確認では、確認とキャンセルの 2 つの入力タイプを使用します。

確認コード

このメッセージでは、確認に使用するボタンを示す必要があります。

メッセージ ボタンを 2 回押して確定します
最大の長さ 要件: 確認メッセージは 2 行までにする必要があります。
#000000 87%
フォント Roboto-Medium
フォントサイズ 要件: 14 sp
行の高さ 要件: 20 dp

キャンセル文字列

キャンセル メッセージは明瞭に表示され、確認ボタンと明確に識別できなければなりません。キャンセルという単語を入れて、次のプロパティを使用します。

メッセージ キャンセル
#000000 87%
フォント Roboto-Medium
フォントサイズ 要件: 14 sp
行の高さ 要件: 20 dp

ヘッダーのテキスト

Trusted UI に Android Protected の確認というテキストを含め、識別できるようにします。ヘッダーのテキストでは次のプロパティを使用します。

メッセージ 要件: Android Protected の確認
#000000 87%
フォント Roboto-Regular
フォントサイズ 要件: 22 sp
行の間隔 要件: 28 dp

本文

本文の要素を実装する場合は、次のプロパティを使用します。実際のメッセージは API デベロッパー(アプリのデベロッパー)が作成します。

メッセージ 本文は Android Protected の確認を呼び出すアプリのデベロッパーが作成
#000000 87%
フォント Roboto-Regular
フォントサイズ 要件: 16 sp
行の高さ 要件: 24 dp

小見出しのテキスト

小見出しのテキストで、Android Protected の確認画面が表示された理由をユーザーに説明します。このテキストは画面の下部に配置します。次のプロパティを使用します。

メッセージ 要件: この確認により、これから行う操作のセキュリティが強化されます。
最大の長さ 要件: 確認メッセージは 4 行までにする必要があります。
#000000 87%
フォント Roboto-Regular
フォントサイズ 要件: 14 sp
行の高さ 要件: 20 dp

ソフトウェア ボタン付き UI

Android Protected の確認では、入力の確認とキャンセルにソフトウェア ボタンを使用できます。次のガイドラインでは、ソフトウェア ボタンを使用する UI について説明しています。

確認 UI ソフトウェアのデザインのレイアウト

盾のアイコン

Android Protected の確認の盾のアイコンからアイコン アセットをダウンロードします。 アイコンは画面の最上部に配置します。

盾のアイコン

Android Protected の確認の盾のアイコンは、必須の要素です。盾の色はカスタマイズできますが、明瞭に表示されるようにする必要があります。

入力

ソフトウェア ボタンのサイズ

入力の確認とキャンセルには、プライマリ ボタンとセカンダリ ボタンの形式を使用します。

ボタンのラベル ボタンのラベルは先頭を大文字にします。
ボタンの半径 4 dp
アクセント カラー #1a73e8
フォント Roboto-Medium
フォントサイズ 要件: 14sp

ヘッダーのテキスト

Trusted UI に Android Protected の確認というテキストを含め、識別できるようにします。ヘッダーのテキストでは次のプロパティを使用します。

メッセージ 要件: Android Protected の確認
#000000 87%
フォント Roboto-Medium
フォントサイズ 要件: 24sp
行の高さ 要件: 20 dp

本文

本文の要素を実装する場合は、次のプロパティを使用します。実際のメッセージはアプリのデベロッパーが作成します。

メッセージ 本文は Android Protected の確認を呼び出すアプリのデベロッパーが作成
#000000 87%
フォント Roboto-Medium
フォントサイズ 要件: 16 sp
行の高さ 要件: 24 dp

小見出しのテキスト

小見出しのテキストで、Android Protected の確認画面が表示された理由をユーザーに説明します。このテキストは画面の下部に配置します。次のプロパティを使用します。

メッセージ 要件: この確認により、これから行う操作のセキュリティが強化されます。
最大の長さ 要件: 確認メッセージは 4 行までにする必要があります。
#000000 54%
フォント Roboto-Medium
フォントサイズ 要件: 14 sp
行の高さ 要件: 20 dp

ローカライズ

記述されているコンポーネントについては、AOSP の一部として、ルックアップ テーブルの自己完結型の C 実装にローカライズがあります。