עיצוב אישור מוגן

ממשק המשתמש של אישור מוגן (UI) מורכב משישה אלמנטים נדרשים. ניתן להתאים אלמנטים מסוימים, אך יש דרישות שיש לעמוד בהן. השתמש בהנחיות הבאות בעת התאמה אישית של ממשק המשתמש וודא שהדרישות מתקיימות. אם אלמנט מסומן ב- Requirement: רכיב זה חייב להשתמש במאפיין הרשום.

ההנחיות הבאות משתמשות במשפחת הגופנים Roboto, אותה תוכל להוריד מ- fonts.google.com .

ממשק משתמש עם כפתורי חומרה

Android Protected Confirmation יכול להשתמש בלחצני חומרה במכשיר לאישור וביטול קלט.

פריסת עיצוב

אייקונים

סמל מגן

סמל סמל מגן אישור מוגן
הורד מגן אבטחה
גודל סמל 32dp

סמל חץ

סמל סמל חץ במקלדת
הורדחץ ימינה במקלדת
גודל סמל 24dp
רדיוס פינת מיכל 4dp

קלט הודעות

ישנם שני סוגי קלט המשמשים באישור מוגן: אשר ובטל.

מחרוזת אישור

הודעה זו חייבת לציין איזה כפתור משמש כאישור.

הוֹדָעָה לחץ פעמיים (כפתור) כדי לאשר
אורך מקסימלי דרישה: הודעת האישור לא יכולה להיות יותר משתי שורות.
צֶבַע #000000 87%
סוג גופן רובוטו-מדיום
גודל גופן דרישה: 14 sp
גובה קו דרישה: 20dp

בטל מחרוזת

הודעת הביטול חייבת להיות גלויה בבירור ולהבדיל בקלות מכפתור האישור. השתמש במאפיינים הבאים יחד עם המילה הבודדת ביטול .

הוֹדָעָה לְבַטֵל
צֶבַע #000000 87%
סוג גופן רובוטו-מדיום
גודל גופן דרישה: 14 sp
גובה קו דרישה: 20dp

טקסט כותרת

כלול את טקסט הכותרת Android Protected Confirmation בממשק המשתמש המהימן כדי לזהות את התכונה. השתמש במאפיינים הבאים עבור טקסט הכותרת.

הוֹדָעָה דרישה: אישור מוגן אנדרואיד
צֶבַע #000000 87%
סוג גופן רובוטו-רגיל
גודל גופן דרישה: 22sp
גובה קו דרישה: 28dp

טקסט גוף

השתמש במאפיינים הבאים בעת יישום רכיב הטקסט בגוף. ההודעה בפועל נכתבת על ידי מפתח ה-API (מפתח אפליקציה).

הוֹדָעָה גוף הטקסט מסופק על ידי מפתח האפליקציה הקורא Protected Confirmation.
צֶבַע #000000 87%
סוג גופן רובוטו-רגיל
גודל גופן דרישה: 16 sp
גובה קו דרישה: 24dp

טקסט כותרת משנה

השתמש בטקסט של כותרת המשנה כדי להסביר מדוע המשתמש רואה את מסך האישור המוגן. מקם טקסט זה בתחתית המסך והשתמש במאפיינים הבאים.

הוֹדָעָה דרישה: אישור זה מספק שכבת אבטחה נוספת עבור הפעולה שאתה עומד לבצע.
אורך מקסימלי דרישה: הודעת האישור לא יכולה להיות יותר מארבע שורות.
צֶבַע #000000 87%
סוג גופן רובוטו-רגיל
גודל גופן דרישה: 14 sp
גובה קו דרישה: 20dp

ממשק משתמש עם כפתורי תוכנה

Android Protected Confirmation יכול להשתמש בלחצני תוכנה לאישור וביטול קלט. ההנחיות הבאות מתארות את ממשק המשתמש באמצעות לחצני תוכנה.

פריסת עיצוב תוכנת ממשק משתמש אישור

סמל מגן

הורד את נכס הסמל בסמל Android Protected Confirmation Shield . מקם את הסמל בחלק העליון של המסך.

סמל מגן

סמל מגן האישור המוגן הוא רכיב נדרש. ניתן להתאים את צבע המגן אך הוא חייב להיות גלוי לעין.

קֶלֶט

מידות כפתור תוכנה

השתמש בטופס של כפתור ראשי ומשני לאישור וביטול הקלט.

תווית לחצן השתמש באותיות גדולות של משפט עבור תוויות לחצנים.
רדיוס כפתור 4dp
צבע הדגשה #1a73e8
סוג גופן רובוטו-מדיום
גודל גופן דרישה: 14 sp

טקסט כותרת

כלול את טקסט הכותרת Android Protected Confirmation בממשק המשתמש המהימן כדי לזהות את התכונה. השתמש במאפיינים הבאים עבור טקסט הכותרת.

הוֹדָעָה דרישה: אישור מוגן אנדרואיד
צֶבַע #000000 87%
סוג גופן רובוטו-מדיום
גודל גופן דרישה: 24sp
גובה קו דרישה: 20dp

טקסט גוף

השתמש במאפיינים הבאים בעת יישום רכיב הטקסט בגוף. ההודעה בפועל נכתבת על ידי מפתח האפליקציה.

הוֹדָעָה גוף הטקסט מסופק על ידי מפתח האפליקציה הקורא Protected Confirmation
צֶבַע #000000 87%
סוג גופן רובוטו-מדיום
גודל גופן דרישה: 16 sp
גובה קו דרישה: 24dp

טקסט כותרת משנה

השתמש בטקסט של כותרת המשנה כדי להסביר מדוע המשתמש רואה את מסך האישור המוגן. מקם טקסט זה בתחתית המסך והשתמש במאפיינים הבאים.

הוֹדָעָה דרישה: אישור זה מספק שכבת אבטחה נוספת עבור הפעולה שאתה עומד לבצע.
אורך מקסימלי דרישה: הודעת האישור לא יכולה להיות יותר מארבע שורות.
צֶבַע #000000 54%
סוג גופן רובוטו-מדיום
גודל גופן דרישה: 14 sp
גובה קו דרישה: 20dp

לוקליזציה

אתה יכול למצוא לוקליזציות עבור הרכיבים המתוארים ביישום C עצמאי של טבלת חיפוש כחלק מ- AOSP .