במסמך הזה מפורטות הנחיות להצגת הלחצן 'כניסה באמצעות חשבון Google' באתר או באפליקציה. כדי להשלים את תהליך האימות של האפליקציה, האתר או האפליקציה חייבים לפעול בהתאם להנחיות האלה.
ערכות ה-SDK של Google Identity Services מאפשרות להציג לחצן כניסה באמצעות חשבון Google שתמיד עומד בהנחיות העדכניות ביותר של Google בנושא מיתוג. זוהי הדרך המומלצת להציג את הלחצן 'כניסה באמצעות חשבון Google' באתר או באפליקציה. במקרים שבהם אין לכם אפשרות להשתמש באפשרות הלחצן ש-Google עיבד, תוכלו לעבד רכיב לחצן HTML, להוריד את נכסי המיתוג שאושרו מראש או ליצור לחצן 'כניסה באמצעות חשבון Google' בהתאמה אישית.
רינדור של רכיב לחצן ב-HTML
אנחנו מספקים כלי להגדרת HTML שמאפשר להתאים אישית את המראה של הלחצן 'כניסה באמצעות חשבון Google'. לאחר מכן תוכלו להוריד קטע HTML ו-CSS שיציגו את הלחצן באתר.יצירת רכיב לחצן ב-HTML
הורדת סמלי מותגים שאושרו מראש
במקום להשתמש בלחצן תמונה בהתאמה אישית, אפשר להוריד את הלחצנים המאושרים מראש של 'כניסה באמצעות חשבון Google' בפורמטים PNG ו-SVG לכל הפלטפורמות.לחצני התמונות שסיפקתם זמינים במצבים רגילים ובמצב סמלים, וכוללים את אפשרויות הסגנון הבאות:
- עיצוב : בהיר, נייטרלי, כהה
- צורה : מלבן, אליפסה
| עיצוב | לחצנים | תיאור |
|---|---|---|
| בהיר |
|
לחצן רגיל גדול מלבני לכניסה באמצעות חשבון Google בעיצוב בהיר |
| כהה |
|
לחצן סטנדרטי לכניסה באמצעות חשבון Google בצורת כדור בצבע כהה |
מצבי הלחצן הנתמכים
| בהיר |
|
|
| כהה |
|
|
| ניטרלית |
|
|
יצירת לחצן מותאם אישית לכניסה באמצעות חשבון Google
מומלץ מאוד להשתמש בערכות ה-SDK של Google Identity Services או בכל אחת מהאפשרויות האחרות שמפורטות בקטעים הקודמים, כי כך המשתמשים ב-Google יוכלו לזהות בקלות רבה יותר את המותג של Google. ככל שמשתמשים יכולים לזהות לחצן פעולה בקלות רבה יותר, כך יש סיכוי גבוה יותר שהם יבצעו איתו אינטראקציה.
עם זאת, אם אתם צריכים להתאים את הלחצן לעיצוב האפליקציה, עליכם לפעול לפי ההנחיות הבאות.
גודל
אפשר לשנות את הגודל של הלחצן לפי הצורך במכשירים ובמסכים בגדלים שונים, אבל צריך לשמור על יחס הגובה-רוחב כדי שהלוגו של Google לא יימתח.
טקסט
כדי לעודד את המשתמשים ללחוץ על הלחצן, מומלץ להשתמש בטקסט הקריאה לפעולה 'כניסה באמצעות חשבון Google', 'הרשמה באמצעות חשבון Google' או 'המשך באמצעות חשבון Google'. המשתמש צריך להבין שהוא נכנס לאפליקציה או נרשם אליה באמצעות פרטי הכניסה שלו ל-Google, ולא נרשם לחשבון Google באפליקציה.
צבע
המצבים שמוגדרים כברירת מחדל ללחצנים מוצגים בהמשך. הלחצן תמיד חייב לכלול את הצבע הסטנדרטי של האות 'G' של Google.
| עיצוב | דוגמה | |
|---|---|---|
| בהיר |
|
מילוי: #FFFFFF קו: #747775 | 1px | בפנים גופן: #1F1F1F | Roboto Medium | 14/20 |
| כהה |
|
מילוי: #131314 שבץ: #8E918F | 1px | בתוך גופן: #E3E3E3 | Roboto Medium | 14/20 |
| ניטרלית |
|
מילוי: #F2F2F2 שבץ: ללא שבץ גופן: #1F1F1F | Roboto Medium | 14/20 |
גופן
גופן הלחצן הוא Roboto Medium, גופן TrueType. כדי להתקין, קודם צריך להוריד את הגופן Roboto ולפתוח את הארכיון של החבילה שהורדתם. ב-Mac, פשוט לוחצים לחיצה כפולה על Roboto-Medium.ttf ואז על 'התקנת הגופן'. ב-Windows, גוררים את הקובץ לתיקייה 'המחשב שלי' > 'Windows' > 'גופנים'.
מרווח
| Android |
|
| iOS |
|
| אינטרנט (נייד + מחשב) |
|
| חומרי עזר |
|
הלוגו של Google בלחצן 'כניסה באמצעות חשבון Google'
ללא קשר לטקסט, אי אפשר לשנות את הגודל או את הצבע של הלוגו של Google עם האות G. היא צריכה להיות בגרסה הרגילה בצבע ולהופיע על רקע לבן. אם אתם צריכים ליצור לוגו של Google בגודל מותאם אישית, כדאי להתחיל באחד מהגדלים של הלוגו שכלולים בחבילת ההורדה.
עיצוב שגוי של הלחצן
 כך עושים להשתמש בהנחיות העיצוב של Google Material 3 לגבי גבולות הלחצן וסכמת הצבעים. |
 לא מומלץ להשתמש בסמל או בלוגו של Google לבד, בלי גבולות של לחצן בלי טקסט כדי לציין את הפעולה של המשתמש. |
 כך עושים מומלץ להשתמש בצבע המותג של Google בסמל Google במצבים כהים, בהירים ונטולי צבעים. |
 לא מומלץ להשתמש בגרסת מונוכרום של האות 'G' של Google בלחצן. |
 כך עושים בוחרים את הלחצן במצב הצבע הנכון כדי לשפר את הנגישות ואת הבולטוּת שלו. |
 לא מומלץ הצבת הסמל הסטנדרטי של Google 'G' על רקע צבעוני שאינו בהיר, כהה או ניטרלי. |
 כך עושים להשתמש באות G של Google עם רווח קבוע וגודל קבוע. |
 לא מומלץ אפשר ליצור סמל משלכם ללחצן. |
 כך עושים אם צריך, אפשר להשתמש ב-'G' של Google לבד כלחצן פעולה. |
 לא מומלץ מומלץ להשתמש במונח 'Google' בלבד בלחצן כדי לייצג את הפעולה של כניסה באמצעות חשבון Google. |
כניסה באמצעות השיטות המומלצות של Google בנושא מיתוג
כניסה באמצעות חשבון Google ואפשרויות כניסה אחרות של צד שלישי
הלחצן 'כניסה באמצעות חשבון Google' צריך להיות מוצג באופן בולט לפחות כמו אפשרויות כניסה אחרות של צד שלישי. לדוגמה, הלחצנים צריכים להיות באותו גודל בערך, ולהיראות באותו משקל חזותי.
הנחיות אחרות
אם מבקשים היקפי גישה נוספים, צריך לעשות זאת באמצעות הרשאה מצטברת (Android, iOS, אינטרנט), ולבקש מהמשתמש הרשאה רק כשהוא מתחיל לקיים אינטראקציה עם תכונה שדורשת גישה ל-API.
אם מבקשים הרשאות גישה ל-YouTube, צריך להשתמש ב לחצן YouTube.
אם אתם משתמשים בשירותי המשחקים של Google Play, כדאי לעיין גם בהנחיות למיתוג של שירותי המשחקים של Google Play.
אסור להשתמש במותגי Google בדרכים שלא מפורטות במפורש במסמך הזה ללא הסכמה בכתב מראש מ-Google (למידע נוסף, ראו הנחיות לשימוש של צדדים שלישיים בתכונות של מותג Google).