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

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

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

واجهة المستخدم التي تحتوي على أزرار الجهاز

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

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

الرموز

رمز الدرع

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

رمز السهم

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

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

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

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

يجب أن توضّح هذه الرسالة الزرّ المستخدَم للتأكيد.

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

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

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

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

نص العنوان

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

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

النص الأساسي

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

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

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

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

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

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

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

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

رمز الدرع

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

رمز الدرع

يجب تضمين رمز درع "التأكيد المحمي". يمكن تخصيص لون الدرع، ولكن يجب أن يظهر بوضوح.

الإدخال

أبعاد أزرار البرامج

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

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

نص العنوان

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

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

النص الأساسي

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

رسالة يوفّر مطوّر التطبيق نص الرسالة من خلال استدعاء Protected Confirmation
اللون #000000 87%
نوع الخط Roboto-Medium
حجم الخط المتطلبات: 16sp
ارتفاع السطر المتطلبات: 24dp

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

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

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

الأقلمة

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