Google setzt sich dafür ein, die Rassengerechtigkeit für schwarze Gemeinschaften zu fördern. Siehe wie.
Diese Seite wurde von der Cloud Translation API übersetzt.
Switch to English

Richtlinien für das Anmelde-Branding

Verwenden Sie die Google-Anmeldung mit dem profile oder email - email - Bereichen und folgende Standardtasten in Ihrem Handy oder Web - App:

Stil Tasten Bilddateien
Licht

Enthält Anmeldeschaltflächen in den Formaten PNG, SVG, EPS und Sketch in vielen Auflösungen. Beinhaltet Basis-, Schwebeflug- und Druckzustände.

Dunkel

Der Download enthält Skizzen-, SVG- und EPS-Dateien, sodass Sie den Text "Anmelden mit" oder "Anmelden" übersetzen können. Diese Dateien erfordern die Roboto-Schriftart .

Wenn Sie zusätzliche Bereiche anfordern, tun Sie dies mit inkrementeller Autorisierung ( Android , iOS , Web ) und fordern den Benutzer nur dann zur Autorisierung auf, wenn er mit einer Funktion interagiert, für die API-Zugriff erforderlich ist.

Wenn Sie YouTube-Bereiche anfordern, verwenden Sie eine YouTube-Schaltfläche .

Wenn Sie Google Play-Spieledienste verwenden, lesen Sie auch die Branding-Richtlinien für Google Play-Spieledienste .

Google-Anmeldeoptionen und andere Anmeldeoptionen von Drittanbietern

Gleiche Bedeutung

Die Google-Anmeldeschaltfläche muss mindestens so gut sichtbar sein wie andere Anmeldeoptionen von Drittanbietern. Beispielsweise sollten Schaltflächen ungefähr gleich groß sein und ein ähnliches visuelles Gewicht haben.

Passend zum Stil Ihrer eigenen App

Die Verwendung der standardmäßigen Google-Anmeldeschaltfläche wird dringend empfohlen, da Google-Nutzer die Google-Option schneller identifizieren können. Wenn Sie die Schaltfläche an Ihr App-Design anpassen oder den Text "Anmelden mit" oder "Anmelden" übersetzen müssen, befolgen Sie diese Richtlinien.

Größe

Sie können die Schaltfläche nach Bedarf für verschiedene Geräte und Bildschirmgrößen skalieren. Sie müssen jedoch das Seitenverhältnis beibehalten, damit das Google-Logo nicht gedehnt wird.

Text

Um Benutzer zum Klicken auf die Schaltfläche zu ermutigen, empfehlen wir den Handlungsaufforderungstext "Mit Google anmelden" oder "Mit Google anmelden". Dem Nutzer sollte klar sein, dass er sich bei Ihrer App anmeldet oder sich mit seinen Google-Anmeldeinformationen für Ihre App anmeldet und sich nicht für ein Google-Konto in Ihrer App anmeldet oder registriert.

"Google" -Text

Sie können das Wort "Google" in der Schaltfläche selbst verwenden, wenn es von angrenzendem Text begleitet wird, der deutlich macht, um welche Aktion es sich handelt . Beispielsweise:

Anmelden mit:

Farbe

Google-Anmeldeschaltfläche mit blauem HintergrundGoogle-Anmeldeschaltfläche mit weißem Hintergrund

Die Farbe für einen nicht gedrückten Lichtknopf ist #FFFFFF (weiß). Die Farbe für eine nicht gedrückte dunkle (blaue) Taste ist # 4285F4. Der Schaltflächenhintergrund kann entweder blau oder weiß sein, aber die Schaltfläche muss immer die Standardfarbe Google "G" auf einer weißen Kachel enthalten.

Schriftart

Die Schaltflächenschriftart ist Roboto Medium, eine TrueType-Schriftart. Laden Sie zur Installation zuerst die Roboto-Schriftart herunter und entpacken Sie das Download-Bundle. Doppelklicken Sie auf einem Mac einfach auf Roboto-Medium.ttf und dann auf "Schriftart installieren". Ziehen Sie die Datei unter Windows in den Ordner "Arbeitsplatz"> "Windows"> "Schriftarten". Verwenden Sie keine anderen Schriftarten auf der Schaltfläche, außer wie in Situationen angegeben, in denen der Stil Ihrer eigenen App übereinstimmt .

Für Websites, die eine benutzerdefinierte Anmeldeschaltfläche verwenden , können Sie die Roboto-Schriftart von Google Fonts laden .

Polsterung

Der Abstand links (und rechts) vom Text sollte 8 dp betragen. Das Logo sollte 18 dp groß sein und zwischen dem Logo und dem Schaltflächentext sollte 24 dp liegen.

Veranschaulicht die Abmessungen der Elemente einer Schaltfläche einschließlich des Auffüllens von Text.

Google-Logo in der Schaltfläche "Mit Google anmelden"

Unabhängig vom Text können Sie die Größe oder Farbe des Google "G" -Logos nicht ändern. Es muss die Standardfarbversion sein und auf einem weißen Hintergrund erscheinen. Wenn Sie ein eigenes Google-Logo in benutzerdefinierter Größe erstellen müssen, beginnen Sie mit einer der im Download-Bundle enthaltenen Logo-Größen.

Falsches Schaltflächendesign

Verwenden Sie das Google-Symbol oder -Logo nicht ohne Schaltflächenbegrenzung und ohne Text, um die Nutzeraktion anzuzeigen.
Verwenden Sie kein Google-Symbol für die Darstellung der Google-Anmeldung.
Verwenden Sie keine dunklen oder hellen Versionen von Google "G".
Platzieren Sie das Google "G" -Symbol in Standardfarbe nicht auf einem farbigen Hintergrund.
Erstellen Sie kein eigenes Symbol für die Schaltfläche.
Verwenden Sie den Begriff "Google" nicht alleine in der Schaltfläche ohne ein zugehöriges Google-Symbol.

Die Verwendung von Google-Marken auf eine Weise, die nicht ausdrücklich in diesem Dokument behandelt wird, ist ohne vorherige schriftliche Zustimmung von Google nicht gestattet (weitere Informationen finden Sie in den Richtlinien für die Verwendung von Google-Markenfunktionen durch Dritte ).