การออกแบบการยืนยันที่มีการคุ้มครอง

ส่วนติดต่อผู้ใช้ (UI) ของการยืนยันที่ปกป้องความเป็นส่วนตัวประกอบด้วยองค์ประกอบที่จำเป็น 6 อย่าง คุณปรับแต่งองค์ประกอบบางอย่างได้ แต่ต้องปฏิบัติตามข้อกำหนด โปรดใช้หลักเกณฑ์ต่อไปนี้เมื่อปรับแต่ง UI และตรวจสอบว่า เป็นไปตามข้อกำหนด หากองค์ประกอบมีเครื่องหมาย ข้อกำหนด: องค์ประกอบนั้นต้องใช้ พร็อพเพอร์ตี้ที่ระบุ

หลักเกณฑ์ต่อไปนี้ใช้ชุดแบบอักษร Roboto ซึ่งคุณดาวน์โหลดได้จาก fonts.google.com

UI ที่มีปุ่มฮาร์ดแวร์

การยืนยันที่ได้รับการปกป้องของ Android สามารถใช้ปุ่มฮาร์ดแวร์ในอุปกรณ์เพื่อ ยืนยันและยกเลิกอินพุตได้

ไอคอน

ไอคอนโล่

ไอคอน
ดาวน์โหลด	เกราะคุ้มครองความปลอดภัย
ขนาดไอคอน	32dp

ไอคอนลูกศร

ไอคอน
ดาวน์โหลด	ลูกศรขวาบนแป้นพิมพ์
ขนาดไอคอน	24dp
รัศมีมุมของคอนเทนเนอร์	4dp

ข้อความอินพุต

การยืนยันที่ปกป้องใช้ข้อมูลนำเข้า 2 ประเภท ได้แก่ ยืนยันและยกเลิก

สตริงยืนยัน

ข้อความนี้ต้องระบุปุ่มที่ใช้เป็นการยืนยัน

ข้อความ	กด (ปุ่ม) 2 ครั้งเพื่อยืนยัน
ความยาวสูงสุด	ข้อกำหนด: ข้อความยืนยันต้องไม่เกิน 2 บรรทัด
สี	#000000 87%
แบบตัวอักษร	Roboto-Medium
ขนาดแบบอักษร	ข้อกำหนด: 14sp
ความสูงของบรรทัด	ข้อกำหนด: 20dp

ยกเลิกสตริง

ข้อความยกเลิกต้องมองเห็นได้อย่างชัดเจนและแยกออกจากปุ่มยืนยันได้ง่าย ใช้พร็อพเพอร์ตี้ต่อไปนี้ร่วมกับคำเดียวว่า ยกเลิก

ข้อความ	ยกเลิก
สี	#000000 87%
แบบตัวอักษร	Roboto-Medium
ขนาดแบบอักษร	ข้อกำหนด: 14sp
ความสูงของบรรทัด	ข้อกำหนด: 20dp

ข้อความส่วนหัว

ใส่ข้อความส่วนหัว Android Protected Confirmation ใน UI ที่เชื่อถือได้เพื่อระบุฟีเจอร์ ใช้พร็อพเพอร์ตี้ต่อไปนี้สำหรับข้อความส่วนหัว

ข้อความ	ข้อกำหนด: Android Protected Confirmation
สี	#000000 87%
แบบตัวอักษร	Roboto-Regular
ขนาดแบบอักษร	ข้อกำหนด: 22sp
ความสูงของบรรทัด	ข้อกำหนด: 28dp

ข้อความเนื้อหา

ใช้พร็อพเพอร์ตี้ต่อไปนี้เมื่อใช้องค์ประกอบข้อความเนื้อหา นักพัฒนา API (นักพัฒนาแอป) เป็นผู้เขียนข้อความจริง

ข้อความ	ข้อความเนื้อหาได้รับจากนักพัฒนาแอปที่เรียกใช้ การยืนยันที่ได้รับการปกป้อง
สี	#000000 87%
แบบตัวอักษร	Roboto-Regular
ขนาดแบบอักษร	ข้อกำหนด: 16sp
ความสูงของบรรทัด	ข้อกำหนด: 24dp

ข้อความส่วนหัวย่อย

ใช้ข้อความส่วนหัวย่อยเพื่ออธิบายเหตุผลที่ผู้ใช้เห็นหน้าจอการยืนยันที่ได้รับการปกป้อง วางข้อความนี้ที่ด้านล่างของหน้าจอและใช้พร็อพเพอร์ตี้ต่อไปนี้

ข้อความ	ข้อกำหนด: การยืนยันนี้จะช่วยเพิ่มระดับความปลอดภัย อีกขั้นสำหรับการดำเนินการที่คุณกำลังจะทำ
ความยาวสูงสุด	ข้อกำหนด: ข้อความยืนยันต้องไม่เกิน 4 บรรทัด
สี	#000000 87%
แบบตัวอักษร	Roboto-Regular
ขนาดแบบอักษร	ข้อกำหนด: 14sp
ความสูงของบรรทัด	ข้อกำหนด: 20dp

UI ที่มีปุ่มซอฟต์แวร์

การยืนยันที่ได้รับการปกป้องของ Android สามารถใช้ปุ่มซอฟต์แวร์เพื่อ ยืนยันและยกเลิกอินพุตได้ หลักเกณฑ์ต่อไปนี้อธิบาย UI โดยใช้ปุ่มซอฟต์แวร์

ไอคอนโล่

ดาวน์โหลดชิ้นงานไอคอนที่ Android Protected Confirmation Shield Icon วางไอคอนที่ด้านบนของหน้าจอ

ไอคอนโล่การยืนยันที่ได้รับการปกป้องเป็นองค์ประกอบที่จำเป็น คุณปรับแต่งสี ของโล่ได้ แต่ต้องมองเห็นได้อย่างชัดเจน

อินพุต

ใช้รูปแบบปุ่มหลักและปุ่มรองสำหรับการยืนยันและ การป้อนข้อมูลการยกเลิก

ป้ายกำกับปุ่ม	ใช้ตัวพิมพ์ใหญ่เฉพาะคำแรกสำหรับป้ายกำกับปุ่ม
รัศมีปุ่ม	4dp
สีเฉพาะจุด	#1a73e8
แบบตัวอักษร	Roboto-Medium
ขนาดแบบอักษร	ข้อกำหนด: 14sp

ข้อความส่วนหัว

ใส่ข้อความส่วนหัว Android Protected Confirmation ใน UI ที่เชื่อถือได้เพื่อระบุฟีเจอร์ ใช้พร็อพเพอร์ตี้ต่อไปนี้สำหรับข้อความส่วนหัว

ข้อความ	ข้อกำหนด: Android Protected Confirmation
สี	#000000 87%
แบบตัวอักษร	Roboto-Medium
ขนาดแบบอักษร	ข้อกำหนด: 24sp
ความสูงของบรรทัด	ข้อกำหนด: 20dp

ข้อความเนื้อหา

ใช้พร็อพเพอร์ตี้ต่อไปนี้เมื่อใช้องค์ประกอบข้อความเนื้อหา ข้อความจริงเขียนโดยนักพัฒนาแอป

ข้อความ	ข้อความเนื้อหาได้รับการระบุโดยนักพัฒนาแอป ที่เรียกใช้การยืนยันที่ได้รับการปกป้อง
สี	#000000 87%
แบบตัวอักษร	Roboto-Medium
ขนาดแบบอักษร	ข้อกำหนด: 16sp
ความสูงของบรรทัด	ข้อกำหนด: 24dp

ข้อความส่วนหัวย่อย

ใช้ข้อความส่วนหัวย่อยเพื่ออธิบายเหตุผลที่ผู้ใช้เห็นหน้าจอการยืนยันที่ได้รับการปกป้อง วางข้อความนี้ที่ด้านล่างของหน้าจอและใช้พร็อพเพอร์ตี้ต่อไปนี้

ข้อความ	ข้อกำหนด: การยืนยันนี้ จะเพิ่มระดับความปลอดภัยอีกขั้นสำหรับการดำเนินการที่คุณกำลังจะทำ
ความยาวสูงสุด	ข้อกำหนด: ข้อความยืนยันต้องไม่เกิน 4 บรรทัด
สี	#000000 54%
แบบตัวอักษร	Roboto-Medium
ขนาดแบบอักษร	ข้อกำหนด: 14sp
ความสูงของบรรทัด	ข้อกำหนด: 20dp

การแปล

คุณดูการแปลสำหรับคอมโพเนนต์ที่อธิบายไว้ได้ ในการใช้งานตารางการค้นหาด้วยภาษา C แบบสแตนด์อโลนซึ่งเป็นส่วนหนึ่งของ AOSP