מפרטי עיצוב סמלים ב-Google Play

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

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

דוגמאות לסמלים בפורמט חופשי

מצב חופשי – פורמט מקורי

דוגמאות לסמלים אחידים

אחיד – פורמט חדש

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

  • סמלים דינמיים ל-Android
    כדי לדעת איך ליצור סמלים דינמיים למפעיל שהוצגו ב-Android 8.0 (רמת API‏ 26), אפשר לעיין בהנחיות האלה לגבי סמלי APK.
  • סמלי מוצרים
    עקרונות עיצוב Material Design לסמלי מוצרים, כולל הנחיות לעיצוב סמלים, צורות, מפרטים וטיפול.

יצירת נכסים

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

מאפיינים

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

כשיוצרים את הגרפיקה, חשוב לוודא שהיא עומדת בדרישות הבאות:

  • גודל סופי: ‎512px x 512px
  • פורמט: PNG של 32 ביט
  • מרחב צבעים: sRGB
  • גודל הקובץ המקסימלי: ‎1,024KB
  • צורה: ריבוע מלא – מערכת Google Play מטפלת באופן דינמי בהסתרת חלקים מהתמונה. הרדיוס יהיה שווה ל-30% מגודל הסמל.
  • צללית: ללא – Google Play מטפל בצלליות באופן דינמי. בקטע 'צללים' שבהמשך מוסבר איך לכלול צללים בגרפיקה.

גודל הנכס הכולל

גודל הנכס הכולל

קווי מתאר של סמלי מוצרים

קווי מתאר של סמלי מוצרים

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

בצד ימין מופיע נכס הסמל החדש. שלוש התמונות הבאות בצד שמאל מציגות עיבוד דינמי של הסמל ב-Google Play.

התאמת גודל

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

משתמשים בקווי המתאר כהנחיות למיקום של רכיבי הגרפיקה (למשל, לוגו).

דוגמה של יצירת אומנות בכיסוי מלא (נכס סופי)

יצירת האומנות בכיסוי מלא (הנכס הסופי)

תוצאה סופית עם צללים ופינות מעוגלות שנוספו באופן דינמי על ידי Google Play

תוצאה סופית עם צללים ופינות מעוגלות שנוספו באופן דינמי על ידי Google Play

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

לא נכון

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

ימין

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

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

לא נכון

לא להקטין יצירות אמנות מאוירות כדי להתאים אותן לקווי המתאר

ימין

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

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

מה אסור לעשות

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

מה אסור לעשות

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

מה אסור לעשות

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

מה אסור לעשות

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

אזורים כהים

אחרי ההעלאה, Google Play יוסיף באופן דינמי צללית מסביב לסמל הסופי.

כשמוסיפים צללים לאיורים של הסמלים, מומלץ להקפיד על עקביות עם פלטפורמת Android ולפעול לפי ההנחיות של Google Material.

לא נכון

לא להוסיף צלליות לנכס הסופי

ימין

אתם יכולים ליצור צללים ותאורה בתוך יצירת האומנות

רדיוס פינה

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

לא נכון

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

ימין

כדאי למלא את כל הנכס בגרפיקה, אם אפשר

התאמת המותג

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

מימין לשמאל: נכס הסמל המקורי, נכס הסמל החדש (התאמה מומלצת), הסמל החדש שמוצג ב-Google Play.

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

מימין לשמאל: נכס הסמל המקורי, נכס הסמל החדש (התאמה מומלצת), הסמל החדש שמוצג ב-Google Play.

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

מימין לשמאל: נכס הסמל המקורי, נכס הסמל החדש (התאמה מומלצת), הסמל החדש שמוצג ב-Google Play.

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

מימין לשמאל: נכס הסמל המקורי, נכס הסמל החדש (התאמה מומלצת), הסמל החדש שמוצג ב-Google Play.

מצב דור קודם

נכסי סמלים מקוריים שלא עודכנו בהתאם למפרטים החדשים יעברו בסופו של דבר לגרסה קודמת ויצומצמו ב-75% לגודל של רשת קווי המתאר (512 * 0.75 = 384 פיקסלים).

החל ממאי 2019, לא תהיה אפשרות להעלות סמל לפי המפרט המקורי. פרטים נוספים על לוחות זמנים

נכסי הסמלים המקוריים יהפכו אוטומטית לנכסים במצב קודם ויוקטנו ב-75% לרשת קווי בסיס חדשה.

הוראות למשתמשי API

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

לפני 17 ביוני 2019, מפתחים צריכים להשתמש ב-Play Console כדי להחיל את המפרט החדש על הסמלים שלהם. כל הקריאות אל Edits.images: upload יחילו את המפרט שהוגדר ב-Play Console. אין אפשרות להחיל את המפרט החדש באמצעות API. יכול להיות שתקבלו שגיאה בקריאה Edits.images: upload אם המפרט הישן עדיין חל, והודעת השגיאה לגבי הסמל הספציפי הזה תפנה אתכם למפרט הזה. אחרי שמחילים מפרט חדש באמצעות Play Console, אפשר לנסות שוב את הקריאה Edits.images: upload. יכול להיות שתצטרכו לנסות להתקשר כמה פעמים עד שהשיחה תתבצע.

החל מ-17 ביוני 2019, כל קריאות ה-API אל Edits.images: upload יפעילו באופן אוטומטי את המפרט החדש על הסמל. החל מ-17 ביוני 2019, צריך להעלות רק סמלים שתואמים למפרט החדש.

הורדת תבניות עיצוב ומשאבים

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