Пользовательский интерфейс Protected Confirmation (UI) состоит из шести обязательных элементов. Некоторые элементы можно настраивать, но есть требования, которые необходимо соблюдать. Используйте следующие рекомендации при настройке UI и убедитесь, что требования выполнены. Если элемент помечен как Requirement: этот элемент должен использовать указанное свойство.
В следующих рекомендациях используется семейство шрифтов Roboto, которое можно загрузить с сайта fonts.google.com .
Пользовательский интерфейс с аппаратными кнопками
Android Protected Confirmation может использовать аппаратные кнопки на устройстве для подтверждения и отмены ввода.
Иконки
Значок щита
| Икона |  |
|---|---|
| Скачать | Щит безопасности |
| Размер значка | 32дп |
Значок стрелки
| Икона |  |
|---|---|
| Скачать | Стрелка клавиатуры вправо |
| Размер значка | 24дп |
| Радиус угла контейнера | 4дп |
Входные сообщения
В защищенном подтверждении используются два типа ввода: подтверждение и отмена.
Строка подтверждения
В этом сообщении должно быть указано, какая кнопка используется для подтверждения.
| Сообщение | Дважды нажмите (кнопку) для подтверждения |
|---|---|
| Максимальная длина | Требование: сообщение подтверждения не может быть длиннее двух строк. |
| Цвет | #000000 87% |
| Шрифт | Робото-Средний |
| Размер шрифта | Требование: 14сп |
| Высота строки | Требование: 20dp |
Отменить строку
Сообщение об отмене должно быть четко видно и легко отличимо от кнопки подтверждения. Используйте следующие свойства вместе с одним словом Cancel .
| Сообщение | Отмена |
|---|---|
| Цвет | #000000 87% |
| Шрифт | Робото-Средний |
| Размер шрифта | Требование: 14сп |
| Высота строки | Требование: 20dp |
Текст заголовка
Включите текст заголовка Android Protected Confirmation в Trusted UI для идентификации функции. Используйте следующие свойства для текста заголовка.
| Сообщение | Требование: Android Protected Confirmation |
|---|---|
| Цвет | #000000 87% |
| Шрифт | Робото-Регулярный |
| Размер шрифта | Требование: 22сп |
| Высота строки | Требование: 28dp |
Основной текст
Используйте следующие свойства при реализации элемента основного текста. Фактическое сообщение пишется разработчиком API (разработчиком приложения).
| Сообщение | Основной текст предоставляется разработчиком приложения, вызывающим Protected Confirmation. |
|---|---|
| Цвет | #000000 87% |
| Шрифт | Робото-Регулярный |
| Размер шрифта | Требование: 16сп |
| Высота строки | Требование: 24dp |
Текст подзаголовка
Используйте текст подзаголовка, чтобы объяснить, почему пользователь видит экран защищенного подтверждения. Разместите этот текст в нижней части экрана и используйте следующие свойства.
| Сообщение | Требование: Это подтверждение обеспечивает дополнительный уровень безопасности действия, которое вы собираетесь предпринять. |
|---|---|
| Максимальная длина | Требование: сообщение подтверждения не может содержать более четырех строк. |
| Цвет | #000000 87% |
| Шрифт | Робото-Регулярный |
| Размер шрифта | Требование: 14сп |
| Высота строки | Требование: 20dp |
Пользовательский интерфейс с программными кнопками
Android Protected Confirmation может использовать программные кнопки для подтверждения и отмены ввода. Следующие рекомендации описывают пользовательский интерфейс с использованием программных кнопок.
Значок щита
Загрузите иконку на Android Protected Confirmation Shield Icon . Поместите иконку в верхнюю часть экрана.
Значок щита Protected Confirmation является обязательным элементом. Цвет щита можно настроить, но он должен быть хорошо виден.
Вход
Используйте форму основной и дополнительной кнопки для подтверждения и отмены ввода.
| Метка кнопки | Используйте регистр букв для надписей кнопок. |
|---|---|
| Радиус кнопки | 4дп |
| Цвет акцента | #1a73e8 |
| Шрифт | Робото-Средний |
| Размер шрифта | Требование: 14сп |
Текст заголовка
Включите текст заголовка Android Protected Confirmation в Trusted UI для идентификации функции. Используйте следующие свойства для текста заголовка.
| Сообщение | Требование: Android Protected Confirmation |
|---|---|
| Цвет | #000000 87% |
| Шрифт | Робото-Средний |
| Размер шрифта | Требование: 24сп |
| Высота строки | Требование: 20dp |
Основной текст
Используйте следующие свойства при реализации элемента основного текста. Фактическое сообщение пишется разработчиком приложения.
| Сообщение | Основной текст предоставляется разработчиком приложения, вызывающим Protected Confirmation. |
|---|---|
| Цвет | #000000 87% |
| Шрифт | Робото-Средний |
| Размер шрифта | Требование: 16сп |
| Высота строки | Требование: 24dp |
Текст подзаголовка
Используйте текст подзаголовка, чтобы объяснить, почему пользователь видит экран защищенного подтверждения. Разместите этот текст в нижней части экрана и используйте следующие свойства.
| Сообщение | Требование: Это подтверждение обеспечивает дополнительный уровень безопасности действия, которое вы собираетесь предпринять. |
|---|---|
| Максимальная длина | Требование: сообщение подтверждения не может содержать более четырех строк. |
| Цвет | #000000 54% |
| Шрифт | Робото-Средний |
| Размер шрифта | Требование: 14сп |
| Высота строки | Требование: 20dp |
Локализация
Локализацию описанных компонентов можно найти в автономной реализации таблицы поиска на языке C в составе AOSP .