Linee guida per il branding relative all'accesso

Utilizza Accedi con Google con gli ambiti profile o email di base e incorpora i seguenti pulsanti standard nella tua app web o per dispositivi mobili:

Stile Pulsanti File immagine
Chiaro

Include pulsanti di accesso nei formati PNG, SVG, EPS e Sketch, in molte risoluzioni. Include gli stati di base, passaggio del mouse e pressione.

Scuro

I file di schizzi, SVG ed EPS sono inclusi nel download per consentirti di tradurre il testo di "Accedi con" o "Accedi". Questi file richiedono il carattere robotso.

Se richiedi ambiti aggiuntivi, utilizza l'autorizzazione incrementale (Android, iOS, web), chiedendo all'utente solo l'autorizzazione mentre inizia a interagire con una funzionalità che richiede l'accesso API.

Se richiedi ambiti YouTube, utilizza un pulsante YouTube.

Se utilizzi i servizi per i giochi di Google Play, consulta anche le linee guida per il branding dei servizi per i giochi di Google Play.

Accedi con Google e altre opzioni di accesso di terze parti

Evidenza uguale

Il pulsante Accedi con Google deve essere visualizzato almeno in una posizione ben visibile come le altre opzioni di accesso di terze parti. Ad esempio, i pulsanti devono avere all'incirca le stesse dimensioni e avere un peso visivo simile.

Adatta lo stile della tua app

L'utilizzo del pulsante Accedi con Google standard è vivamente consigliato perché consente agli utenti Google di identificare più rapidamente l'opzione Google. Se devi adattare il pulsante al design dell'app o traduci il testo "Accedi con" o "Accedi", segui queste linee guida.

Dimensioni

Puoi ridimensionare il pulsante a seconda delle esigenze dei vari dispositivi e delle varie dimensioni dello schermo, ma è necessario mantenere le proporzioni in modo che il logo Google non venga allungato.

Testo

Per incoraggiare gli utenti a fare clic sul pulsante, consigliamo il testo dell'invito all'azione "Accedi con Google". o "Registrati con Google". Deve essere chiaro all'utente che sta accedendo alla tua app o si sta registrando alla tua app con le sue credenziali Google, senza registrarsi o registrare un Account Google nella tua app.

Testo "Google"

Puoi utilizzare la parola "Google" da sola nel pulsante se è accompagnata da testo adiacente che chiarisce qual è l'azione. Ad esempio:

Accedi con:

Colore

Pulsante Accedi con Google con sfondo blu Pulsante Accedi con Google con sfondo bianco

Il colore di un pulsante luce non premuto è #FFFFFF (bianco). Il colore di un pulsante scuro (blu) non premuto è #4285F4. Lo sfondo del pulsante può essere blu o bianco, ma deve sempre includere il colore standard Google "G" su un riquadro bianco.

Carattere

Il carattere del pulsante è Roboto Medium, un carattere TrueType. Per installarlo, scarica il carattere Roboto e decomprimi il pacchetto di download. Su Mac, fai doppio clic su Roboto-Medium.ttf, quindi fai clic su "Install Font". Su Windows, trascina il file nella cartella "Il mio computer"; > "Windows" > "Fonts". Non utilizzare altri pulsanti nel pulsante, ad eccezione di quanto indicato nelle situazioni con corrispondere allo stile della propria app.

Per i siti web che utilizzano un pulsante di accesso personalizzato, puoi caricare il carattere Roboto da Google Fonts.

Spaziatura interna

La spaziatura interna a sinistra (e a destra) del testo deve avere una dimensione di 8 dp. Il logo deve essere di 18 dp e tra il logo e il testo del pulsante devono essere presenti 24 dp.

Illustra le dimensioni degli elementi di un pulsante, inclusa la spaziatura interna intorno al testo.

Logo di Google nel pulsante "Accedi con Google"

Indipendentemente dal testo, non puoi modificare la dimensione o il colore del logo Google "G". Deve essere la versione a colori standard e apparire su uno sfondo bianco. Se devi creare un logo Google di dimensioni personalizzate, inizia con una qualsiasi delle dimensioni del logo incluse nel bundle di download.

Design del pulsante non corretto

Non utilizzare soltanto l'icona o il logo Google senza il pulsante di chiusura e senza testo per indicare l'azione dell'utente.
Non utilizzare un'icona di Google sola per rappresentare Accedi con Google.
Non utilizzare versioni scure o chiare di "Google".
Non inserire l'icona a colori "Google" standard su sfondo colorato.
Non creare un'icona personalizzata per il pulsante.
Non utilizzare il termine "Google" da solo nel pulsante senza l'icona corrispondente di Google.

L'utilizzo dei brand Google in modi non espressamente coperti dal presente documento non è consentito senza il previo consenso scritto di Google (consulta le Linee guida per l'utilizzo degli elementi distintivi del brand Google da parte di terze parti per ulteriori informazioni).