Użyj logowania Google z podstawowym profile
lub zakresami email
i włącz następujące standardowe przyciski do aplikacji mobilnej lub internetowej:
Styl | guziki | Pliki graficzne |
---|---|---|
Lekki | ![]() | Zawiera przyciski logowania w formatach PNG, SVG, EPS i Sketch, w wielu rozdzielczościach. Obejmuje stany podstawy, najechania i naciśnięcia. |
Ciemny | ![]() |
Pobieranie zawiera pliki Sketch, SVG i EPS, dzięki czemu można przetłumaczyć tekst „Zaloguj się” lub „Zaloguj się”. Te pliki wymagają czcionki Roboto .
Jeśli zażądasz dodatkowych zakresów, zrób to z autoryzacją przyrostową ( Android , iOS , sieć ), prosząc użytkownika o autoryzację tylko wtedy, gdy zaczną oni korzystać z funkcji wymagającej dostępu do interfejsu API.
Jeśli poprosisz o zakresy YouTube, użyj przycisku YouTube .
Jeśli korzystasz z usług gier Google Play, zapoznaj się też ze wskazówkami dotyczącymi marki usług gier Google Play .
Logowanie przez Google i inne opcje logowania do innych firm
Równe znaczenie
Przycisk logowania Google musi być wyświetlany co najmniej tak samo widocznie, jak opcje logowania innych firm. Na przykład przyciski powinny mieć mniej więcej ten sam rozmiar i podobną wagę wizualną.
Dopasowanie do stylu Twojej aplikacji
Zdecydowanie zalecamy korzystanie ze standardowego przycisku logowania Google, ponieważ umożliwia on użytkownikom Google szybszą identyfikację opcji Google. Jeśli chcesz dostosować przycisk do wyglądu aplikacji lub przetłumaczyć tekst „Zaloguj się przez” lub „Zaloguj się”, postępuj zgodnie z tymi wskazówkami.
Rozmiar
Możesz skalować przycisk zgodnie z potrzebami dla różnych urządzeń i rozmiarów ekranu, ale musisz zachować proporcje, aby logo Google nie było rozciągnięte.
Tekst
Aby zachęcić użytkowników do kliknięcia przycisku, zalecamy tekst wezwania do działania „Zaloguj się przez Google” lub „Zarejestruj się przez Google”. Dla użytkownika powinno być jasne, że loguje się do Twojej aplikacji lub rejestruje ją przy użyciu danych logowania Google, a nie rejestruje się ani nie rejestruje konta Google w Twojej aplikacji.
Tekst „Google”
Możesz użyć samego słowa „Google” na przycisku, jeśli towarzyszy mu tekst, który wyjaśnia, na czym polega czynność . Na przykład:
Zaloguj się za pomocą:
Kolor


Kolor niewciśniętego przycisku światła to #FFFFFF (biały). Kolor niewciśniętego ciemnego (niebieskiego) przycisku to # 4285F4. Tło przycisku może być niebieskie lub białe, ale przycisk musi zawsze zawierać standardowy kolor „G” Google na białej płytce.
Czcionka
Czcionka przycisku to Roboto Medium, czcionka TrueType. Aby zainstalować, najpierw pobierz czcionkę Roboto i rozpakuj pakiet pobierania. Na Macu kliknij dwukrotnie Roboto-Medium.ttf , a następnie kliknij „Zainstaluj czcionkę”. W systemie Windows przeciągnij plik do folderu „Mój komputer”> „Windows”> „Czcionki”. Nie używaj innych czcionek na przycisku, z wyjątkiem sytuacji opisanych w przypadku dopasowania do stylu własnej aplikacji .
W przypadku witryn korzystających z niestandardowego przycisku logowania możesz załadować czcionkę Roboto z Google Fonts .
Wyściółka
Dopełnienie z lewej (i prawej) strony tekstu powinno wynosić 8dp. Logo powinno mieć 18 dp, a między logo a tekstem przycisku powinno być 24 dp.

Logo Google na przycisku „Zaloguj się przez Google”
Niezależnie od tekstu nie możesz zmienić rozmiaru ani koloru logo Google „G”. Musi to być standardowa wersja kolorystyczna i znajdować się na białym tle. Jeśli chcesz utworzyć własne logo Google w niestandardowym rozmiarze, zacznij od dowolnego rozmiaru logo zawartego w pakiecie do pobrania.

Nieprawidłowy projekt przycisku
![]() ![]() | Nie używaj samej ikony ani logo Google bez obramowania przycisku i bez tekstu do wskazania czynności użytkownika. |
![]() ![]() | Nie używaj samej ikony Google do reprezentowania Logowania Google. |
![]() ![]() | Nie używaj ciemnych ani jasnych wersji Google „G”. |
![]() | Nie umieszczaj standardowej ikony „G” Google na kolorowym tle. |
![]() | Nie twórz własnej ikony dla przycisku. |
![]() ![]() | Nie używaj samego terminu „Google” na przycisku bez towarzyszącej mu ikony Google. |
Wykorzystywanie marek Google w sposób nieokreślony wyraźnie w tym dokumencie jest niedozwolone bez uprzedniej pisemnej zgody Google (więcej informacji można znaleźć w Wytycznych dotyczących wykorzystania Cech marki Google przez strony trzecie ).