התאמה אישית של חוויית ההגדרה

דף זה מסביר כיצד ליצור זרימה עבור אשף ההתקנה (SUW), ליצור נרטיב ולכלול שלבים נדרשים ואופציונליים.

ניתן להתאים אישית את המסכים הבאים:

התאמה אישית מוגבלת: מודאלי של תוכן התאמה אישית נדרשת: תבניות שסופקו על ידי גוגל
תנאי השירות של גוגל
כניסה לגוגל
גוגל ג'מיני
גוגל פליי
מסך הפתיחה
בחירת שפה
קישוריות והגדרת Wi-Fi
יצירת פרופיל (פרופיל שם)
מסך סיכום
הגדרת מכשיר בלוטות'
הגנת פרופיל (הגדרת נעילת פרופיל)
טעינת מסכים

התאמה אישית של מודל התוכן

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

מסכים שניתן להתאים אישית באופן מינימלי
איור 1. מסכים שניתן להתאים אישית באופן מינימלי.

כדי להשיג אינטגרציה מגובשת, ניתן להתאים אישית את הדברים הבאים:

  • סרגל ניווט: ניתן לבחור למקם את סרגל הניווט בחלק העליון של המודאל או בצד. בנוסף, ניתן להתאים אישית את סמל הניווט (תמונה, גודל, צבע, מיקום), הרקע (תמונה, אטימות, צבע), הרוחב או הגובה (בהתאם למיקום).

  • הגדרה מודאלית: רוחב אזור התוכן חייב להיות גדול מ-1224 dp כדי שמסכי גוגל יוצגו בפריסה לרוחב. מעבר לכך, ניתן להתאים אישית את הרוחב, הגובה, המיקום במסך, הפינה המעוגלת ועיצוב הגבולות של המודאל. מומלץ להשתמש בשכבת מסך מלא כאשר לא ניתן להבטיח שוליים מספיקים סביב המודאל.

  • רקע מודאלי: תמונה או צבע, שקיפות.

דוגמאות להתאמות אישיות מודאליות של תוכן

פרמטרים שניתן להתאים אישית
איור 2. פרמטרים שניתן להתאים אישית.

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

הנה דוגמאות להתאמות אישיות מודאליות של תוכן באיור 3 ובאיור 4.

מודאל תוכן נוף לדוגמה
איור 3. מודאל תוכן נוף לדוגמה.


מודאל תוכן פורטרט לדוגמה
איור 4. מודאל תוכן פורטרט לדוגמה.

התאמה אישית של מסכים שסופקו על ידי גוגל

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

התאמה אישית נדרשת
איור 5. דרישות התאמה אישית.

תצוגות סוחפות לעומת תצוגות לא סוחפות

יש לך שתי אפשרויות להצגת SuW:

  • תצוגה סוחפת: תצוגה זו מסתירה תכונות לא חיוניות כמו שורת המצב וממשק המשתמש של המערכת. השתמש בתצוגה סוחפת כדי למזער הסחות דעת.

  • תצוגה לא מעמיקה: תצוגה זו מאפשרת למשתמשים לראות תכונות מערכת כמו שורת המצב. השתמשו בתצוגה לא מעמיקה רק כאשר הצגת ממשק המשתמש של המערכת היא קריטית. אם תבחרו להשתמש בתצוגה זו, הימנעו מפעולות שעלולות להוציא את המשתמש מחוויית ההתקנה.

מצבי סוחף ולא סוחף
איור 6. מצבי אימרסיה ולא אימרסיה.

התאמה אישית של פריסת נוף

האלמנטים הניתנים להתאמה אישית במצב נוף הם הבאים:

פריסה ורקע

פריסה ורקע
איור 7. פריסה ורקע.
  1. סרגל ניווט: סרגל הניווט מכיל את כפתור "חזור". ניתן להתאים אישית את הפריסה והרקע של הסרגל, ואת סמל הניווט (תמונה, גודל, צבע ומיקום), הרקע (תמונה, אטימות, צבע) והרוחב.
  2. סרגל פעולות: סרגל הפעולות הוא המיכל הממוקם בתחתית העמוד ומכיל את כפתורי הקריאה לפעולה, שהם שקופים כברירת מחדל. ניתן להתאים אישית את הגובה והריפוד של הסרגל, ואת התמונה, האטימות והצבע של הרקע.
  3. פריסת עמוד: יחס עמודות ושולי עמוד.
  4. רקע עמוד: צבע רקע או תמונה.

רכיבים

יסודות משותפים, 5 עד 7
איור 8. יסודות משותפים, 5 עד 7.
  1. תמונת גיבורה: תמונה, גודל ומיקום.
  2. תפריט נפתח: גופן (משפחה, גודל, צבע), סמלים (תמונה, גודל, צבע) וקו מפריד.
  3. כפתורים: גופן (משפחה, גודל, צבע), רקע (תמונה, אטימות, צבע), גודל כפתור (רוחב, גובה), מיקום, מילויים, פינות מעוגלות (עיצוב לפעולות ראשוניות ומשניות, וכן מצבי כפתור מובחנים).

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

טעינת מסכים

יסודות משותפים, 10 ו-11
איור 10. יסודות משותפים, 10 ו-11.
  1. אנימציה: (לא מוגדר) או תמונה, גודל, מיקום.
  2. מחרוזות: גופן (משפחה, גודל וצבע), מיקום ומחרוזות.

דוגמה לעיצוב נוף מותאם אישית

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

פריסת נוף לדוגמה
איור 11. דוגמה לעיצוב נוף.

התאמה אישית של מצב דיוקן

להלן האלמנטים הניתנים להתאמה אישית במצב דיוקן.

פריסה ורקע

מַעֲרָך
איור 12. פריסה ורקע, 1 עד 4.
  1. סרגל ניווט: סרגל הניווט מכיל את כפתור "חזור". ניתן להתאים אישית את הפריסה והרקע של הסרגל, ואת סמל הניווט (תמונה, גודל, צבע ומיקום), הרקע (תמונה, אטימות, צבע) והרוחב.
  2. סרגל פעולות: סרגל הפעולות הוא המיכל הממוקם בתחתית העמוד ומכיל את כפתורי הקריאה לפעולה, שהם שקופים כברירת מחדל. ניתן להתאים אישית את הגובה והריפוד של הסרגל, ואת התמונה, האטימות והצבע של הרקע.
  3. פריסת עמוד: שולי עמוד.
  4. עמוד BG: צבע רקע או תמונה.

רכיבים

יסודות משותפים, 5 עד 7
איור 13. יסודות משותפים, 5 עד 7.
  1. תמונת גיבורה: תמונה, גודל, מיקום.
  2. תפריט נפתח: גופן (משפחה, גודל, צבע), סמלים (תמונה, גודל, צבע), קו מפריד.
  3. כפתורים: גופן (משפחה, גודל, צבע), רקע (תמונה, אטימות, צבע), גודל כפתור (רוחב, גובה), מיקום, ריפודים, פינות מעוגלות. יש להבדיל בין העיצוב לפעולות ראשוניות ומשניות, ובין מצבי כפתור שונים.

יסודות משותפים, 8 ו-9
איור 14. יסודות משותפים, 8 ו-9.
  1. כותרת עליונה לעמוד: גופן (משפחה, גודל, צבע), מיקום כותרת וכתוביות, מחרוזות, סמל עמוד (האם לכלול את הסמל, ותמונת הסמל, גודל וצבע).
  2. רשימה: גופן (משפחה, גודל וצבע), סמלים (תמונה, גודל וצבע, סמלים של גוגל אינם ניתנים להתאמה אישית), מיקום, ריפודים, גובה פריט רשימה וקו מפריד. כדי לשנות מחרוזות, עליך לבדוק זאת עם גוגל.

טעינת מסכים

מסכי טעינה, 10 ו-11
איור 15. מסכי טעינה, 10 ו-11.
  1. אנימציה: אנימציה (לא מוגדרת) או תמונה, גודל, מיקום.
  2. מחרוזות: גופן (משפחה, גודל, צבע), מיקום, מחרוזות.

דוגמה לעיצוב פורטרט מותאם אישית

פריסה לאורך
איור 16. פריסת פורטרט לדוגמה.