Marka kuralları

Rusya'daki kullanıcılar için geliştirme yapıyorsanız Google Cüzdan bu ülkelerde kullanılmadığından lütfen "Telefona kaydet" düğmelerini kullanın. Lütfen ilgili öğelere ve yönergelere bakın. Rusya dışındaki kullanıcılar için uygulama geliştiriyorsanız lütfen aşağıdaki öğeleri indirerek Google Cüzdan'a ekle düğmenizi güncelleyin.

Belgenin bu bölümü, Google Cüzdan uygulamasında güzel görünmeleri için resimleri ve diğer kullanıcı arayüzü öğelerini oluşturmanıza yardımcı olmak amacıyla tasarlanmıştır.

Öğeler

Google Cüzdan'a ekle düğmesi

Kullanıcıları, uygulamanızdan veya web sitenizdeki bir kartı ya da kartı cüzdanlarına kaydetmeleri için yönlendirdiğinizde Google Cüzdan'a ekle düğmesi 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 Android cihazlarına ve Google Hesaplarına kartları kaydetmek için talimatları uygulayabilecekleri Google Cüzdan uygulaması yer alır. 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 - PNG

Google Cüzdan'da görüntüle düğmesi

Google Cüzdan'da görüntüle düğmesi, önceden kaydedilmiş bir kartı veya kartı görüntülemek amacıyla kullanıcının cüzdanına derin bağlantı oluşturmak için 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çimindedir.

Öğeleri indirme - SVG Öğeleri indirme - PNG

Sitenizde, uygulamanızda veya e-posta iletişiminizde görüntülenen tüm düğmeler bu sayfada belirtilen marka yönergelerine uygun olmalıdır. Bu kurallara ilişkin örnekler aşağıdakileri içerir, ancak bunlarla sınırlı değildir:

  • Sayfadaki diğer benzer düğmelere veya öğelere göre boyut
  • Düğmelerin şekli ve rengi değiştirilmemelidir
  • Boş alan

Yerelleştirilmiş düğmeler

Cüzdan'ın kullanılabildiği tüm pazarlar için 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üğmeler için kendinize ait bir sürüm oluşturmayın. Düğmenin yerelleştirilmiş sürümü pazarınızda mevcut değilse düğmenin İngilizce sürümünü kullanın.

Yerelleştirilmiş ad

Kullanıcılar açısından anlaşılır olması için Google Cüzdan ürün adı belirli pazarlarda yerelleştirilir. Bu ülkelerdeki kullanıcılar için geliştirme yapıyorsanız web, e-posta ve yazdırma için her zaman aşağıdaki yerelleştirilmiş adı kullanın. "Google Cüzdan" için 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 Google Bilet
Çekya Google
Yunanistan Google
Hong Kong Google 錢包
Litvanya Google Piniginmeasure
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 Garantili
Amerika Birleşik Devletleri (İspanyolca)
*Kullanıcı arayüzünüz İspanyolca ise bu adı ABD'de kullanın
Google Bilet

Boyut

Google Cüzdan'a ekle düğmesinin yüksekliğini ve genişliğini düzeninize uyacak şekilde ayarlayın. Sayfada başka düğmeler varsa Google Cüzdan'a ekle düğmesinin boyutu eşit veya daha büyük olmalıdır. Google Cüzdan'a ekle düğmesini diğer düğmelerden daha küçük yapmayın.

Stil

Google Cüzdan'a ekle düğmeleri iki varyasyon olarak kullanılabilir: birincil ve sıkıştırılmış. Google Cüzdan'a ekle düğmesi yalnızca siyah renktedir. Düğmenin yerelleştirilmiş sürümleri sağlanır. Kendi yerelleştirilmiş metinlerinizle düğmeler oluşturmayın.

Birincil Dar
Birincil Google Cüzdan'a ekle düğmesi Google Cüzdan'a sıkıştırılmış olarak ekle düğmesi
Beyaz ve açık arka planlarda birincil düğmeyi kullanın. Birincil veya tam genişlik için yeterli alan yoksa sıkıştırılmış düğmeyi kullanın.

Boş alan

Google Cüzdan'a ekle düğmesinin tüm kenarlarında her zaman minimum 8 dp boş alan bırakın. Boş alanın asla grafik veya metinlerle bozulmadığından emin olun.

Google Cüzdan'a ekle düğmelerinin tüm kenarlarında 8 dp alan olmalıdır.

Minimum yükseklik

Tüm Google Cüzdan'a ekle düğmelerinin yüksekliği en az 48 dp olmalıdır.

Google Cüzdan'a ekle düğmelerinin yüksekliği en az 48 dp olmalıdır.

Yapılması ve yapılmaması gerekenler

Yapılması gerekenler Yapılmaması gerekenler
Yapılması gerekenler: Yalnızca Google tarafından sağlanan Google Cüzdan'a ekle düğmelerini kullanın. Yapılmaması gerekenler: Kendi Google Cüzdan'a ekle düğmelerinizi oluşturun veya düğmenin yazı tipini, rengini, düğme yarıçapını ya da düğmenin içindeki dolguyu herhangi bir şekilde değiştirin.
Yapılması gerekenler: Siteniz genelinde aynı düğme stilini kullanın. Yapılmaması gerekenler: Google Cüzdan'a ekle düğmelerini diğer düğmelerden küçük olacak şekilde küçültün.
Yapılması gerekenler: Google Cüzdan'a ekle düğmelerinin boyutunun, diğer düğmelere eşit veya onlardan büyük olduğundan emin olun. Yapılmaması gerekenler: Düğme rengini değiştirmeyin.
Yapılması gerekenler: Google Cüzdan'a ekle düğmelerini yeniden boyutlandırırken düğme oranını aynı tutun. Yapılmaması gerekenler: Düğmeyi serbest ölçeklendirin.
Yapılması gerekenler: Düğmelerin sağlanan yerelleştirilmiş sürümünü kullanın. Yapılmaması gerekenler: Düğmenin kendi yerelleştirilmiş sürümünüzü oluşturmayın.

Düğme yerleşimi için en iyi uygulamalar

Onay uygulaması ekranlarında, web sayfalarında veya e-postalarında Google Cüzdan'a ekle düğmesini görüntüleyin. Kullanıcı arayüzü tasarımınızda yol göstermesi için aşağıdaki en iyi uygulamaları inceleyin.

Bağlılık, Hediye kartları, Teklifler

Onay ekranlarında Google Cüzdan'a ekle düğmesini görüntüleyin. Düğmeyi web sitenizde veya uygulamanızda da gösterebilir ya da alakalı e-postalara ekleyebilirsiniz.

Hediye kartı     Kahve bağlılık kartı

Google Cüzdan ürün adının metinde kullanımı

Kullanıcıya, teklifinin cihazına kaydedildiğini belirtmek için metin kullanabilirsiniz.

"G" ve "W" harflerini büyük harf yap

Google Cüzdan'ı belirtmek için her zaman büyük harf "G", büyük harf "W" ve ardından küçük harf kullanın. "Google Cüzdan" tam adını büyük harfle yazmayın (kullanıcı arayüzünüzün tipografik stiliyle eşleşmiyorsa).

Google Cüzdan'ı kısaltmayın

Her zaman "Google" ve "Cüzdan" kelimelerini yazın.

Kullanıcı arayüzünüzün stiline uygun hale getirin

"Google Cüzdan"ı, kullanıcı arayüzündeki metnin geri kalanıyla aynı yazı tipi ve tipografik stile 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ş kopyaya 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 uygulamalar 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 öğesini kullanın. Aşağıdaki tabloda, bu ayarların Google Cüzdan'a ekle düğmesini nasıl etkilediği gösterilmektedir.

Hero resimler

class.heroImage alanı, kartın gövdesinde tam genişlikte bir banner olarak görünür.

Hero resim kuralları

Aşağıda hero resimler için kullanıcı arayüzü önerilerinin bir listesi verilmiştir:

Kural Açıklama
Tercih edilen dosya türü PNG
Önerilen boyut

1032x336 piksel

Geniş, dikdörtgen resimler kullanın.

En iyi sonuçları elde etmek için arka planı renkli 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ükseklik.

Ekran boyutu 3'e 1 en boy oranı veya daha geniş bir oran kullanmalıdır.

Tam genişlikte resimler

Bir sınıftaki veya nesnedeki *.imageModulesData.mainImage alanı, geçişte tam genişlikte bir resim olarak görünür.

Tam genişlikte resim kuralları

Aşağıda, tam genişlikteki görüntüler için kullanıcı arayüzü önerilerinin bir listesi bulunmaktadır:

Kural Açıklama
Tercih edilen dosya türü PNG
Minimum boyut

1.860 piksel genişlik, değişken yükseklik.

Geniş, dikdörtgen resimler kullanın.

En iyi sonuçları elde etmek için arka planı renkli bir resim kullanın.

En boy oranı Değişken
Görüntü boyutu

Şablonun tam genişliği ve orantılı yükseklik.

Ekran boyutu 3'e 1 en boy oranı veya daha geniş bir oran kullanmalıdır.
Logonuz için kullandığınız renk şemasını kullanın.

Barkod resimleri

Bazı sektörlerde barkodun üstündeki ve altındaki resimlere izin verilir.

Barkodun üzerindeki resimler

Aşağıda, barkodun üzerindeki resimler için kullanıcı arayüzü önerilerinin bir listesi bulunmaktadır:

Kural Açıklama
Tercih edilen dosya türü PNG
Maksimum yükseklik

20 dp (maksimum en boy oranında)

Önerilen boyut 80 piksel yüksekliğinde ve iki resim varsa 80-780 piksel genişliğindedir. Bu sayede ekip yan yana durabilir.

Resimlerden biri kare, diğeri dikdörtgense resimler 80x80 piksel ve 780x80 piksel olmalıdır.

En boy oranı

Sınırlandırılmamış. Tek bir resmin maksimum 20 dp yükseklik ve genişliği için 20:1 en boy oranı kullanın.

Barkodun üzerinde yalnızca tek bir resim istiyorsanız tam genişliği alın (dolguyu hariç tutun). Resim 1600x80 piksel olmalıdır.

Maksimum görüntülü reklam boyutu (tek resim) 20 dp yükseklik ve 400 dp genişlik

Barkodun altındaki resim

Barkodun altındaki resim için kullanıcı arayüzü önerilerinin listesi aşağıda verilmiştir:

Kural Açıklama
Tercih edilen dosya türü PNG
Maksimum yükseklik

20 dp (maksimum en boy oranında)

Önerilen boyut, 80 piksel yüksekliğinde ve 80-1600 piksel genişliğindedir.

Kareyse, 80x80 piksel.

Dikdörtgense 1600x80 piksel.

Sınırlandırılmamış en boy oranı. Maksimum 20 dp yükseklik ve genişlik için 20:1 en boy oranı kullanın. Tam genişlikte bir resim (dolgu hariç) istiyorsanız resim 1600x80 piksel olmalıdır.
Maksimum görüntü boyutu 20 dp yükseklik ve 400 dp genişliğindedir.  

Modüller

Modüller, bir şablonun belirli bir bölümündeki alanlar grubunu temsil eder. Aşağıdaki tabloda, kartlarınızın Google Cüzdan uygulamasında doğru şekilde görüntülenmesini sağlamak için sınıflarınıza ve nesnelerinize eklemeniz gereken modül sayısıyla ilgili yönergeler verilmiştir.

Kural 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 infoModuleData kullanın.

Bir infoModuleData, "Üye Adı" ve "Üyelik Numarası" gibi kullanıcı hesabına özel bilgileri tanımlayabilir.

linksModuleData

Sınıfınızda veya oluşturduğunuz nesnelerde toplam dört adede kadar linksModuleData URI'si kullanın.

Sınıfınızda, biri web sitenizin URI'sına, diğeri de yardım merkezinize ait telefon numarasına yönelik olmak üzere iki linksModuleData URI'nız olabilir. Nesnenizdeki iki linksModuleData URI'si, kullanıcı hesabına özel bir URI ve yakındaki konumları tanımlayabilir.

textModulesData

Oluşturduğunuz sınıf ile nesneler arasında en fazla iki textModulesData alanı kullanın.

Sınıfınızda program ayrıntılarını tanımlayan bir textModuleData URI'nız ve kullanıcı hesabına özel ayrıntıları tanımlayan nesnede başka bir textModulesData olabilir.

infoModuleData

InfoModuleData, üye bilgileri ve özelleştirilebilir bilgiler içerir ve genişletilmiş görünümde görünür. Geçerlilik tarihleri, ikinci puan bakiyeleri veya saklanan değer bakiyeleri gibi bilgileri depolamak için bu modülü kullanın.

linksModuleData

Bağlantılar modülü, web sayfalarına, telefon numaralarına ve e-posta adreslerine giden URI'leri içerir. Bağlantılar modülü için kullanıcı arayüzü önerilerinin listesini aşağıda bulabilirsiniz:

Kural Örnek ayar Örnek resim
Google Haritalar'da bir web sitesine veya konuma URI atarken http: önekini kullanın. Bu ön ek, tüketicinin bağlantıya dokunarak web sitesine gitmesine veya konumu Google Haritalar'da görüntülemesine olanak tanır. Bu ön ek, kartınızdaki açıklamanın önünde bir bağlantı veya harita simgesinin görünmesini de sağlar. 'uri': 'http://maps.google.com/?q=google' Harita konumu için bir raptiye göstergesi.
'uri': 'http://developer.google.com/wallet/' Bir web sitesi için yerküre göstergesi.
Bir telefon numarası tanımlarken tel: önekini kullanın. Bu ön ek, tüketicinin numarayı aramak için bağlantıya dokunmasına olanak tanır. Bu önek, karttaki metin açıklamasının önünde bir telefon simgesi de oluşturur. 'uri': 'tel:6505555555' Telefon bağlantısı için bir telefon göstergesi.
Bir e-posta adresi tanımlarken mailto: önekini kullanın. Bu ön ek, tüketicinin bağlantıya dokunarak adrese e-posta göndermesini sağlar. Bu önek, karttaki metin açıklamasının önünde bir e-posta simgesi de oluşturur. 'uri': 'mailto:jonsmith@email.com' E-posta gönderme bağlantısının posta göstergesi.

Başlıklar, etiketler ve adlar

Başlıklar, etiketler ve adları yalnızca ilk harfler büyük olacak şekilde yazın. Böylece her kelime büyük harfle başlar.

İçerik politikaları

Karttaki her alanın içeriği, Ödeme içerik politikalarına uygun olmalıdır. Sınıfta atıfta bulunduğunuz web sitelerinin içeriği de bu politikalara uygun olmalıdır.

İş ortağı platformu veri yerleşimi

Kullanıcıların, Kart hakkında zengin özelliklere sahip uygulamanıza veya web sitenize ulaşabildiğinden emin olmak için uygulama derin bağlantınızı veya web sitenizi Pass'in sınıf ya da nesne linksModuleData.* mülküne eklediğinizden emin olun. Bu sayede kullanıcılar Google Cüzdan'da görünen Kart'tan platformunuza gidebilir. Nasıl oluşturulduğunu görmek için Kart sektörlerinin tasarım bölümlerine gidin.