تصميم التأكيد المحمي

تنظيم صفحاتك في مجموعات يمكنك حفظ المحتوى وتصنيفه حسب إعداداتك المفضّلة.

تتألف واجهة مستخدم ميزة "التأكيد المحمي" من ستة عناصر مطلوبة. يمكن تخصيص بعض العناصر، ولكن هناك متطلبات يجب اتّباعها. اتّبِع الإرشادات التالية عند تخصيص واجهة المستخدم وتأكَّد من استيفاء المتطلبات. إذا تم وضع علامة متطلبات: على عنصر، يجب أن يستخدم هذا العنصر السمة المدرَجة.

تستخدِم الإرشادات التالية مجموعة خطوط Roboto التي يمكنك تنزيلها من fonts.google.com.

واجهة المستخدم التي تتضمّن أزرار الأجهزة

يمكن أن يستخدم ميزة "التأكيد المحمي" في Android أزرار الأجهزة على الجهاز لتأكيد الإدخال وإلغائه.

الرموز

رمز الدرع

رمز
تنزيل	درع الأمان
حجم الرمز	32dp

رمز السهم

رمز
تنزيل	السهم المتّجه لليمين في لوحة المفاتيح
حجم الرمز	24dp
نصف قطر زاوية الحاوية	4dp

إدخال الرسائل

هناك نوعان من الإدخال المستخدَمَين في ميزة "التأكيد المحمي": التأكيد والإلغاء.

سلسلة التأكيد

يجب أن تشير هذه الرسالة إلى الزر الذي يتم استخدامه كتأكيد.

رسالة	الضغط مرّتين (على الزر) للتأكيد
الحد الأقصى للطول	المتطلب: لا يمكن أن تتضمّن رسالة التأكيد أكثر من سطرَين.
اللون	#000000 ‏87%
واجهة الخط	Roboto-Medium
حجم الخط	المتطلب: 14 نقطة تباعد
ارتفاع السطر	المتطلب: 20dp

سلسلة الإلغاء

يجب أن تكون رسالة الإلغاء مرئية بوضوح ويسهل تمييزها عن زر التأكيد. استخدِم السمات التالية مع الكلمة الفردية إلغاء.

رسالة	إلغاء
اللون	#000000 ‏87%
واجهة الخط	Roboto-Medium
حجم الخط	المتطلب: 14 نقطة تباعد
ارتفاع السطر	المتطلب: 20dp

نص العنوان

أدرِج نص العنوان تأكيد محمي على Android في واجهة المستخدم الموثوق بها لتحديد الميزة. استخدِم السمات التالية ل نص العنوان.

رسالة	المتطلب: تأكيد آمن لعمليات المُستخدِم على Android
اللون	#000000 ‏87%
واجهة الخط	Roboto-Regular
حجم الخط	المتطلب: 22 نقطة تباعد
ارتفاع السطر	المتطلب: 28dp

النص الأساسي

استخدِم السمات التالية عند تنفيذ عنصر نص النصّ. يكتب المطوّر المعنيّ لواجهة برمجة التطبيقات (مطوّر التطبيق) الرسالة الفعلية.

رسالة	يقدّم مطوّر التطبيق الذي يجري المكالمة النص الأساسي لتأكيد الأمان.
اللون	#000000 ‏87%
واجهة الخط	Roboto-Regular
حجم الخط	المتطلب: 16sp
ارتفاع السطر	المتطلب: 24dp

نص العنوان الفرعي

استخدِم نص العنوان الفرعي لتوضيح سبب ظهور شاشة "تأكيد" المحمية للمستخدم. ضَع هذا النص في أسفل الشاشة واستخدِم السمات التالية.

رسالة	المتطلب: يقدّم هذا التأكيد طبقة أمان إضافية للإجراء الذي تريد اتخاذه.
الحد الأقصى للطول	المتطلب: لا يمكن أن تتضمّن رسالة التأكيد أكثر من أربعة أسطر.
اللون	#000000 ‏87%
واجهة الخط	Roboto-Regular
حجم الخط	المتطلب: 14 نقطة تباعد
ارتفاع السطر	المتطلب: 20dp

واجهة المستخدم التي تتضمّن أزرارًا افتراضية

يمكن أن يستخدم تأكيد Android المحمي أزرارًا برمجية لتأكيد الإدخال وإلغائه. توضِّح الإرشادات التالية واجهة المستخدم باستخدام buttonsبرمجي.

رمز الدرع

نزِّل مادة عرض الرمز من Android رمز الدرع لتأكيد الحماية. ضَع الرمز في أعلى الشاشة.

رمز درع التأكيد المحمي هو عنصر مطلوب. يمكن تخصيص لون الشعار، ولكن يجب أن يكون مرئيًا بوضوح.

الإدخال

استخدِم شكل زرّ أساسي وثانوي لإدخالات التأكيد والإلغاء.

تصنيف الزر	استخدِم حالة أحرف الجملة لتصنيفات الأزرار.
نصف قطر الزر	4dp
لون التمييز	#1a73e8
واجهة الخط	Roboto-Medium
حجم الخط	المتطلب: 14 نقطة تباعد

نص العنوان

أدرِج نص العنوان تأكيد محمي على Android في واجهة المستخدم الموثوق بها لتحديد الميزة. استخدِم السمات التالية ل نص العنوان.

رسالة	المتطلب: تأكيد آمن لعمليات المُستخدِم على Android
اللون	#000000 ‏87%
واجهة الخط	Roboto-Medium
حجم الخط	المتطلب: 24 نقطة في البوصة
ارتفاع السطر	المتطلب: 20dp

النص الأساسي

استخدِم السمات التالية عند تنفيذ عنصر نص النصّ. ويكتب مطوِّر التطبيقات الرسالة الفعلية.

رسالة	يقدّم مطوّر التطبيق نص الرسالة الأساسية ويُطلِق على الإجراء "تأكيد محمي".
اللون	#000000 ‏87%
واجهة الخط	Roboto-Medium
حجم الخط	المتطلب: 16sp
ارتفاع السطر	المتطلب: 24dp

نص العنوان الفرعي

استخدِم نص العنوان الفرعي لتوضيح سبب ظهور شاشة "تأكيد" المحمية للمستخدم. ضَع هذا النص في أسفل الشاشة واستخدِم السمات التالية.

رسالة	المتطلب: يقدّم هذا التأكيد طبقة أمان إضافية للإجراء الذي ستتّخذه.
الحد الأقصى للطول	المتطلب: لا يمكن أن تتضمّن رسالة التأكيد أكثر من أربعة أسطر.
اللون	#000000 ‎54%
واجهة الخط	Roboto-Medium
حجم الخط	المتطلب: 14 نقطة تباعد
ارتفاع السطر	المتطلب: 20dp

الأقلمة

يمكنك العثور على عمليات الترجمة للمكونات الموضّحة في تطبيق مستقل لجدول البحث بلغة C كجزء من AOSP.