受保護的確認設計

受保護的確認使用者介面 (UI) 由六個必要元素組成。有些元素可以自訂,但需要遵循一些要求。自訂 UI 時請遵循以下準則並確保滿足要求。如果某個元素標有「要求」:該元素必須使用列出的屬性。

以下指南使用 Roboto 字型系列,您可以從fonts.google.com下載該字型系列。

帶有硬體按鈕的 UI

Android 保護確認可以使用裝置上的硬體按鈕來確認和取消輸入。

設計佈局

圖示

盾牌圖示

圖示受保護的確認盾牌圖標
下載安全盾
圖示大小32dp

箭頭圖示

圖示鍵盤箭頭圖標
下載鍵盤向右箭頭
圖示大小24dp
貨櫃角半徑4dp

輸入訊息

受保護的確認中使用兩種輸入類型:確認和取消。

確認字串

此訊息必須指示使用哪個按鈕作為確認。

訊息雙擊(按鈕)確認
最大長度要求:確認訊息不能超過兩行。
顏色#000000 87%
字體Roboto-Medium
字體大小要求: 14sp
線高要求: 20dp

取消字串

取消訊息必須清晰可見,並且易於與確認按鈕區分開。將以下屬性與單字Cancel一起使用。

訊息取消
顏色#000000 87%
字體Roboto-Medium
字體大小要求: 14sp
線高要求: 20dp

標題文本

在受信任的 UI 中包含標題文字「Android 受保護的確認」以識別該功能。對標題文字使用以下屬性。

訊息要求: Android 保護確認
顏色#000000 87%
字體Roboto-常規
字體大小要求: 22sp
線高要求: 28dp

主體

實現正文文字元素時使用以下屬性。實際訊息是由 API 開發人員(應用程式開發人員)編寫的。

訊息正文由呼叫受保護確認的應用程式開發人員提供。
顏色#000000 87%
字體Roboto-常規
字體大小要求: 16sp
線高要求: 24dp

副標題文本

使用副標題文字解釋使用者為何看到「受保護的確認」畫面。將此文字放置在螢幕底部並使用以下屬性。

訊息要求:此確認為您即將採取的操作提供額外的安全保障。
最大長度要求:確認訊息不能超過四行。
顏色#000000 87%
字體Roboto-常規
字體大小要求: 14sp
線高要求: 20dp

帶有軟體按鈕的 UI

Android 保護確認可以使用軟體按鈕來確認和取消輸入。以下指南描述了使用軟體按鈕的 UI。

確認UI軟體設計佈局

盾牌圖示

Android 受保護的確認盾圖示 下載圖示資源。將圖示放在螢幕頂部。

盾牌圖示

受保護的確認盾牌圖示是必需元素。防護罩的顏色可以定制,但必須清晰可見。

輸入

軟體按鈕尺寸

使用主按鈕和輔助按鈕的形式來確認和取消輸入。

按鈕標籤按鈕標籤使用句首字母大寫。
按鈕半徑4dp
強調色#1a73e8
字體Roboto-Medium
字體大小要求: 14sp

標題文本

在受信任的 UI 中包含標題文字「Android 受保護的確認」以識別該功能。對標題文字使用以下屬性。

訊息要求: Android 保護確認
顏色#000000 87%
字體Roboto-Medium
字體大小要求: 24sp
線高要求: 20dp

主體

實現正文文字元素時使用以下屬性。實際訊息是由應用程式開發人員編寫的。

訊息正文由呼叫受保護確認的應用程式開發人員提供
顏色#000000 87%
字體Roboto-Medium
字體大小要求: 16sp
線高要求: 24dp

副標題文本

使用副標題文字解釋使用者為何看到「受保護的確認」畫面。將此文字放置在螢幕底部並使用以下屬性。

訊息要求:此確認為您即將採取的操作提供額外的安全保障。
最大長度要求:確認訊息不能超過四行。
顏色#000000 54%
字體Roboto-Medium
字體大小要求: 14sp
線高要求: 20dp

本土化

您可以在作為AOSP一部分的查找表的獨立 C 實作中找到所描述元件的本地化。