דרישות השיוך ל-Places UI Kit

כאן מפורטות דרישות השיוך ל-Places UI Kit. תנאים נוספים לגבי Places UI Kit מפורטים בתנאים ובהגבלות של פלטפורמת מפות Google.

שיוך (Attribution) של מפות Google

שיוך (Attribution) למפות Google כלול ב-Places UI Kit.

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

הדרישות לייחוס למפות Google

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

ימין: שיוך ללוגו של מפות Google, שמאל: שיוך לטקסט של מפות Google

שיוך לוגו

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

וריאציות מקובלות לשיוך הלוגו של מפות Google

הורדת סמלי לוגו של מפות Google

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

הורדה: google_logo_ui_kit.zip

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

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

מפרט גודל הלוגו

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

• גובה מינימלי של לוגו: 16dp
• גובה מקסימלי של לוגו: 19dp
• מרחק מינימלי בין הלוגו לבין שאר האלמנטים: 10dp בצד ימין, בצד ימין ובחלק העליון, 5dp בחלק התחתון

מידע נוסף על dp זמין במאמר דחיסות פיקסלים באתר של Material Design.

לוגו של מפות Google שמוצגים בו המרחב הריק המינימלי טווח הגדלים המקובל

נגישות הלוגו

יש לפעול לפי דרישות הנגישות הבאות לגבי הלוגו של מפות Google:

• חשוב לשמור על ניגודיות נגישה בין הלוגו לבין הרקע.
• מוסיפים תווית נגישות עם הטקסט מפות Google.

שינויים לא קבילים ובעיות נגישות בשיוך הלוגו של מפות Google

שיוך טקסט

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

וריאציות מקובלות של שיוך הטקסט של מפות Google

• אסור לשנות את הטקסט מפות Google בשום צורה:
  
  • אין לשנות את האותיות הגדולות והקטנות של מפות Google
  • לא להוסיף את מפות Google לכמה שורות
  • אסור להתאים את מפות Google לשפה אחרת.
  • כדי למנוע מדפדפנים לתרגם את מפות Google, משתמשים במאפיין ה-HTML translate="no".

שינויים לא מותרים בשיוך הטקסט של מפות Google

• מעצבים את הטקסט במפות Google כפי שמתואר בטבלה הבאה:

  הדרישות לגבי סגנון הטקסט במפות Google
  נכס	סגנון
  משפחת גופנים	Roboto. טעינת הגופן היא אופציונלית.
  משפחת גופנים חלופית	כל גופן גוף ללא Serif שכבר נעשה בו שימוש במוצר, או 'Sans-Serif' כדי להפעיל את גופן המערכת שמוגדר כברירת מחדל
  סגנון הגופן	רגיל
  עובי הגופן	400
  צבע גופן	לבן, שחור (#1F1F1F) או אפור (#5E5E5E). לשמור על ניגודיות (4.5:1) נגישת לעיוורים ולקושי ראייה ביחס לרקע.
  גודל גופן	גודל גופן מינימלי: 12sp גודל גופן מקסימלי: 16sp מידע נוסף על sp זמין במאמר יחידות של גודל גופן באתר של Material Design.
  ריווח בין אותיות	רגיל

דוגמה ל-CSS

הקוד הבא ב-CSS יגרום להצגה של מפות Google עם הסגנון והצבע הטיפוגרפיים המתאימים על רקע לבן או בהיר.

@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');

.GMP-attribution {
font-family: Roboto, Sans-Serif;
font-style: normal;
font-weight: 400;
font-size: 1rem;
letter-spacing: normal;
white-space: nowrap;
color: #5e5e5e;
}

דרישות חזותיות

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

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

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

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

בתמונות הבאות מוצגות דוגמאות לדרישות החזוניות האלה.

דוגמה לשיוך של מפות Google שממוקם בחלק העליון, התחתון והצדדי של התוכן

דוגמה לשלוש גישות להבדיל בין תוכן של מפות Google (דירוג המקום) לבין תוכן אחר

אין להסתיר את השיוך של מפות Google או לשלב אותו עם תוכן ממקורות אחרים