ब्रैंड के दिशा-निर्देश

अगर गेम को रूस के उपयोगकर्ताओं के लिए डेवलप किया जा रहा है, तो कृपया “फ़ोन में सेव करें” बटन का इस्तेमाल करें, क्योंकि Google Wallet इन देशों में उपलब्ध नहीं है. कृपया काम की एसेट और दिशा-निर्देश देखें. अगर डेवलपर रूस से बाहर के उपयोगकर्ताओं के लिए ऐप्लिकेशन डेवलप कर रहे हैं, तो कृपया नीचे दिए गए एसेट डाउनलोड करके, अपना Google Wallet में जोड़ें बटन अपडेट करें.

दस्तावेज़ का यह सेक्शन, इमेज और यूज़र इंटरफ़ेस के अन्य एलिमेंट बनाने में आपकी मदद करने के लिए डिज़ाइन किया गया है, ताकि वे Google Wallet ऐप्लिकेशन में अच्छे दिखें.

एसेट

Google Wallet बटन में जोड़ें

Google Wallet में जोड़ें बटन का इस्तेमाल तब किया जाता है, जब उपयोगकर्ताओं को अपने ऐप्लिकेशन या वेबसाइट से उनके वॉलेट में पास या कार्ड की जानकारी सेव करने के लिए कहा जाता है. Google Wallet में जोड़ें बटन की मदद से, Google Wallet API के किसी एक फ़्लो को कॉल किया जाना चाहिए. ये फ़्लो, Google Wallet ऐप्लिकेशन पर दिखते हैं. इससे, उपयोगकर्ता अपने Android डिवाइस और Google खाते में पास की जानकारी सेव करने के लिए निर्देशों का पालन कर सकते हैं. इस बटन का इस्तेमाल ऐप्लिकेशन, वेबसाइटों या ईमेल में किया जा सकता है.

Google Wallet में जोड़ें बटन, Android XML, SVG, और PNG फ़ॉर्मैट में उपलब्ध हैं.

एसेट डाउनलोड करें - Android एक्सएमएल एसेट डाउनलोड करें - SVG एसेट डाउनलोड करें - PNG

Google Wallet में देखें बटन

Google Wallet में देखें बटन का इस्तेमाल, उपयोगकर्ता को वॉलेट से डीप लिंक करने के लिए किया जाता है. इससे वह पहले से सेव किया गया पास या कार्ड देख सकता है. इस बटन का इस्तेमाल ऐप्लिकेशन, वेबसाइटों या ईमेल में किया जा सकता है.

Google Wallet में देखें बटन, SVG और PNG फ़ॉर्मैट में उपलब्ध हैं.

एसेट डाउनलोड करें - SVG एसेट डाउनलोड करें - PNG

आपकी साइट, ऐप्लिकेशन या ईमेल पर दिखने वाले सभी बटन, इस पेज पर दिए गए ब्रैंड से जुड़े दिशा-निर्देशों के मुताबिक होने चाहिए. इन दिशा-निर्देशों के उदाहरणों में इनके अलावा, और भी चीज़ें शामिल हो सकती हैं:

  • पेज पर मौजूद मिलते-जुलते दूसरे बटन या एलिमेंट के हिसाब से साइज़
  • बटन के आकार और रंग में बदलाव नहीं किया जाना चाहिए
  • खाली जगह

स्थानीय जगह के अनुसार बटन

जहां Wallet उपलब्ध है उन सभी देशों के लिए, जगह के हिसाब से Google Wallet के बटन उपलब्ध हैं. अगर आपको इन देशों के उपयोगकर्ताओं के लिए सुविधाएं बनानी हैं, तो हमेशा ऊपर लिंक किए गए बटन इस्तेमाल करें. बटनों का अपना खुद का वर्शन न बनाएं. अगर आपके देश में बटन का स्थानीय भाषा में उपलब्ध वर्शन उपलब्ध नहीं है, तो बटन के अंग्रेज़ी वर्शन का इस्तेमाल करें.

Google Wallet में जोड़ें बटन, अल्बेनियन, ऐरेबिक, आर्मेनियन, अज़रबैजान, बोस्नियन, बुल्गेरियन, कैटलैन, चाइनीज़ (हॉन्ग कॉन्ग), चाइनीज़ (ट्रेडिशनल), क्रोएशियाई, चेक, डेनिश, डच, अंग्रेज़ी (भारत, सिंगापुर, दक्षिण अफ़्रीका, ऑस्ट्रेलिया, कनाडा, ग्रेट ब्रिटेन, ऐरेबिक, लिथुआनियाई मैसेडोनियन, पॉर्चुगीज़, स्पैनिश, और स्पेनी

स्थानीय जगह के अनुसार नाम

उपयोगकर्ता को साफ़ तौर पर जानकारी देने के लिए, Google Wallet प्रॉडक्ट का नाम चुनिंदा बाज़ारों में उपलब्ध है. अगर आपको इन देशों के उपयोगकर्ताओं के लिए ऐप्लिकेशन डेवलप करना है, तो वेब, ईमेल, और प्रिंट के लिए, हमेशा नीचे दिए गए स्थानीय नाम का इस्तेमाल करें. “Google Wallet” का अपना स्थानीय वर्शन न बनाएं. अगर आपके देश का नाम नीचे दी गई सूची में नहीं है, तो “Google Wallet” का अंग्रेज़ी में इस्तेमाल करें.

देश नाम
बेलारूस Google कोशिश
ब्राज़ील कार्टीरा डो Google
चिली बिलेटेरा डे Google
चेकिया पेनेज़ेंका Google
ग्रीस Google कोहाना
हॉन्ग कॉन्ग Google 錢包
लिथुआनिया Google पिनिगने
पोलैंड पोर्टफ़ेल Google
पुर्तगाल कार्टीरा डा Google
रोमानिया पोर्टोफ़ेल Google
स्लोवाकिया पेनाज़ेंका Google
ताइवान Google 錢包
तुर्किये Google कुज़्डान
संयुक्त अरब अमीरात Google के محفظ
यूक्रेन Google GAIA
अमेरिका (स्पैनिश)
*अगर आपका यूज़र इंटरफ़ेस (यूआई) स्पैनिश में है, तो अमेरिका में इस नाम का इस्तेमाल करें
बिलेटेरा डे Google

साइज़

अपने लेआउट में फ़िट करने के लिए Google Wallet में जोड़ें बटन की ऊंचाई और चौड़ाई में बदलाव करें. अगर पेज पर अन्य बटन मौजूद हैं, तो Google Wallet में जोड़ें बटन का साइज़ बराबर या उससे बड़ा होना चाहिए. Google Wallet में जोड़ें बटन को अन्य बटन के मुकाबले छोटा न करें.

स्टाइल

Google Wallet में जोड़ें बटन दो तरह से उपलब्ध होते हैं: प्राइमरी और कंडेंस्ड. Google Wallet में जोड़ें बटन सिर्फ़ काले रंग में दिखता है. बटन के, स्थानीय भाषा के हिसाब से बनाए गए वर्शन दिए जाते हैं. स्थानीय भाषा में लिखे गए टेक्स्ट के साथ बटन न बनाएं.

प्राइमरी संघनित
Google Wallet में मुख्य जोड़ें बटन Google Wallet में छोटा किया गया 'जोड़ें' बटन
सफ़ेद और हल्के रंग के बैकग्राउंड पर, मुख्य बटन का इस्तेमाल करें. अगर मुख्य या पूरी चौड़ाई के लिए ज़रूरी जगह नहीं है, तो छोटे किए गए बटन का इस्तेमाल करें.

खाली जगह

Google Wallet में जोड़ें बटन के दोनों तरफ़ हमेशा कम से कम 8 dp की खाली जगह रखें. यह पक्का करें कि खाली जगह कभी भी ग्राफ़िक या टेक्स्ट से भरी न हो.

'Google Wallet में जोड़ें' बटन के दोनों तरफ़ 8 dp की जगह होनी चाहिए.

कम से कम ऊंचाई

सभी Google Wallet में जोड़ें बटन की ऊंचाई कम से कम 48 dp होनी चाहिए.

'Google Wallet में जोड़ें' बटन की ऊंचाई कम से कम 48 dp होनी चाहिए.

क्या करें और क्या न करें

क्या करें ये काम न करें
ऐसा करें: सिर्फ़ Google से मिले Google Wallet में जोड़ें बटन का इस्तेमाल करें. यह न करें: खुद के Google Wallet में जोड़ें बटन बनाएं या बटन के फ़ॉन्ट, रंग, बटन की रेडियस या पैडिंग (जगह) में किसी भी तरह से बदलाव करें.
ऐसा करें: अपनी पूरी साइट पर बटन की एक ही स्टाइल का इस्तेमाल करें. ऐसा न करें: दूसरे बटन के मुकाबले Google Wallet में जोड़ें बटन को छोटा करें.
ऐसा करें: पक्का करें कि Google Wallet में जोड़ें बटन का साइज़, अन्य बटन के बराबर या उनसे बड़ा हो. यह न करें: बटन के रंग में बदलाव करें.
ऐसा करें: Google Wallet में जोड़ें बटन का साइज़ बदलते समय, बटन के अनुपात में कोई बदलाव न करें. ऐसा न करें: बटन को फ़्री-स्केल करें.
ऐसा करें: बटन के दिए गए, स्थानीय भाषा वाले वर्शन का इस्तेमाल करें. यह न करें: बटन का अपना स्थानीय भाषा वाला वर्शन बनाएं.

बटन प्लेसमेंट के सबसे सही तरीके

पुष्टि करने वाले ऐप्लिकेशन की स्क्रीन, वेब पेजों या ईमेल पर Google Wallet में जोड़ें बटन दिखाएं. अपना यूज़र इंटरफ़ेस (यूआई) डिज़ाइन करने के लिए, नीचे दिए गए सबसे सही तरीके देखें.

सार्वजनिक परिवहन से यात्रा के पास

पुष्टि करने वाले ऐप्लिकेशन की स्क्रीन, वेब पेजों या ईमेल पर Google Wallet में जोड़ें बटन दिखाएं. हमारा सुझाव है कि आप Google Wallet में जोड़ें बटन को वहां रखें जहां उपयोगकर्ता आपके ऐप्लिकेशन या वेबसाइट में, अपने बस, मेट्रो वगैरह के पास ऐक्सेस कर सकते हैं.

टेक्स्ट में Google Wallet प्रॉडक्ट के नाम का इस्तेमाल

टेक्स्ट का इस्तेमाल करके, उपयोगकर्ता को यह बताया जा सकता है कि सार्वजनिक परिवहन से यात्रा का पास उनके डिवाइस में सेव है.

"G" और "W" को कैपिटल लेटर में रखें

Google Wallet को रेफ़र करने के लिए, हमेशा अंग्रेज़ी के बड़े अक्षरों "G" और "W" के छोटे अक्षरों का इस्तेमाल करें. पूरे नाम "Google Wallet" को तब तक कैपिटल न करें, जब तक कि वह आपके यूज़र इंटरफ़ेस (यूआई) में टाइपोग्राफ़िक स्टाइल से मेल न खाता हो.

Google वॉलेट को संक्षिप्त न करें

हमेशा "Google" और "वॉलेट" शब्द लिखें.

अपने यूज़र इंटरफ़ेस की स्टाइल मैच करें

"Google Wallet" को उसी फ़ॉन्ट और टाइपोग्राफ़िक स्टाइल में सेट करें जैसा आपके यूज़र इंटरफ़ेस (यूआई) के बाकी टेक्स्ट में किया गया है. Google की टाइपोग्राफ़िक शैली की नकल न करें.

हमेशा "Google Wallet" के स्थानीय भाषा वाले वर्शन का इस्तेमाल करें

हमेशा उपलब्ध कराई गई स्थानीय कॉपी में "Google Wallet" लिखें.

डिज़ाइन

Google Wallet में जोड़ें बटन की ऊंचाई और चौड़ाई में बदलाव करने के लिए, g:savetoandroidpay एचटीएमएल टैग के height और size फ़ील्ड का इस्तेमाल करें. मोबाइल पर लागू करने या खास यूज़र इंटरफ़ेस (यूआई) की ज़रूरतों वाले मामलों में, टेक्स्ट और बटन के साइज़ को बहुत ज़्यादा बढ़ाने के लिए, textsize=large स्पेसिफ़िकेशन का इस्तेमाल करें.

बटन का रंग सेट करने के लिए, theme का इस्तेमाल करें. नीचे दी गई टेबल में बताया गया है कि इन सेटिंग का Google Wallet में जोड़ें बटन पर क्या असर पड़ता है.

हीरो इमेज

class.heroImage फ़ील्ड, कार्ड के पूरे हिस्से में पूरी चौड़ाई वाले बैनर के तौर पर दिखता है.

हीरो इमेज के लिए दिशा-निर्देश

हीरो इमेज के लिए, यूज़र इंटरफ़ेस के सुझावों की सूची नीचे दी गई है:

दिशा-निर्देश जानकारी
पसंदीदा फ़ाइल टाइप PNG
सुझाया गया साइज़

1032x336 पिक्सल

चौड़ी और आयताकार इमेज का इस्तेमाल करें.

सबसे अच्छे नतीजों के लिए, रंगीन बैकग्राउंड वाली इमेज का इस्तेमाल करें.

आसपेक्ट रेशियो (लंबाई-चौड़ाई का अनुपात) 3:1 या उससे ज़्यादा
डिसप्ले साइज़

कार्ड की पूरी चौड़ाई और आनुपातिक ऊंचाई.

डिसप्ले साइज़, तीन से एक या इससे ज़्यादा आसपेक्ट रेशियो (लंबाई-चौड़ाई का अनुपात) में होना चाहिए.

पूरी चौड़ाई वाली इमेज

किसी क्लास या ऑब्जेक्ट में *.imageModulesData.mainImage फ़ील्ड, पास में पूरी चौड़ाई वाली इमेज के तौर पर दिखता है.

पूरी चौड़ाई वाली इमेज के लिए दिशा-निर्देश

पूरी चौड़ाई वाली इमेज के लिए, यूज़र इंटरफ़ेस के सुझावों की सूची नीचे दी गई है:

दिशा-निर्देश जानकारी
पसंदीदा फ़ाइल टाइप PNG
फ़ाइल का कम से कम साइज़

1860 पिक्सल चौड़ी, अलग-अलग ऊंचाई.

चौड़ी और आयताकार इमेज का इस्तेमाल करें.

सबसे अच्छे नतीजों के लिए, रंगीन बैकग्राउंड वाली इमेज का इस्तेमाल करें.

आसपेक्ट रेशियो (लंबाई-चौड़ाई का अनुपात) वैरिएबल
डिसप्ले साइज़

टेंप्लेट की पूरी चौड़ाई और आनुपातिक ऊंचाई.

डिसप्ले साइज़, तीन से एक या इससे ज़्यादा आसपेक्ट रेशियो (लंबाई-चौड़ाई का अनुपात) में होना चाहिए.
उसी कलर स्कीम का इस्तेमाल करें जिसका इस्तेमाल आपने लोगो के लिए किया है.

बारकोड इमेज

कुछ वर्टिकल में, बारकोड के ऊपर और नीचे की इमेज अपलोड की जा सकती हैं.

बारकोड के ऊपर मौजूद इमेज

बारकोड के ऊपर मौजूद इमेज के लिए, यूज़र इंटरफ़ेस के सुझावों की सूची नीचे दी गई है:

दिशा-निर्देश ब्यौरा
पसंदीदा फ़ाइल टाइप PNG
ज़्यादा से ज़्यादा ऊंचाई

20 डीपी (ज़्यादा से ज़्यादा आसपेक्ट रेशियो (लंबाई-चौड़ाई का अनुपात) पर)

अगर दो इमेज मौजूद हैं, तो 80 पिक्सल लंबा और 80-780 पिक्सल चौड़ा साइज़ सुझाया गया है. इससे वे अगल-बगल में रहते हैं.

अगर एक इमेज स्क्वेयर और दूसरी रेक्टैंगल है, तो इमेज 80x80 पिक्सल और 780x80 पिक्सल की होनी चाहिए.

आसपेक्ट रेशियो (लंबाई-चौड़ाई का अनुपात)

कोई पाबंदी नहीं. किसी इमेज की ज़्यादा से ज़्यादा 20 डीपी की ऊंचाई और चौड़ाई के लिए, आसपेक्ट रेशियो (लंबाई-चौड़ाई का अनुपात) 20:1 का इस्तेमाल करें.

अगर आपको बारकोड के ऊपर सिर्फ़ एक इमेज चाहिए, तो पूरी चौड़ाई का इस्तेमाल करें (पैडिंग हटाएं). इमेज का साइज़ 1600x80 पिक्सल होना चाहिए.

डिसप्ले का ज़्यादा से ज़्यादा साइज़ (एक इमेज) 20 डीपी ज़्यादा और 400 डीपी वाइड

बारकोड के नीचे की इमेज

बारकोड के नीचे दी गई इमेज के लिए, यूज़र इंटरफ़ेस के सुझावों की सूची यहां दी गई है:

दिशा-निर्देश ब्यौरा
पसंदीदा फ़ाइल टाइप PNG
ज़्यादा से ज़्यादा ऊंचाई

20 डीपी (ज़्यादा से ज़्यादा आसपेक्ट रेशियो (लंबाई-चौड़ाई का अनुपात) पर)

सुझाया गया साइज़ 80 पिक्सल, लंबा और 80-1600 पिक्सल चौड़ा है.

अगर स्क्वेयर हो, तो 80x80 पिक्सल.

अगर आयताकार हो, 1600x80 पिक्सल.

आसपेक्ट रेशियो (लंबाई-चौड़ाई का अनुपात) अब तय नहीं है. ज़्यादा से ज़्यादा 20 dp की ऊंचाई और चौड़ाई के लिए, 20:1 आसपेक्ट रेशियो (लंबाई-चौड़ाई का अनुपात) का इस्तेमाल करें. अगर आपको पूरी चौड़ाई वाली इमेज चाहिए (पैडिंग को छोड़कर), तो इमेज 1600x80 पिक्सल की होनी चाहिए.
डिसप्ले का साइज़ ज़्यादा से ज़्यादा 20 डीपी ज़्यादा और 400 डीपी चौड़ा होता है.  

मॉड्यूल

मॉड्यूल, टेंप्लेट के किसी सेक्शन में फ़ील्ड के ग्रुप को दिखाता है. नीचे दी गई टेबल में उन मॉड्यूल की संख्या से जुड़े दिशा-निर्देश दिए गए हैं जिन्हें आपको अपनी क्लास और ऑब्जेक्ट में शामिल करना होगा. इससे यह पक्का किया जा सकेगा कि Google Wallet ऐप्लिकेशन में आपके कार्ड सही तरीके से दिखें.

दिशा-निर्देश जानकारी
imageModulesData अपनी क्लास में या अपने बनाए गए ऑब्जेक्ट में, सिर्फ़ एक imageModulesData का इस्तेमाल करें.
infoModuleData

अपनी क्लास में या अपने बनाए गए ऑब्जेक्ट में, ज़्यादा से ज़्यादा दो infoModuleData इस्तेमाल करें.

infoModuleData, उपयोगकर्ता के खाते से जुड़ी जानकारी दे सकता है, जैसे कि "सदस्य का नाम" और "सदस्यता #".

linksModuleData

अपनी क्लास या अपने बनाए हुए ऑब्जेक्ट में, कुल चार linksModuleData यूआरआई इस्तेमाल करें.

आपकी क्लास में दो linksModuleData यूआरआई हो सकते हैं. इनमें से एक आपकी वेबसाइट के यूआरआई के लिए और दूसरा आपके सहायता केंद्र के फ़ोन नंबर के लिए होता है. आपके ऑब्जेक्ट में मौजूद दो linksModuleData यूआरआई, उपयोगकर्ता खाते के हिसाब से अलग-अलग यूआरआई और आस-पास की जगहों के बारे में जानकारी दे सकते हैं.

textModulesData

आपने जो क्लास और ऑब्जेक्ट बनाए हैं उनके बीच ज़्यादा से ज़्यादा दो textModulesData फ़ील्ड इस्तेमाल करें.

आपकी क्लास में एक textModuleData यूआरआई हो सकता है, जो प्रोग्राम की जानकारी देता है. वहीं, ऑब्जेक्ट में दूसरा textModulesData, उपयोगकर्ता के खाते की खास जानकारी के बारे में बताता है.

infoModuleData

InfoModuleData में सदस्य और पसंद के मुताबिक बनाई जा सकने वाली जानकारी होती है. यह जानकारी बड़े किए गए व्यू में दिखती है. इस मॉड्यूल का इस्तेमाल करके, खत्म होने की तारीख, सेकंड पॉइंट बैलेंस या स्टोर्ड वैल्यू बैलेंस जैसी जानकारी सेव करें.

linksModuleData

लिंक मॉड्यूल में वेब पेजों, टेलीफ़ोन नंबर, और ईमेल पतों के यूआरआई शामिल होते हैं. लिंक मॉड्यूल के लिए, यूज़र इंटरफ़ेस के सुझावों की सूची नीचे दी गई है:

दिशा-निर्देश सेटिंग का उदाहरण इमेज का उदाहरण
Google Maps में किसी वेबसाइट या जगह को यूआरआई असाइन करते समय, http: प्रीफ़िक्स का इस्तेमाल करें. इस प्रीफ़िक्स की मदद से, उपभोक्ता लिंक पर टच करके वेबसाइट पर जा सकते हैं या Google Maps में जगह की जानकारी देख सकते हैं. इस प्रीफ़िक्स की वजह से, आपके कार्ड में दी गई जानकारी के सामने एक लिंक या मैप का आइकॉन भी दिखता है. 'uri': 'http://maps.google.com/?q=google' मैप की जगह के लिए पिन इंडिकेटर.
'uri': 'http://developer.google.com/wallet/' किसी वेबसाइट के लिए, ग्लोब का इंडिकेटर.
फ़ोन नंबर तय करते समय, tel: प्रीफ़िक्स का इस्तेमाल करें. इस प्रीफ़िक्स की मदद से, उपभोक्ता किसी नंबर को डायल करने के लिए, लिंक पर टच कर सकते हैं. यह प्रीफ़िक्स कार्ड पर मौजूद टेक्स्ट की जानकारी के सामने एक टेलीफ़ोन का आइकॉन भी बनाता है. 'uri': 'tel:6505555555' टेलीफ़ोन लिंक के लिए फ़ोन इंडिकेटर.
ईमेल पता तय करते समय, mailto: प्रीफ़िक्स का इस्तेमाल करें. इस प्रीफ़िक्स की मदद से, उपभोक्ता किसी ईमेल पते पर ईमेल भेजने के लिए, लिंक पर टच कर सकते हैं. कार्ड पर टेक्स्ट की जानकारी के सामने, यह प्रीफ़िक्स एक ईमेल का आइकॉन भी बनाता है. 'uri': 'mailto:jonsmith@email.com' ईमेल भेजने के लिंक का मेल इंडिकेटर.

टाइटल, लेबल, और नाम

टाइटल केस में हेडिंग, लेबल, और नाम इस तरह लिखें कि हर शब्द की शुरुआत कैपिटल लेटर से हो.

कॉन्टेंट की नीतियां

पास में मौजूद हर फ़ील्ड का कॉन्टेंट, पेमेंट से जुड़े कॉन्टेंट की नीतियों के मुताबिक होना चाहिए. क्लास में जिन वेबसाइटों का रेफ़रंस दिया जाता है उनका कॉन्टेंट भी इन नीतियों के मुताबिक होना चाहिए.

पार्टनर प्लैटफ़ॉर्म का डेटा प्लेसमेंट

यह पक्का करने के लिए कि लोग पास की बेहतर सुविधा वाले ऐप्लिकेशन या वेबसाइट पर जाएं, पास की क्लास या ऑब्जेक्ट linksModuleData.* प्रॉपर्टी में ऐप्लिकेशन के डीप लिंक या वेबसाइट को ज़रूर शामिल करें. इससे उपयोगकर्ता, Google Wallet में दिखने वाले पास से आपके प्लैटफ़ॉर्म पर नेविगेट कर सकता है. पास वर्टिकल के डिज़ाइन सेक्शन पर जाकर देखें कि यह कैसे रेंडर हुआ है.