Se stai sviluppando app per 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 il servizio per utenti al di fuori della Russia, aggiorna il pulsante Aggiungi a Google Wallet scaricando gli asset di seguito.
Questa sezione della documentazione è pensata per aiutarti a creare immagini e altri elementi dell'interfaccia utente in modo che vengano visualizzati correttamente 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 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 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 Android XML, SVG e PNG.
Scarica asset - XML per Android Scarica asset - SVG Scarica asset - PNGPulsante Visualizza in Google Wallet
Il pulsante Visualizza in Google Wallet viene utilizzato per collegare direttamente un utente al suo Wallet 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 - PNGTutti i pulsanti visualizzati sul sito, nell'app o nelle 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:
- 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 il servizio per gli utenti di questi mercati, usa sempre i pulsanti indicati sopra. Non creare una versione personalizzata dei pulsanti. Se una versione localizzata del pulsante non è disponibile nel tuo mercato, utilizza la versione in inglese.
I pulsanti Aggiungi a Google Wallet sono disponibili in albanese, arabo, arabo, armeno, francese, giapponese, greco, indonesiano, indonesiano, inglese (latino), lingua albanese, ebraico, ceco, ucraino, portoghese, ebraico, portoghese, filippino, francese, giapponese, greco, indonesiano (Indonesia), slovacco, portoghese, ebraico, francese, giapponese, greco, indonesiano (Indonesia), portoghese, ceco, ucraino, slovacco, slovacco, portoghese, slovacco, portoghese, slovacco, portoghese, slovacco, portoghese, francese, francese, giapponese, greco, indonesiano (Indonesia), portoghese, slovacco, portoghese, slovacco, slovacco, portoghese, slovacco, portoghese, slovacco, portoghese, slovacco, slovacco, spagnolo, portoghese, turco,
Nome localizzato
Per chiarezza per gli utenti, il nome del prodotto Google Wallet è localizzato in alcuni mercati. Se stai sviluppando il servizio per gli utenti di 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 | Peněženka Google |
| Grecia | |
| Hong Kong | Google 錢包 |
| Lituania | Google Piniginì |
| Polonia | Portfel Google |
| Portogallo | Carteira da Google |
| Romania | Portofel Google |
| Slovacchia | |
| Taiwan | Google 錢包 |
| Turchia | Google Cüzdan |
| EAU | |
| Ucraina | Google FC |
|
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 rendere il pulsante Aggiungi a Google Wallet più piccolo di altri pulsanti.
Stile
I pulsanti Aggiungi a Google Wallet sono disponibili in due varianti: principali e ridotti. Il pulsante Aggiungi a Google Wallet è disponibile solo in nero. Vengono fornite versioni localizzate del pulsante. Non creare pulsanti con testo localizzato di tua proprietà.
| Principale | Condensed |
|---|---|
|
|
| Utilizza il pulsante principale su sfondi bianchi e chiari. | Utilizza il pulsante ridotto se non c'è spazio sufficiente 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.
Altezza minima
Tutti 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. | Cosa non fare: 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: usa lo stesso stile del pulsante in tutto il sito. | No: riduci le dimensioni dei pulsanti Aggiungi a Google Wallet rispetto agli altri pulsanti. |
| Azione: assicurati che le dimensioni dei pulsanti Aggiungi a Google Wallet rimangano uguali o maggiori rispetto agli altri pulsanti. | No: modifica il colore del pulsante. |
| Azione: mantieni lo stesso rapporto del pulsante quando ridimensioni i pulsanti Aggiungi a Google Wallet. | No: scala liberamente il pulsante. |
| Azione: utilizza la versione localizzata dei pulsanti fornita. | Cosa non fare: crea una versione localizzata del pulsante. |
Best practice per il posizionamento dei pulsanti
Mostra il pulsante Aggiungi a Google Wallet nelle schermate dell'app, nelle pagine web o nelle email di conferma. Consulta le seguenti best practice come guida per la progettazione della tua UI.
Tessere del campus
Mostra il pulsante Aggiungi a Google Wallet nelle schermate di conferma dell'app.
Uso del nome del prodotto Google Wallet nel testo
Puoi utilizzare il testo per indicare all'utente che la tessera del campus è salvata sul suo dispositivo.
Scrivi in maiuscolo le lettere "G" e "W"
Utilizza sempre una "G" maiuscola e una "W" maiuscola seguita da lettere minuscole per fare riferimento a Google Wallet. Non utilizzare le lettere maiuscole per il nome completo "Google Wallet", a meno che non corrisponda allo 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 lo stesso 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.