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

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

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

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

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

تنسيق التصميم

الرموز

رمز الدرع

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

رمز السهم

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

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

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

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

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

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

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

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

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

نص العنوان

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

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

النص الأساسي

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

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

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

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

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

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

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

تصميم واجهة المستخدم لتأكيد عملية تثبيت البرنامج

رمز الدرع

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

رمز الدرع

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

الإدخال

سمات الأزرار البرمجية

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

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

نص العنوان

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

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

النص الأساسي

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

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

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

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

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

الأقلمة

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