במסמך הזה מפורטות הנחיות להצגה של לחצן כניסה באמצעות חשבון 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 באפליקציה.
צבע
מצב ברירת המחדל של הלחצנים מוצג למטה. הלחצן תמיד צריך לכלול את הצבע הסטנדרטי של Google.
| עיצוב | דוגמה | |
|---|---|---|
| בהיר |
|
מילוי: #FFFFFF שבץ: #747775 | 1 פיקסלים | בתוך גופן: #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'
ללא קשר לטקסט, אי אפשר לשנות את הגודל או את הצבע של הלוגו של 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).