במסמך הזה מפורטות הנחיות להצגת לחצן 'כניסה באמצעות חשבון Google' באתר או באפליקציה שלך. כדי להשלים את תהליך אימות האפליקציה, האתר או האפליקציה חייבים לפעול לפי ההנחיות האלה.
ערכות ה-SDK ל-Google Identity Services מציגות לחצן 'כניסה באמצעות חשבון Google' שתואם תמיד להנחיות המיתוג העדכניות ביותר של Google. זו הדרך המומלצת להציג את הלחצן 'כניסה באמצעות חשבון Google' באתר או באפליקציה. במקרים שבהם אין אפשרות להשתמש באפשרות הלחצן שעובד על ידי Google, אפשר לעבד רכיב של לחצן HTML, להוריד את נכסי המיתוג שלנו שאושרו מראש, או ליצור לחצן 'כניסה באמצעות חשבון Google' בהתאמה אישית.
עיבוד רכיב לחצן HTML
אנחנו מספקים configurator של HTML שמאפשר לך להתאים אישית את המראה של הלחצן 'כניסה באמצעות חשבון Google'. לאחר מכן אפשר להוריד קטע קוד של HTML ו-CSS שמעבד את הלחצן באתר שלך.יצירת רכיב לחצן HTML
הורדת סמלי מותגים שאושרו מראש
במקום להשתמש בלחצן של תמונה מותאמת אישית, אפשר להוריד את הלחצנים המאושרים לכניסה באמצעות חשבון Google, בפורמט PNG ו-SVG, לשימוש בכל הפלטפורמות.לחצני התמונות שסופקו זמינים במצב רגיל ובמצב סמל, והם כוללים את אפשרויות הסגנון הבאות:
- עיצוב : בהיר, ניטרלי, כהה
- צורה : מלבני, גלולה
| עיצוב | לחצנים | התיאור |
|---|---|---|
| בהיר |
|
לחצן מלבני רגיל בעיצוב אור גדול לכניסה באמצעות חשבון Google |
| כהה |
|
לחצן 'כניסה באמצעות חשבון Google' רגיל בעיצוב כהה |
מצבי לחצנים נתמכים
| בהיר |
|
|
| כהה |
|
|
| ניטרלי |
|
|
יצירת לחצן כניסה באמצעות חשבון Google בהתאמה אישית
מומלץ מאוד להשתמש בערכות ה-SDK ל-Google Identity Services או בכל אחת מהאפשרויות האחרות שמתוארות בסעיפים הקודמים, כי הן מאפשרות למשתמשי Google לזהות את המותג של Google בקלות רבה יותר. ככל קל יותר למשתמשים לזהות לחצן פעולה, כך גובר הסיכוי שהמשתמשים יקיימו איתו אינטראקציה.
אם בכל זאת רוצים להתאים את הלחצן לעיצוב של האפליקציה, צריך לפעול לפי ההנחיות הבאות.
גודל
אפשר לשנות את גודל הלחצן לפי הצורך למכשירים ולגדלים שונים של מסכים, אבל צריך לשמר את יחס הגובה-רוחב כדי שהלוגו של Google לא יימתח.
טקסט
כדי לעודד משתמשים ללחוץ על הלחצן, מומלץ להשתמש בטקסט הקריאה לפעולה 'כניסה באמצעות חשבון Google', 'להרשמה באמצעות חשבון Google' או 'המשך עם Google'. צריך להיות ברור למשתמש שהוא נכנס לאפליקציה או נרשם לאפליקציה עם פרטי הכניסה שלו ב-Google, ולא נרשם לחשבון Google באפליקציה שלך או לא נרשם דרכו.
צבע
מצב ברירת המחדל של הלחצנים מוצג למטה. הלחצן חייב תמיד לכלול את הצבע הרגיל של Google "G".
| עיצוב | דוגמה | |
|---|---|---|
| בהיר |
|
מילוי: #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, ולאחר מכן ללחוץ על 'Install Font' (התקנת גופן). ב-Windows, גוררים את הקובץ לתיקייה 'המחשב שלי' > 'Windows' > 'גופנים'.
מרווח
| Android |
|
| iOS |
|
| אתר (נייד + מחשב) |
|
| חומר עזר |
|
הלוגו של Google בלחצן 'כניסה באמצעות חשבון Google'
ללא קשר לטקסט, לא ניתן לשנות את הגודל או הצבע של הלוגו "G" של Google. היא חייבת להיות גרסת הצבע הרגילה ולהופיע על רקע לבן. אם עליך ליצור לוגו של Google בגודל מותאם אישית משלך, התחל עם כל גודלי סמלי הלוגו הכלולים בחבילה להורדה.
עיצוב הלחצן שגוי
 מומלץ אפשר להיעזר בהנחיות העיצוב של Google Material 3 לגבולות ולערכת הצבעים של לחצנים. |
 לא מומלץ יש להשתמש בסמל או בלוגו של Google בלבד, ללא גבולות הלחצן ובלי טקסט כדי לציין את פעולת המשתמש. |
 מומלץ שימוש בצבע המותג של Google בסמל Google במצב כהה, בהיר וניטרלי. |
 לא מומלץ יש להשתמש בגרסאות מונוכרומטיות של Google 'G' עבור הלחצן. |
 מומלץ בוחרים את הלחצן במצב הצבע הנכון כדי לשפר את הנגישות ואת מידת הבולטוּת. |
 לא מומלץ יש להציב את הסמל של Google "G" בצבע הרגיל על רקע צבעוני שאינו בהיר, כהה או ניטרלי. |
 מומלץ הישארו עם האות G של Google עם מרווח פנימי וגודל קבועים. |
 לא מומלץ אפשר ליצור סמל משלך ללחצן. |
 מומלץ אם יש צורך, יש להשתמש בלחצן Google "G" בלבד לביצוע פעולה. |
 לא מומלץ אפשר להשתמש במונח "Google" בלבד בלחצן כדי לייצג את הפעולה של כניסה באמצעות חשבון Google. |
כניסה באמצעות שיטות מומלצות למיתוג של Google
כניסה באמצעות חשבון Google ואפשרויות כניסה אחרות של צד שלישי
הלחצן 'כניסה באמצעות חשבון Google' צריך להיות מוצג באופן בולט לפחות כמו אפשרויות הכניסה האחרות של צד שלישי. לדוגמה, לחצנים צריכים להיות בערך באותו גודל ועם משקל חזותי דומה.
הנחיות נוספות
אם מבקשים היקפים נוספים, צריך לעשות זאת באמצעות הרשאה מצטברת (Android, iOS, אינטרנט), ולבקש מהמשתמש הרשאה רק כשהוא מתחיל אינטראקציה עם תכונה שמחייבת גישה ל-API.
אם מבקשים היקפים של YouTube, יש להשתמש בלחצן YouTube.
אם משתמשים בשירותי המשחקים של Google Play, כדאי לעיין גם בהנחיות המיתוג של שירותי המשחקים של Google Play.
אין להשתמש במותגים של Google בדרכים שאינן נכללות במפורש במסמך זה, ללא קבלת הסכמה מראש ובכתב מ-Google (למידע נוסף, ניתן לעיין בהנחיות בנושא שימוש של צד שלישי בתכונות המותג של Google).