تتكون واجهة مستخدم التأكيد المحمي (UI) من ستة عناصر مطلوبة. يمكن تخصيص بعض العناصر، ولكن هناك متطلبات يجب اتباعها. استخدم الإرشادات التالية عند تخصيص واجهة المستخدم والتأكد من استيفاء المتطلبات. إذا تم وضع علامة على العنصر بـ Requirement: فيجب أن يستخدم هذا العنصر الخاصية المدرجة.
تستخدم الإرشادات التالية عائلة خطوط Roboto، والتي يمكنك تنزيلها من Fonts.google.com .
واجهة المستخدم مع أزرار الأجهزة
يمكن لتأكيد حماية Android استخدام أزرار الأجهزة الموجودة على الجهاز لتأكيد الإدخال وإلغائه.
أيقونات
أيقونة الدرع
| أيقونة |  |
|---|---|
| تحميل | درع أمني |
| حجم الرمز | 32dp |
رمز السهم
| أيقونة |  |
|---|---|
| تحميل | سهم لوحة المفاتيح لليمين |
| حجم الرمز | 24dp |
| نصف قطر زاوية الحاوية | 4dp |
رسائل الإدخال
هناك نوعان من الإدخال يُستخدمان في التأكيد المحمي: التأكيد والإلغاء.
سلسلة التأكيد
يجب أن تشير هذه الرسالة إلى الزر الذي سيتم استخدامه للتأكيد.
| رسالة | اضغط مرتين على (الزر) للتأكيد |
|---|---|
| الحد الأقصى لطول | المتطلبات: لا يمكن أن تزيد رسالة التأكيد عن سطرين. |
| لون | #000000 87% |
| وجه الخط | روبوت متوسط |
| حجم الخط | المتطلبات: 14 س |
| ارتفاع خط | المتطلبات: 20dp |
إلغاء السلسلة
يجب أن تكون رسالة الإلغاء مرئية بوضوح ويمكن تمييزها بسهولة من زر التأكيد. استخدم الخصائص التالية مع الكلمة المفردة Cancel .
| رسالة | يلغي |
|---|---|
| لون | #000000 87% |
| وجه الخط | روبوت متوسط |
| حجم الخط | المتطلبات: 14 س |
| ارتفاع خط | المتطلبات: 20dp |
نص الرأس
قم بتضمين نص الرأس "تأكيد حماية Android" في واجهة المستخدم الموثوقة لتحديد الميزة. استخدم الخصائص التالية لنص الرأس.
| رسالة | المتطلبات: تأكيد حماية Android |
|---|---|
| لون | #000000 87% |
| وجه الخط | روبوت عادي |
| حجم الخط | المتطلبات: 22 س |
| ارتفاع خط | المتطلبات: 28dp |
نص الجسم
استخدم الخصائص التالية عند تطبيق عنصر النص الأساسي. تتم كتابة الرسالة الفعلية بواسطة مطور واجهة برمجة التطبيقات (مطور التطبيق).
| رسالة | يتم توفير النص الأساسي بواسطة مطور التطبيق الذي يستدعي التأكيد المحمي. |
|---|---|
| لون | #000000 87% |
| وجه الخط | روبوت عادي |
| حجم الخط | المتطلبات: 16 س |
| ارتفاع خط | المتطلبات: 24dp |
نص العنوان الفرعي
استخدم نص العنوان الفرعي لشرح سبب رؤية المستخدم لشاشة التأكيد المحمي. ضع هذا النص في أسفل الشاشة واستخدم الخصائص التالية.
| رسالة | المتطلب: يوفر هذا التأكيد طبقة إضافية من الأمان للإجراء الذي أنت على وشك اتخاذه. |
|---|---|
| الحد الأقصى لطول | المتطلبات: لا يمكن أن تزيد رسالة التأكيد عن أربعة أسطر. |
| لون | #000000 87% |
| وجه الخط | روبوت عادي |
| حجم الخط | المتطلبات: 14 س |
| ارتفاع خط | المتطلبات: 20dp |
واجهة المستخدم مع أزرار البرنامج
يمكن لتأكيد حماية Android استخدام أزرار البرامج لتأكيد الإدخال وإلغائه. تصف الإرشادات التالية واجهة المستخدم باستخدام أزرار البرامج.
أيقونة الدرع
قم بتنزيل أصل الرمز على Android Protected Confirmation Shield Icon . ضع الأيقونة في أعلى الشاشة.
تعد أيقونة درع التأكيد المحمي عنصرًا مطلوبًا. يمكن تخصيص لون الدرع ولكن يجب أن يكون مرئيًا بوضوح.
مدخل
استخدم شكل الزر الأساسي والثانوي للتأكيد وإلغاء المدخلات.
| تسمية الزر | استخدم حالة الجملة لتسميات الأزرار. |
|---|---|
| نصف قطر الزر | 4dp |
| لون مميز | #1a73e8 |
| وجه الخط | روبوت متوسط |
| حجم الخط | المتطلبات: 14 س |
نص الرأس
قم بتضمين نص الرأس "تأكيد حماية Android" في واجهة المستخدم الموثوقة لتحديد الميزة. استخدم الخصائص التالية لنص الرأس.
| رسالة | المتطلبات: تأكيد حماية Android |
|---|---|
| لون | #000000 87% |
| وجه الخط | روبوت متوسط |
| حجم الخط | المتطلبات: 24 س |
| ارتفاع خط | المتطلبات: 20dp |
نص الجسم
استخدم الخصائص التالية عند تطبيق عنصر النص الأساسي. تتم كتابة الرسالة الفعلية بواسطة مطور التطبيق.
| رسالة | يتم توفير النص الأساسي بواسطة مطور التطبيق الذي يستدعي التأكيد المحمي |
|---|---|
| لون | #000000 87% |
| وجه الخط | روبوت متوسط |
| حجم الخط | المتطلبات: 16 س |
| ارتفاع خط | المتطلبات: 24dp |
نص العنوان الفرعي
استخدم نص العنوان الفرعي لشرح سبب رؤية المستخدم لشاشة التأكيد المحمي. ضع هذا النص في أسفل الشاشة واستخدم الخصائص التالية.
| رسالة | المتطلب: يوفر هذا التأكيد طبقة إضافية من الأمان للإجراء الذي أنت على وشك اتخاذه. |
|---|---|
| الحد الأقصى لطول | المتطلبات: لا يمكن أن تزيد رسالة التأكيد عن أربعة أسطر. |
| لون | #000000 54% |
| وجه الخط | روبوت متوسط |
| حجم الخط | المتطلبات: 14 س |
| ارتفاع خط | المتطلبات: 20dp |
الموقع
يمكنك العثور على ترجمات للمكونات الموصوفة في تطبيق C مستقل بذاته لجدول البحث كجزء من AOSP .