受保護的確認設計

受保護的確認作業使用者介面 (UI) 包含六個必要元素。部分元素可自訂,但必須遵循相關規定。自訂 UI 時,請遵循下列規範,並確保符合相關規定。如果元素標示為「Requirement」,則該元素必須使用所列屬性。

以下規範使用 Roboto 字型系列,您可以前往 fonts.google.com 下載。

含硬體按鈕的 UI

Android 保護確認功能可使用裝置上的硬體按鈕,確認及取消輸入內容。

設計版面配置

圖示

盾牌圖示

Icon 已保護的確認盾牌圖示
下載 安全防護罩
圖示大小 32dp

「箭頭」圖示

Icon 鍵盤箭頭圖示
下載 鍵盤向右鍵
圖示大小 24dp
容器圓角半徑 4dp

輸入訊息

在 Protected Confirmation 中,有兩種輸入類型可供使用:確認和取消。

確認字串

這則訊息必須指出要用哪個按鈕確認。

訊息 按兩下 (按鈕) 即可確認
長度上限 規定:確認訊息不得超過兩行。
顏色 #000000 87%
字型 Roboto-Medium
字型大小 需求條件:14sp
行高 需求條件:20dp

取消字串

取消訊息必須清晰可見,並與確認按鈕清楚區分。請使用下列屬性,並搭配單字「Cancel」

訊息 取消
顏色 #000000 87%
字型 Roboto-Medium
字型大小 需求條件:14sp
行高 需求條件:20dp

標題文字

在信任的 UI 中加入標頭文字「Android Protected Confirmation」,以便識別這項功能。請使用下列屬性設定標題文字。

訊息 規定:Android 保護確認
顏色 #000000 87%
字型 Roboto-Regular
字型大小 必要條件:22sp
行高 需求條件:28dp

內文

實作內文元素時,請使用下列屬性。實際訊息是由 API 開發人員 (應用程式開發人員) 編寫。

訊息 內文是由呼叫 Protected Confirmation 的應用程式開發人員提供。
顏色 #000000 87%
字型 Roboto-Regular
字型大小 需求條件:16sp
行高 需求條件:24dp

子標題文字

使用副標題文字說明使用者看到「Protected Confirmation」畫面的原因。將這段文字放在畫面底部,並使用下列屬性。

訊息 必要條件:這項確認程序可為您即將採取的動作提供額外一層安全防護。
長度上限 規定:確認訊息不得超過四行。
顏色 #000000 87%
字型 Roboto-Regular
字型大小 需求條件:14sp
行高 需求條件:20dp

內含軟體按鈕的 UI

Android 保護確認功能可使用軟體按鈕確認及取消輸入內容。下列指南說明使用軟體按鈕的 UI。

確認 UI 軟體設計版面配置

盾牌圖示

請前往 Android Protected Confirmation Shield Icon 下載圖示素材資源。將圖示放在畫面頂端。

盾牌圖示

「Protected Confirmation」護盾圖示為必要元素。盾牌的顏色可自訂,但必須清晰可見。

輸入

軟體按鈕尺寸

使用主要和次要按鈕的形式,用於確認和取消輸入內容。

按鈕標籤 按鈕標籤應採用句首字母大寫格式。
按鈕半徑 4dp
強調色 #1a73e8
字型 Roboto-Medium
字型大小 需求條件:14sp

標題文字

在信任的 UI 中加入標頭文字「Android Protected Confirmation」,以便識別這項功能。請使用下列屬性設定標題文字。

訊息 規定:Android 保護確認
顏色 #000000 87%
字型 Roboto-Medium
字型大小 需求條件:24sp
行高 需求條件:20dp

內文

實作內文元素時,請使用下列屬性。實際訊息是由應用程式開發人員編寫。

訊息 內文是由呼叫 Protected Confirmation 的應用程式開發人員提供
顏色 #000000 87%
字型 Roboto-Medium
字型大小 需求條件:16sp
行高 需求條件:24dp

子標題文字

使用副標題文字說明使用者看到「Protected Confirmation」畫面的原因。將這段文字放在畫面底部,並使用下列屬性。

訊息 必要條件:這項確認程序可為您即將採取的動作提供額外安全防護。
長度上限 規定:確認訊息不得超過四行。
顏色 #000000 54%
字型 Roboto-Medium
字型大小 需求條件:14sp
行高 需求條件:20dp

本地化

您可以在 Android 開放原始碼計畫中,找到查詢表的自給自足 C 實作項目,並在其中找到上述元件的本地化項目。