Wskazówki dotyczące promowania marki przy logowaniu

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

Przycisk logowania Google z niebieskim tłemPrzycisk logowania Google z białym tłem

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.

Ilustruje wymiary elementów przycisku, w tym dopełnienie wokół tekstu.

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 ).