Linee guida per il branding

Se hai sviluppato il servizio per gli utenti in Russia, usa i pulsanti "Salva sul telefono" perché Google Wallet non è disponibile in questi paesi. Consulta gli asset e le linee guida pertinenti. Se stai sviluppando per utenti al di fuori della Russia, aggiorna il pulsante Aggiungi a Google Wallet scaricando gli asset riportati di seguito.

Questa sezione della documentazione è pensata per aiutarti a creare immagini e altri elementi dell'interfaccia utente in modo che abbiano un aspetto ottimale nell'app Google Wallet.

Asset

Pulsante Aggiungi a Google Wallet

Il pulsante Aggiungi a Google Wallet viene utilizzato ogni volta che chiedi agli utenti di salvare una tessera o una carta dalla tua app o dal tuo sito web nel loro portafoglio. Il pulsante Aggiungi a Google Wallet deve chiamare uno dei flussi dell'API Google Wallet. Questi flussi mostrano l'app Google Wallet in cui gli utenti possono seguire le istruzioni per salvare le tessere sul proprio dispositivo Android e nell'Account Google. Questo pulsante può essere utilizzato in app, siti web o email.

I pulsanti Aggiungi a Google Wallet sono disponibili in formato Android XML, SVG e PNG.

Scarica asset - Android XML Scarica asset - SVG Scarica asset - PNG

Pulsante Visualizza in Google Wallet

Il pulsante Visualizza in Google Wallet viene utilizzato per collegare direttamente un utente al suo portafoglio in modo da visualizzare una tessera o una carta salvati in precedenza. Questo pulsante può essere utilizzato in app, siti web o email.

I pulsanti Visualizza in Google Wallet sono disponibili in formato SVG e PNG.

Scarica asset - SVG Scarica asset - PNG

Tutti i pulsanti visualizzati sul tuo sito, nella tua app o nelle tue comunicazioni email devono rispettare le linee guida per il brand descritte in questa pagina. Di seguito sono riportati, a titolo esemplificativo, alcuni esempi di queste linee guida:

  • Dimensione rispetto ad altri pulsanti o elementi simili della pagina
  • La forma e il colore dei pulsanti non devono essere modificati
  • Spazio vuoto

Pulsanti localizzati

I pulsanti Google Wallet localizzati sono disponibili per tutti i mercati in cui è disponibile Wallet. Se stai sviluppando il programma per gli utenti di questi mercati, utilizza sempre i pulsanti indicati in precedenza. Non creare una versione personalizzata dei pulsanti. Se una versione localizzata del pulsante non è disponibile nel tuo mercato, utilizza la versione in inglese del pulsante.

I pulsanti Aggiungi a Google Wallet sono disponibili in albanese, arabo, armeno, azero, azero, bosniaco, bulgaro, catalano, cinese (Hong Kong), cinese (tradizionale), croato, ceco, arabo, serbo, slovacco, francese, giapponese, indonesiano, inglese (India, Singapore, Sudafrica, filippino, francese, filippino di lingua ucraina, russo, spagnolo, portoghese brasiliano, slovacco, spagnolo, portoghese brasiliano, slovacco, portoghese , russo, spagnolo, portoghese, russo, spagnolo, tedesco, filippino

Nome localizzato

Per chiarezza per gli utenti, il nome del prodotto Google Wallet è localizzato in alcuni mercati. Se ti occupi di sviluppo per gli utenti in questi paesi, utilizza sempre il nome localizzato riportato di seguito per Web, email e stampa. Non creare una versione localizzata di "Google Wallet". Se il tuo mercato non è elencato di seguito, utilizza "Google Wallet" in inglese.

Paese Nome
Bielorussia Google Кошелек
Brasile Carteira do Google
Cile Billetera de Google
Cechia Peneženka Google
Grecia La parola a Google
Hong Kong Google 錢包
Lituania Google Piniginì
Polonia Portfel - Google
Portogallo Carteira da Google
Romania Portofel Google
Slovacchia Google
Taiwan Google 錢包
Turchia Google Cüzdan
Emirati Arabi Uniti Google
Ucraina Google Гаманець
Stati Uniti (spagnolo)
*Utilizza questo nome negli Stati Uniti se la tua UI è in spagnolo
Billetera de Google

Dimensioni

Regola l'altezza e la larghezza del pulsante Aggiungi a Google Wallet in base al tuo layout. Se nella pagina sono presenti altri pulsanti, il pulsante Aggiungi a Google Wallet deve avere dimensioni uguali o superiori. Non ridurre le dimensioni del pulsante Aggiungi a Google Wallet rispetto agli altri pulsanti.

Stile

I pulsanti Aggiungi a Google Wallet sono disponibili in due varianti: principali e brevi. Il pulsante Aggiungi a Google Wallet è disponibile solo in nero. Vengono fornite versioni localizzate del pulsante. Non creare pulsanti con testo localizzato personalmente.

Principale Condensed
Pulsante principale Aggiungi a Google Wallet Pulsante Aggiungi a Google Wallet ridotto
Usa il pulsante principale su sfondi bianchi e chiari. Utilizza il pulsante ridotto se non c'è abbastanza spazio per l'elemento principale o a larghezza intera.

Spazio vuoto

Mantieni sempre uno spazio vuoto minimo di 8 dp su tutti i lati del pulsante Aggiungi a Google Wallet. Assicurati che lo spazio vuoto non sia mai interrotto da grafica o testo.

I pulsanti Aggiungi a Google Wallet devono avere 8 dp di spazio su tutti i lati.

Altezza minima

Tutti i pulsanti Aggiungi a Google Wallet devono avere un'altezza minima di 48 dp.

I pulsanti Aggiungi a Google Wallet devono avere un'altezza minima di 48 dp.

Cosa fare e cosa non fare

Cosa fare Cosa non fare
Azione: utilizza solo i pulsanti Aggiungi a Google Wallet forniti da Google. Non:creare pulsanti Aggiungi a Google Wallet personalizzati o modificare in alcun modo carattere, colore, raggio del pulsante o spaziatura interna all'interno del pulsante.
Azione: utilizza lo stesso stile del pulsante in tutto il sito. Non: riduci le dimensioni dei pulsanti Aggiungi a Google Wallet rispetto agli altri pulsanti.
Sì. Assicurati che le dimensioni dei pulsanti Aggiungi a Google Wallet rimangano uguali o superiori a quelle degli altri pulsanti. Non: modificare il colore del pulsante.
Azione: mantieni lo stesso rapporto del pulsante quando ridimensioni i pulsanti Aggiungi a Google Wallet. No: Ridimensiona il pulsante liberamente.
Azione: utilizza la versione localizzata dei pulsanti fornita. Non creare la tua versione localizzata del pulsante.

Best practice per il posizionamento dei pulsanti

Mostra il pulsante Aggiungi a Google Wallet nelle schermate di conferma dell'app, nelle pagine web o nelle email. Consulta le seguenti best practice per la progettazione dell'interfaccia utente.

Tessera del campus

Mostra il pulsante Aggiungi a Google Wallet nelle schermate di conferma dell'app.

Pulsante Aggiungi a Google Wallet posizionato in una posizione ben visibile nell'app dell'account studente.

Utilizzo del nome del prodotto Google Wallet nel testo

Puoi utilizzare il testo per indicare all'utente che la tessera del campus è stata salvata sul suo dispositivo.

Utilizza le lettere maiuscole per le lettere "G" e "W"

Per fare riferimento a Google Wallet, utilizza sempre una "G" maiuscola e una "W" maiuscola seguita da lettere minuscole. Il nome completo "Google Wallet" non deve essere scritto in maiuscolo, a meno che non si tratti di uno stile tipografico dell'interfaccia utente.

Non abbreviare Google Wallet

Scrivi sempre le parole "Google" e "Wallet".

Adatta lo stile dell'interfaccia utente

Imposta "Google Wallet" con lo stesso carattere e stile tipografico del resto del testo nell'interfaccia utente. Non imitare lo stile tipografico di Google.

Utilizza sempre la versione localizzata di "Google Wallet"

Scrivi sempre "Google Wallet" nella copia localizzata fornita.