Marka kuralları

Rusya'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 ilgili öğelere ve yönergelere bakın. Rusya 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.

Dokümanların bu bölümü, Google Cüzdan uygulamasında mükemmel görünmeleri için resimler ve diğer kullanıcı arayüzü öğelerini oluşturmanıza yardımcı olmak üzere tasarlanmıştır.

Öğeler

Google Cüzdan'a ekle düğmesi

Google Cüzdan'a ekle düğmesi, kullanıcıları uygulamanızdan veya web sitenizden cüzdanlarına kaydettikleri bir kart veya kart kaydetmeleri için yönlendirdiğinizde kullanılır. Google Cüzdan'a ekle düğmesi Google Cüzdan API'si akışlarından birini çağırmalıdır. Bu akışlarda, kullanıcıların kartları Android cihazlarına ve Google Hesaplarına kaydetme talimatlarını uygulayabilecekleri 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 - PNG

Google 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 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 indir - SVG Öğeleri indir - PNG

Sitenizde, uygulamanızda veya e-posta iletişiminizde görüntülenen tüm düğmeler, bu sayfada ana hatlarıyla açıklanan marka yönergelerine uygun olmalıdır. Bu yönergelerin örnekleri 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

Yerelleştirilmiş Google Cüzdan düğmeleri, Cüzdan'ın kullanılabildiği tüm pazarlarda sağlanmıştı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 kullanıma sunulmamışsa düğmenin İngilizce sürümünü kullanın.

Yerelleştirilmiş ad

Kullanıcı açısından anlaşılır olması için, Google Cüzdan ürün adı belirli pazarlarda yerelleştirildi. 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 İngilizce olarak "Google Cüzdan"ı kullanın.

Ülke Ad
Belarus Google Кошелек
Brezilya Carteira do Google
Şili Biletera de Google
Çekya Peněženka Google
Yunanistan Google
Hong Kong Google 錢包
Litvanya Google PiniginEXAMPLE
Polonya Portfel Google
Portekiz Carteira da Google
Romanya Portofel Google
Slovakya 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 bu adı ABD'de kullanın
Biletera de Google

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üğmelerinin iki çeşidi vardır: 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ş metninizle düğmeler oluşturmayın.

Birincil Dar
Birincil Google Cüzdan'a Ekle düğmesi Daraltılmış Google Cüzdan'a Ekle düğmesi
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 tüm kenarlarında her zaman en az 8 dp boş alanı bırakın. Boş alanın grafik veya metinlerle asla bölünmediğinden 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şturmayın veya yazı tipini, rengi, düğme yarıçapını ya da düğmenin içindeki dolguyu hiçbir şekilde değiştirmeyin.
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 daha küçük yapın.
Yapılması gerekenler: Google Cüzdan'a ekle düğmelerinin boyutunun diğer düğmelerle aynı 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ümlerini kullanın. Yapılmaması gerekenler: Düğmenin kendi yerelleştirilmiş sürümünü 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 size yol göstermesi için aşağıdaki en iyi uygulamalara başvurun.

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

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

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

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

Kullanıcıya hediye kartının cihazına kaydedildiğini belirtmek için bir metin kullanabilirsiniz.

"G" ve "W" harflerinin büyük harf kullanımı

Google Cüzdan'ı belirtmek için her zaman büyük harfle "G" ve büyük "W" harfi ve ardından küçük harf kullanın. Kullanıcı arayüzünüzdeki yazı tipi stiliyle eşleşmediği sürece "Google Cüzdan" adının tamamını büyük harfle yazmayın.

Google Cüzdan'ı kısaltmayın

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

Kullanıcı arayüzünüzdeki stille eşleştirin

"Google Cüzdan"ı kullanıcı arayüzünüzde metnin geri kalanıyla aynı yazı tipi ve tipografik stiline ayarlayın. Google'ın tipografik tarzını taklit etmeyin.

Her zaman "Google Cüzdan"ın yerelleştirilmiş sürümünü kullan

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ü gereksinimlerinin olduğu durumlar için metin ve düğme boyutlarını önemli ölçüde artırmak amacıyla 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övdesi boyunca 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 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: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 sunulan 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 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: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 listesini bulabilirsiniz:

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üksekliğinde ve iki resim varsa 80-780 piksel genişliğindedir. Bu sayede ekip yan yana olabilir.

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üksekliği 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 (dolgu hariç). Resim 1.600x80 piksel olmalıdır.

Maksimum görüntü boyutu (tek resim) 20 dp yükseklik ve 400 dp genişliği

Barkodun altındaki resim

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

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üksekliğinde ve 80-1600 pikseldir.

Kare ise 80x80 piksel.

Dikdörtgen ise 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 1.600x80 piksel olmalıdır.
Maksimum ekran boyutu 20 dp yükseklik ve 400 dp genişliğindedir.  

Modüller

Modül, bir şablonun belirli bir bölümündeki alan grubunu temsil eder. Aşağıdaki tabloda, kartlarınızın Google Cüzdan uygulamasında doğru bir şekilde görüntülendiğinden emin olmak için sınıflarınıza ve nesnelerinize eklemeniz gereken modül sayısıyla ilgili yönergeler yer almaktadır.

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.

infoModuleData öğesi, "Ü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 en fazla dört linksModuleData URI kullanın.

Sınıfınızda, biri web sitenizin URI'sına, diğeri 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'yi ve yakındaki konumları tanımlayabilir.

textModulesData

Sınıf ve oluşturduğunuz 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'niz ve nesnede kullanıcı hesabına özel ayrıntıları tanımlayan başka bir textModulesData olabilir.

infoModuleData

InfoModuleData, üye ve özelleştirilebilir bilgiler içerir ve genişletilmiş görünümde gösterilir. Geçerlilik bitiş tarihleri, ikinci puan bakiyeleri veya depolanan 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'ler içerir. Bağlantılar modülü için kullanıcı arayüzü önerilerinin listesini aşağıda bulabilirsiniz:

Yönerge Örnek ayar Örnek resim
Google Haritalar'da bir web sitesine veya konuma URI atarken http: önekini kullanın. Bu ön ek, tüketicilerin bağlantıya dokunarak web sitesine gitmelerine veya Google Haritalar'da konumu görüntülemelerine 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ını sağlar. 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üketicilerin bağlantıya dokunarak adrese e-posta göndermesini sağlar. Bu ön ek, karttaki metin açıklamasının önünde bir e-posta simgesi de oluşturur. 'uri': 'mailto:jonsmith@email.com' E-posta göndermek için kullanılacak bir bağlantı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, her kelime büyük harfle başlayacak şekilde yazın.

İçerik politikaları

Kartlardaki 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 konusunda zengin özelliklere sahip uygulamanıza veya web sitenize ulaşabildiğinden emin olmak için uygulamanızın derin bağlantısını veya web sitenizi Pass'in sınıfına veya nesne linksModuleData.* mülküne eklediğinizden emin olun. Bu sayede kullanıcılar Google Cüzdan'da görünen Pass'ten platformunuza gidebilir. Nasıl oluşturulduğunu görmek için Geçiş sektörlerinin tasarım bölümlerine gidin.