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