Se stai sviluppando per gli utenti in Russia, utilizza i pulsanti "Salva sul telefono" poiché Google Wallet non è attivo 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 di seguito.
Questa sezione della documentazione è progettata 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 indirizzi gli utenti a salvare una tessera o una carta dalla tua app o dal tuo sito web nel loro Wallet. Il pulsante Aggiungi a Google Wallet deve richiamare uno dei flows 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 sul proprio Account Google. Questo pulsante può essere utilizzato in app, siti web o email.
I pulsanti Aggiungi a Google Wallet sono disponibili in formato XML Android, SVG, e PNG.
Scarica gli asset - XML Android Scarica gli asset - SVG Scarica gli asset - PNGPulsante Visualizza in Google Wallet
Il pulsante Visualizza in Google Wallet viene utilizzato per creare un link diretto al Wallet di un utente per visualizzare una tessera o una carta salvata 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 gli asset - SVG Scarica gli asset - PNGTutti i pulsanti visualizzati sul tuo sito, nella tua app o nelle tue comunicazioni via email devono rispettare le linee guida del brand descritte in questa pagina. Alcuni esempi, senza alcuna limitazione, sono: i seguenti:
- Dimensioni relative 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 forniti per tutti i mercati in cui è disponibile Wallet. Se stai sviluppando per gli utenti in questi mercati, utilizza sempre i pulsanti collegati sopra. Non creare la tua versione dei pulsanti. Se una versione localizzata del pulsante non è disponibile nel tuo mercato, utilizza la versione inglese del pulsante.
I pulsanti Aggiungi a Google Wallet sono disponibili in albanese, arabo, armeno, azero, bosniaco, bulgaro, catalano, cinese (Hong Kong), cinese (tradizionale), croato, ceco, danese, olandese, inglese (India, Singapore, Sudafrica, Australia, Canada, Gran Bretagna, Stati Uniti), estone, filippino, finlandese, francese (Canada), francese (Francia), georgiano, tedesco, greco, ebraico, ungherese, islandese, indonesiano, italiano, giapponese, kazako, kirghiso, lettone, lituano, macedone, malese, norvegese, polacco, portoghese (Brasile), portoghese (Portogallo), rumeno, russo (Bielorussia), serbo, slovacco, sloveno, spagnolo (America Latina), spagnolo (Spagna), svedese, thailandese, turco, ucraino, uzbeko e vietnamita.
Nome localizzato
Per chiarezza degli utenti, il nome del prodotto Google Wallet è localizzato in alcuni mercati. Se stai sviluppando per gli utenti in questi paesi, utilizza sempre il nome localizzato di seguito per web, email e stampa. Non creare la tua 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 |
| Repubblica Ceca | Peněženka Google |
| Grecia | Πορτοφόλι Google |
| Hong Kong | Google 錢包 |
| Lituania | Google Piniginė |
| Polonia | Portfel Google |
| Portogallo | Carteira da Google |
| Romania | Portofel Google |
| Slovacchia | Peňaženka Google |
| Taiwan | Google 錢包 |
| Turchia | Google Cüzdan |
| EAU | محفظة Google |
| Ucraina | Google Гаманець |
|
Stati Uniti (spagnolo)
*Utilizza questo nome negli Stati Uniti se l'interfaccia utente è in spagnolo |
Billetera de Google |
Dimensioni
Regola l'altezza e la larghezza del pulsante Aggiungi a Google Wallet in base al layout. Se nella pagina sono presenti altri pulsanti, il Aggiungi a Google Wallet pulsante deve avere dimensioni uguali o maggiori. Non ridurre le dimensioni del pulsante Aggiungi a Google Wallet rispetto ad altri pulsanti.
Stile
I pulsanti Aggiungi a Google Wallet sono disponibili in due varianti: principale e condensed. Il pulsante Aggiungi a Google Wallet è disponibile solo in nero. Sono disponibili versioni localizzate del pulsante. Non creare pulsanti con il tuo testo localizzato.
| Principale | Condensed |
|---|---|
|
|
| Utilizza il pulsante principale su sfondi bianchi e chiari. | Utilizza il pulsante condensed se non è disponibile spazio sufficiente per il pulsante principale o a larghezza intera. |
Spazio vuoto
Mantieni sempre uno spazio vuoto minimo di 8 dp in tutte le direzioni attorno al pulsante Aggiungi a Google Wallet. Assicurati che lo spazio vuoto non venga mai interrotto da elementi grafici o testo.
Altezza minima
Tutti i pulsanti Aggiungi a Google Wallet devono avere un'altezza minima di 48 dp.
Azioni da eseguire e da evitare
| Azioni da eseguire | Azioni da evitare |
|---|---|
| Esegui: utilizza solo i pulsanti Aggiungi a Google Wallet forniti da Google. | Evita: creare i tuoi Aggiungi a Google Wallet pulsanti o modificare in qualsiasi modo il carattere, il colore, il raggio del pulsante o il padding all'interno del pulsante. |
| Esegui: utilizza lo stesso stile di pulsante in tutto il sito. | Evita: ridurre le dimensioni dei pulsanti Aggiungi a Google Wallet rispetto ad altri pulsanti. |
| Esegui: assicurati che le dimensioni dei pulsanti Aggiungi a Google Wallet rimangano uguali o maggiori rispetto ad altri pulsanti. | Evita: modificare il colore del pulsante. |
| Esegui: mantieni le stesse proporzioni del pulsante quando ridimensioni i pulsanti Aggiungi a Google Wallet. | Evita: ridimensionare liberamente il pulsante. |
| Esegui: utilizza la versione localizzata fornita dei pulsanti. | Evita: creare la tua versione localizzata del pulsante. |
Best practice per il posizionamento dei pulsanti
Visualizza il puls0}Aggiungi a Google Walletante nelle schermate di conferma dell'app , nelle pagine web o nelle email. Consulta le seguenti best practice per la progettazione dell'interfaccia utente.
Tessere del campus
Visualizza il pulsante Aggiungi a Google Wallet nelle schermate di conferma dell'app screens.
Utilizzo del nome del prodotto Google Wallet nel testo
Puoi utilizzare il testo per indicare all'utente che la sua tessera del campus è salvata sul dispositivo.
Utilizza le lettere "G" e "W" maiuscole
Utilizza sempre una "G" maiuscola e una "W" maiuscola seguite da lettere minuscole per fare riferimento a Google Wallet. Non utilizzare le maiuscole per l'intero nome "Google Wallet", a meno che non sia per rispettare lo stile tipografico dell'interfaccia utente.
Non abbreviare Google Wallet
Scrivi sempre le parole "Google" e "Wallet".
Abbina lo stile all'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.