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

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

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

ממשק משתמש עם לחצנים פיזיים

התכונה 'אישור מוגן ב-Android' יכולה להשתמש בלחצני החומרה במכשיר כדי לאשר ולבטל קלט.

פריסת העיצוב

סמלים

סמל של מגן

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

סמל של חץ

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

הודעות קלט

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

מחרוזת אישור

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

הודעה לחיצה כפולה (על לחצן) כדי לאשר
אורך מרבי דרישה: הודעת האישור לא יכולה לכלול יותר משתי שורות.
צבע #000000 87%
סוג גופן Roboto-Medium
גודל הגופן דרישה: 14sp
גובה השורה דרישה: 20dp

מחרוזת ביטול

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

הודעה ביטול
צבע #000000 87%
סוג גופן Roboto-Medium
גודל הגופן דרישה: 14sp
גובה השורה דרישה: 20dp

טקסט הכותרת

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

הודעה דרישה: אישור מאובטח של Android
צבע #000000 87%
סוג גופן Roboto-Regular
גודל הגופן דרישה: 22sp
גובה השורה דרישה: 28dp

גוף הטקסט

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

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

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

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

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

ממשק משתמש עם לחצנים של תוכנה

בתכונה 'אישור מוגן ב-Android' אפשר להשתמש בלחצני תוכנה כדי לאשר ולבטל קלט. ההנחיות הבאות מתארות את ממשק המשתמש באמצעות לחצני תוכנה.

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

סמל של מגן

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

סמל של מגן

סמל המגן של אישור המוגן הוא רכיב חובה. אפשר להתאים אישית את הצבע של המגן, אבל הוא חייב להיות גלוי בבירור.

קלט

מידות של לחצנים בתוכנה

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

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

טקסט הכותרת

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

הודעה דרישה: אישור מאובטח של 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.