RU'daki kullanıcılar için geliştirme yapıyorsanız lütfen "Telefona kaydet" düğmelerini kullanın. Google Cüzdan bu ülkelerde kullanıma sunulmamıştır. Lütfen alakalı öğeleri ve yönergeleri inceleyin. RU dışındaki kullanıcılar için geliştirme yapıyorsanız lütfen aşağıdaki öğeleri indirerek Google Cüzdan'a ekle düğmenizi güncelleyin.
Bu doküman bölümü, Google Cüzdan uygulamasında harika görünecek resimler ve diğer kullanıcı arayüzü öğeleri oluşturmanıza yardımcı olmak için tasarlanmıştır.
Öğeler
Google Cüzdan'a ekle düğmesi
Google Cüzdan'a ekle düğmesi, kullanıcıları uygulamanızdaki veya web sitenizdeki bir kartı ya da pasoyu cüzdanlarına kaydetmeye yönlendirdiğinizde kullanılır. Google Cüzdan'a ekle düğmesi, Google Cüzdan API akışlarından birini çağırmalıdır. Bu akışlarda, kullanıcıların kartları Android cihazlarına ve Google Hesaplarına kaydetmek için talimatları uygulayabileceği Google Cüzdan uygulaması gösterilir. Bu düğme uygulamalarda, web sitelerinde veya e-postalarda kullanılabilir.
Google Cüzdan'a ekle düğmeleri Android XML, SVG ve PNG biçiminde kullanılabilir.
Öğeleri indirme - Android XML Öğeleri indirme - SVG Öğeleri indirme - PNGGoogle Cüzdan'da görüntüle düğmesi
Google Cüzdan'da görüntüle düğmesi, daha önce kaydedilmiş bir kartı veya kartı görüntülemek için kullanıcıyı cüzdanına derin bağlamak üzere kullanılır. Bu düğme uygulamalarda, web sitelerinde veya e-postalarda kullanılabilir.
Google Cüzdan'da görüntüle düğmeleri SVG ve PNG biçiminde kullanılabilir.
Öğeleri indirme - SVG Öğeleri indirme - PNGSitenizde, uygulamanızda veya e-posta iletişimlerinizde gösterilen tüm düğmeler, bu sayfada belirtilen marka yönergelerine uygun olmalıdır. Bu kurallara örnek olarak aşağıdakiler verilebilir ancak liste bunlarla sınırlı değildir:
- Diğer benzer düğmelere veya sayfa öğelerine göre boyut
- Düğmelerin şekli ve rengi değiştirilmemelidir.
- Boş alan
Yerelleştirilmiş düğmeler
Cüzdan'ın kullanıma sunulduğu tüm pazarlarda yerelleştirilmiş Google Cüzdan düğmeleri sağlanır. Bu pazarlardaki kullanıcılar için geliştirme yapıyorsanız her zaman yukarıda bağlantısı verilen düğmeleri kullanın. Düğmelerin kendi sürümünüzü oluşturmayın. Pazarınızda düğmenin yerelleştirilmiş bir sürümü yoksa düğmenin İngilizce sürümünü kullanın.
Google Cüzdan'a ekle düğmeleri; Almanca, Arnavutça, Arapça, Azerice, Baskça, Belarusça, Boşnakça, Bulgarca, Çekçe, Çince (Hong Kong), Çince (Geleneksel), Danca, Endonezce, Ermenice, Estonca, Fince, Fransızca (Fransa), Fransızca (Kanada), Galce, Gürcüce, Hırvatça, Hintçe, Hollandaca, İbranice, İngilizce (ABD, Avustralya, Büyük Britanya, Güney Afrika, Hindistan, Kanada, Singapur), İspanyolca (İspanya), İspanyolca (Latin Amerika), İsveççe, İtalyanca, Japonca, Kazakça, Kırgızca, Korece, Letonca, Litvanyaca, Macarca, Makedonca, Malayca, Norveççe, Özbekçe, Polonyaca, Portekizce (Brezilya), Portekizce (Portekiz), Romence, Rusça, Sırpça, Slovakça, Slovence, Tayca, Türkçe, Ukraynaca ve Vietnamca dillerinde kullanılabilir.
Yerelleştirilmiş ad
Kullanıcılar açısından anlaşılır olması amacıyla, Google Cüzdan ürün adı yalnızca belirli pazarlarda yerelleştirilir. Bu ülkelerdeki kullanıcılar için geliştirme yapıyorsanız web, e-posta ve baskı için her zaman aşağıdaki yerelleştirilmiş adı kullanın. "Google Cüzdan"ın kendi yerelleştirilmiş sürümünüzü oluşturmayın. Pazarınız aşağıda listelenmiyorsa "Google Cüzdan"ı İngilizce olarak kullanın.
| Ülke | Ad |
|---|---|
| Belarus | Google Кошелек |
| Brezilya | Carteira do Google |
| Şili | Billetera de Google |
| Çekya | Peněženka Google |
| Yunanistan | Πορτοφόλι Google |
| Hong Kong | Google 錢包 |
| Litvanya | Google Piniginė |
| Polonya | Portfel Google |
| Portekiz | Carteira da Google |
| Romanya | Portofel Google |
| Slovakya | Peňaženka Google |
| Tayvan | Google 錢包 |
| Türkiye | Google Cüzdan |
| BAE | محفظة Google |
| Ukrayna | Google Гаманець |
|
Amerika Birleşik Devletleri (İspanyolca)
*Kullanıcı arayüzünüz İspanyolca ise ABD'de bu adı kullanın |
Billetera de Google |
Boyut
Google Cüzdan'a ekle düğmesinin yüksekliğini ve genişliğini düzenleyerek düzeninize uyacak şekilde ayarlayın. Sayfada başka düğmeler varsa Google Cüzdan'a ekle düğmesi eşit veya daha büyük olmalıdır. Google Cüzdan'a ekle düğmesini diğer düğmelerden küçük yapmayın.
Stil
Google Cüzdan'a ekle düğmeleri iki farklı şekilde kullanılabilir: birincil ve daraltılmış. Google Cüzdan'a ekle düğmesi yalnızca siyah renkte sunulur. Düğmenin yerelleştirilmiş sürümleri sağlanır. Kendi yerelleştirilmiş metninizi içeren düğmeler oluşturmayın.
| Birincil | Dar |
|---|---|
|
|
| Beyaz ve açık renkli arka planlarda birincil düğmeyi kullanın. | Birincil veya tam genişlik için yeterli alan yoksa daraltılmış düğmeyi kullanın. |
Boş alan
Google Cüzdan'a ekle düğmesinin her tarafında her zaman minimum 8 dp boş alan bırakın. Boş alanın hiçbir zaman grafik veya metinle bozulmadığından emin olun.
Minimum yükseklik
Tüm Google Cüzdan'a ekle düğmelerinin minimum yüksekliği 48 dp olmalıdır.
Yapılması ve yapılmaması gerekenler
| Kullanın | Yapılmaması gerekenler |
|---|---|
| Yapılacaklar: Yalnızca Google tarafından sağlanan Google Cüzdan'a ekle düğmelerini kullanın. | Yapmayın: Kendi Google Cüzdan'a ekle düğmelerinizi oluşturmayın veya yazı tipini, rengi, düğme yarıçapını ya da düğme içindeki dolguyu herhangi bir şekilde değiştirmeyin. |
| Yapılması gerekenler: Sitenizin tamamında aynı düğme stilini kullanın. | Yapmayın: Google Cüzdan'a ekle düğmelerini diğer düğmelerden daha küçük yapmayın. |
| Yapılması gerekenler: Google Cüzdan'a ekle düğmelerinin boyutunun diğer düğmelerle eşit veya daha büyük olduğundan emin olun. | Yapmayın: Düğme rengini değiştirmeyin. |
| Yapılacaklar: Google Cüzdan'a ekle düğmelerini yeniden boyutlandırırken düğme oranını aynı tutun. | Yapmayın: Düğmeyi serbestçe ölçeklendirin. |
| Yapılması gerekenler: Düğmelerin sağlanan yerelleştirilmiş sürümünü kullanın. | Yapmayın: Düğmenin yerelleştirilmiş sürümünü kendiniz oluşturun. |
Düğme yerleşimiyle ilgili en iyi uygulamalar
Onay uygulaması ekranlarında, web sayfalarında veya e-postalarda Google Cüzdan'a ekle düğmesini gösterin. Kullanıcı arayüzü tasarımınıza yön vermek için aşağıdaki en iyi uygulamalardan yararlanın.
Bağlılık, hediye kartları, teklifler
Onay ekranlarında Google Cüzdan'a ekle düğmesini gösterin. Düğmeyi web sitenizde veya uygulamanızda da gösterebilir ya da ilgili e-postalara ekleyebilirsiniz.
Metinlerde Google Cüzdan ürün adının kullanılması
Kullanıcıya bağlılık kartının cihazına kaydedildiğini belirtmek için metin kullanabilirsiniz.
"G" ve "W" harflerini büyük yazın.
Google Cüzdan'dan bahsederken her zaman büyük harf "G" ve büyük harf "W" ile başlayıp küçük harflerle devam edin. Kullanıcı arayüzünüzdeki tipografik stile uymak dışında "Google Cüzdan" tam adını büyük harfle yazmayın.
Google Cüzdan'ı kısaltmayın
Her zaman "Google" ve "Cüzdan" kelimelerini tam olarak yazın.
Kullanıcı arayüzünüzdeki stille eşleştirme
"Google Cüzdan"ı, kullanıcı arayüzünüzdeki metnin geri kalanıyla aynı yazı tipi ve tipografik stilde ayarlayın. Google'ın tipografik stilini taklit etmeyin.
Her zaman "Google Cüzdan"ın yerelleştirilmiş sürümünü kullanın.
Sağlanan yerelleştirilmiş kopya metinde her zaman "Google Cüzdan" yazın.
Tasarım
Google Cüzdan'a ekle düğmelerinin yüksekliğini ve genişliğini değiştirmek için g:savetoandroidpay HTML etiketinin height ve size alanlarını kullanın. Mobil uygulamalarda veya özel kullanıcı arayüzü gereksinimleri olan durumlarda metin ve düğme boyutlarını önemli ölçüde artırmak için textsize=large spesifikasyonunu kullanın.
Düğmelerin rengini ayarlamak için theme simgesini kullanın. Aşağıdaki tabloda, bu ayarların Google Cüzdan'a ekle düğmesini nasıl etkilediği gösterilmektedir.
Logolar
Logo resmi yönergeleri
Google Cüzdan, logonuzu dairesel biçimde maskeler.
Logo resimleri için kullanıcı arayüzü önerilerinin listesi aşağıda verilmiştir:| Yönerge | Açıklama |
|---|---|
| Tercih edilen dosya türü | PNG |
| Minimum boyut | 660 piksel x 660 piksel |
| Resim en boy oranı | 1:1 |
| Albüm kapağı en boy oranı | 1:1 |
| Gerçek piksel boyutu | Cihaz boyutuna göre ölçeklendirme |
| Logo dairesel maskesi |
Logonuz, dairesel tasarıma sığacak şekilde maskelenir. Logonuzun güvenli alan içinde olduğundan emin olun. Logonuzu önceden maskelemeyin. Logoyu, tüm alanı kaplayan arka plan rengine sahip bir kare içinde bırakın. Logonun, maskelendiğinde kesilmemesi için% 15 kenar boşluğu olmalıdır. 
|
Google Cüzdan, logonuzu dairesel biçimde maskeler.
Geniş logo resim yönergeleri
Geniş logo resimleri; etkinlik biletleri, biniş kartları, QR kodlu toplu taşıma kartları, bağlılık kartları, teklifler, hediye kartları, genel kartlar ve genel özel kartlar tarafından desteklenir. Aşağıda, geniş logo resimleriyle ilgili kullanıcı arayüzü önerileri listelenmiştir:
| Yönerge | Açıklama |
|---|---|
| Tercih edilen dosya türü |
PNG En iyi sonuçları elde etmek için arka plan rengi olan bir resim kullanın (kartınızın arka plan rengiyle aynı rengi kullanmanızı öneririz). |
| Önerilen boyut | 1.280 piksel x 400 piksel |
| Minimum boyut | Yükseklik için 400 piksel, genişlik orantılıdır (önerilen en boy oranı bölümünde daha fazla bilgi verilmiştir).
Geniş ve dikdörtgen resimler kullanın. |
| Önerilen en boy oranı |
Resim, önerilen en boy oranına ayarlanmamışsa sağlanan başlık alanlarının en boy oranına uyacak şekilde yeniden boyutlandırılır. Aşağıdaki şemada, resim öğesinin en-boy oranına göre nasıl yeniden boyutlandırılacağı ayrıntılı olarak açıklanmaktadır. 
|
Kart Arka Plan Rengi
Arka plan rengini hexBackgroundColor alanı ile ayarlayabilirsiniz. Değeri ayarlamazsanız bir algoritma logoyu analiz eder, baskın rengi bulur ve arka plan rengi olarak kullanır.
Lokomotif resimler
class.heroImage alanı, kartın gövdesinde tam genişlikte bir banner olarak görünür.
Hero resmi kuralları
Aşağıda, önemli resimlerle ilgili kullanıcı arayüzü önerileri listelenmiştir:
| Yönerge | Açıklama |
|---|---|
| Tercih edilen dosya türü | PNG |
| Önerilen boyut |
1032x336 piksel Geniş ve dikdörtgen resimler kullanın. En iyi sonuçları elde etmek için renkli arka planı olan bir resim kullanın. |
| En boy oranı | 3:1 veya daha geniş |
| Görüntü boyutu |
Kartın tam genişliği ve orantılı yüksekliği. 
|
Tam genişlikte resimler
Bir sınıftaki veya nesnedeki *.imageModulesData.mainImage alanı, kartta tam genişlikte bir resim olarak görünür.
Tam genişlikte resim yönergeleri
Tam genişlikteki resimler için kullanıcı arayüzü önerilerinin listesini aşağıda bulabilirsiniz:
| Yönerge | Açıklama |
|---|---|
| Tercih edilen dosya türü | PNG |
| Minimum boyut |
1.860 piksel genişlik, değişken yükseklik. Geniş ve dikdörtgen resimler kullanın. En iyi sonuçları elde etmek için renkli arka planı olan bir resim kullanın. |
| En boy oranı | Değişken |
| Görüntü boyutu |
Şablonun tam genişliği ve orantılı yüksekliği.
|
| Logonuzda kullandığınız renk şemasını kullanın. |
Barkod resimleri
Belirli sektörlerde barkodun üstünde ve altında resimlere izin verilir.
Barkodun üzerindeki resimler
Aşağıda, barkodun üzerindeki resimlerle ilgili kullanıcı arayüzü önerileri listelenmiştir:
| Yönerge | Açıklama |
|---|---|
| Tercih edilen dosya türü | PNG |
| Maksimum yükseklik |
20 dp (maksimum en boy oranında) Önerilen boyut, iki resim varsa 80 piksel yüksekliğinde ve 80-780 piksel genişliğindedir. Bu sayede yan yana durabilirler. Resimlerden biri kare, diğeri dikdörtgen ise resimler 80x80 piksel ve 780x80 piksel olmalıdır. |
| En boy oranı |
Kısıtlamasız. Tek bir resmin maksimum 20 dp yüksekliği ve genişliği için 20:1 en-boy oranını kullanın. Barkodun üzerinde yalnızca tek bir resim istiyorsanız tam genişliği kullanın (dolgu hariç). Resim 1.600 x 80 piksel olmalıdır. |
| Maksimum görüntü boyutu (tek resim) | 20 dp yükseklik ve 400 dp genişlik |
Barkodun altındaki resim
Aşağıda, barkodun altındaki resim için kullanıcı arayüzü önerileri listelenmiştir:
| Yönerge | Açıklama |
|---|---|
| Tercih edilen dosya türü | PNG |
| Maksimum yükseklik |
20 dp (maksimum en boy oranında) Önerilen boyut 80 piksel yükseklik ve 80-1.600 piksel genişliktir. Kare ise 80x80 piksel. Dikdörtgen ise 1.600 x 80 piksel. |
| Sınırsız en boy oranı. Maksimum 20 dp yükseklik ve genişlik için 20:1 en boy oranını kullanın. | Tam genişlikte bir resim istiyorsanız (dolgu hariç) resim 1.600 x 80 piksel olmalıdır. |
| Maksimum görüntüleme boyutu 20 dp yükseklik ve 400 dp genişliktir. |
Modüller
Modül, şablonun belirli bir bölümündeki bir grup alanı temsil eder. Aşağıdaki tabloda, kartlarınızın Google Cüzdan uygulamasında doğru şekilde gösterilmesi için sınıflarınıza ve nesnelerinize eklemeniz gereken modül sayısıyla ilgili yönergeler yer almaktadır.
| Yönerge | Açıklama |
|---|---|
imageModulesData
|
Sınıfınızda veya oluşturduğunuz nesnelerde yalnızca bir imageModulesData kullanın.
|
infoModuleData
|
Sınıfınızda veya oluşturduğunuz nesnelerde en fazla iki
Bir |
linksModuleData
|
Sınıfınızda veya oluşturduğunuz nesnelerde toplamda en fazla dört
Sınıfınızda iki |
textModulesData
|
Sınıf ile oluşturduğunuz nesneler arasında en fazla iki
Sınıfınızda program ayrıntılarını tanımlayan bir |
infoModuleData
InfoModuleData, üye ve özelleştirilebilir bilgiler içerir ve genişletilmiş görünümde gösterilir. Bu modülü, son kullanma tarihleri, ikinci puan bakiyeleri veya saklanan değer bakiyeleri gibi bilgileri depolamak için kullanın.
linksModuleData
Bağlantılar modülü, web sayfalarına, telefon numaralarına ve e-posta adreslerine yönelik URI'ler içerir. Aşağıda, bağlantılar modülü için kullanıcı arayüzü önerileri listelenmiştir:
| Yönerge | Örnek ayar | Örnek resim |
|---|---|---|
Bir web sitesine veya Google Haritalar'daki bir konuma URI atarken http: önekini kullanın. Bu önek, tüketicilerin bağlantıya dokunarak web sitesine gitmesine veya konumu Google Haritalar'da görüntülemesine olanak tanır.
Bu önek, kartınızdaki açıklamanın önünde bir bağlantı veya harita simgesinin de görünmesine neden olur.
|
'uri': 'http://maps.google.com/?q=google'
|
|
'uri': 'http://developer.google.com/wallet/'
|
|
|
Telefon numarası tanımlarken tel: önekini kullanın. Bu
ön eki, tüketicilerin numarayı aramak için bağlantıya dokunmasına olanak tanır. Bu önek, karttaki metin açıklamasının önüne telefon simgesi de ekler.
|
'uri': 'tel:6505555555'
|
|
E-posta adresi tanımlarken mailto: önekini kullanın.
Bu önek, tüketicilerin bağlantıya dokunarak adrese e-posta göndermesine olanak tanır. Bu önek, karttaki metin açıklamasının önüne bir e-posta simgesi de ekler.
|
'uri': 'mailto:jonsmith@email.com'
|
|
Başlıklar, etiketler ve adlar
Başlıkları, etiketleri ve adları başlık düzeninde yazın. Böylece her kelime büyük harfle başlar.
İçerik politikaları
Bir karttaki her alanın içeriği, Ödeme İçerik Politikaları'na uymalıdır. Sınıfta referans verdiğiniz web sitelerinin içerikleri de bu politikalara uygun olmalıdır.
İş ortağı platformu verilerinin yerleştirilmesi
Kullanıcıların, Pass ile ilgili özelliklerle dolu uygulamanıza veya web sitenize ulaşabilmesi için uygulamanızın derin bağlantısını ya da web sitenizi Pass'in sınıf veya nesne linksModuleData.* özelliğine eklediğinizden emin olun. Bu sayede kullanıcılar, Google Cüzdan'da görünen karttan platformunuza gidebilir. Nasıl oluşturulduğunu görmek için Kart dikey öğelerinin tasarım bölümlerine gidin.