הנחיות לעיצוב סמלים של אפליקציות לטלוויזיה

במדריך הזה מוסבר איך ליצור באנרים וסמלים של מרכז האפליקציות ל-Android TV.

נקודות חשובות

אלה המסקנות העיקריות מהדף הזה:

  • יש שני סוגים של סמלים לאפליקציות למערכת ההפעלה Android TV בקובץ AndroidManifest.xml:
    • ‫android:icon (רגיל, חובה)
    • android:banner (באנר, חובה)
  • מומלץ מאוד להשתמש בסמלים הניתנים להתאמה.
  • הסמל והבאנר צריכים לעמוד בדרישות העיצוב שמפורטות במדריך הזה.
  • אפשר להשתמש בתבנית הרשמית של Figma כדי ליצור את הבאנר והסמלים.
  • מערכת ההפעלה Android TV לא תומכת בסמלים מעוצבים.

סקירה כללית

‫Google TV ומערכת ההפעלה Android משתמשות בסמלים שאתם מספקים דרך AndroidManifest.xml בשלוש דרכים:

  • סמל מרכז האפליקציות (יחס גובה-רוחב 1x1)
  • סמל מעוגל של מרכז האפליקציות (יחס גובה-רוחב של 1x1, אבל בצורת עיגול)
  • לוגו לבאנר (יחס גובה-רוחב של 16x9)

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

לוגו הבאנר הוא לוגו ביחס רוחב-גובה של 16:9 שמשמש במערכת ההפעלה Android TV להצגת מרכז האפליקציות שלכם. אנחנו ממליצים שאפליקציות לטלוויזיה יספקו באנר מותאם ביחס גובה-רוחב של 16:9 עם המפרט הבא. אפשר גם לספק משאבי xhdpi בגודל 320 x 180px כשמשתמשים ב-API ברמה 25 ומטה.

גדלים של סמלים בבאנר לטלוויזיה
צפיפות גודל מינימלי מיקום התיקייה (בתיקייה res) יחס פיקסלים
mdpi ‫160x90 פיקסלים mipmap-mdpi 1
hdpi ‫240x135 פיקסלים mipmap-hdpi 1.5
xhdpi ‫320x180 פיקסלים mipmap-xhdpi 2
xxhdpi ‫480x270 פיקסלים mipmap-xxhdpi 3
xxxhdpi ‫640x360 פיקסלים mipmap-xxxhdpi 4

סמל מרכז האפליקציות

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

גודלי הסמלים במרכז האפליקציות
צפיפות גודל מינימלי מיקום התיקייה (בתיקייה res) יחס פיקסלים
mdpi ‫80x80 פיקסלים mipmap-mdpi 1
hdpi ‫120x120 פיקסלים mipmap-hdpi 1.5
xhdpi ‫160x160 פיקסלים mipmap-xhdpi 2
xxhdpi ‫240x240 פיקסלים mipmap-xxhdpi 3
xxxhdpi ‫320x320 פיקסלים mipmap-xxxhdpi 4

סמלים דינמיים

החל מגרסה Android 8.0 (API ברמה 26), יש תמיכה בסמלי אפליקציות דינמיים, שמאפשרים גמישות רבה יותר ואפקטים ויזואליים מעניינים יותר כשמדובר בסמלי אפליקציות. למפתחים, המשמעות היא שסמל האפליקציה מורכב משתי שכבות: שכבת חזית ושכבת רקע.

מודעת באנר מותאמת

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

מודעת באנר מותאמת לטלוויזיה

סמל מרכז האפליקציות הניתן להתאמה

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

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

סמל מרכז האפליקציות הניתן להתאמה בטלוויזיה

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

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

דוגמאות

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

מה מומלץ לעשות

פועלים לפי ההנחיות ושומרים על הלוגו באזור הבטוח

מה אסור לעשות

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

מה אסור לעשות

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

מה אסור לעשות

אסור שהלוגו יחרוג מהאזור הבטוח

מה אסור לעשות

מומלץ לא להוסיף גבול מסביב ללוגו, כי הוא ייחתך וייצור מראה לא מקצועי.

מה אסור לעשות

חשוב להימנע מחיתוך הלוגו

זהירות

כשמשתמשים בבאנר, מומלץ להציג את הלוגו המלא, הסמל + הטקסט.

דוגמאות למרכז האפליקציות

מה מומלץ לעשות

פועלים לפי ההנחיות ושומרים על הלוגו באזור הבטוח

מה אסור לעשות

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

מה אסור לעשות

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

מה אסור לעשות

אסור שהלוגו יחרוג מהאזור הבטוח

מה אסור לעשות

מומלץ לא להוסיף גבול מסביב ללוגו, כי הוא ייחתך וייצור מראה לא מקצועי.

מה אסור לעשות

חשוב להימנע מחיתוך הלוגו

משאבים

הקודם
ניווט בטלוויזיה
הבא
צבע