Google Play पर आइकॉन के डिज़ाइन की खासियतें

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

एक जैसे आकार वाले एलिमेंट, देखने में ज़्यादा आकर्षक लगते हैं और उन्हें समझना भी आसान होता है. इनसे उपयोगकर्ताओं को शेप के बजाय आर्टवर्क पर फ़ोकस करने में मदद मिलती है. ये अलाइनमेंट से जुड़ी उन समस्याओं को ठीक करते हैं जो रैंडम ओपन स्पेस की वजह से होती हैं. इससे आस-पास की जानकारी को बेहतर तरीके से दिखाया जा सकता है. जैसे, टाइटल, रेटिंग, और कीमत.

फ़्रीफ़ॉर्म आइकॉन के उदाहरण

फ़्रीफ़ॉर्म – ओरिजनल फ़ॉर्मैट

एक जैसे आइकॉन के उदाहरण

यूनिफ़ॉर्म – नया फ़ॉर्मैट

इस पेज पर, Google Play पर अपने ऐप्लिकेशन की लिस्टिंग के लिए ऐसेट बनाने से जुड़े दिशा-निर्देश दिए गए हैं जिनका आपको पालन करना चाहिए. उदाहरण के लिए, Google Play आपके ऐप्लिकेशन आइकॉन के किनारों को अपने-आप गोल कर देता है और उनमें ड्रॉप शैडो लगा देता है. इसलिए, आपको अपनी ओरिजनल ऐसेट से इन्हें हटा देना चाहिए.

  • Android के अडैप्टिव आइकॉन
    Android 8.0 (एपीआई लेवल 26) में पेश किए गए अडैप्टिव लॉन्चर आइकॉन बनाने का तरीका जानने के लिए, APK आइकॉन से जुड़े इन दिशा-निर्देशों का पालन करें.
  • प्रॉडक्ट आइकॉन
    प्रॉडक्ट आइकॉन के लिए, मटीरियल डिज़ाइन के सिद्धांतों के बारे में जानें. इसमें आइकॉन डिज़ाइन, शेप, स्पेसिफ़िकेशन, और ट्रीटमेंट के लिए दिशा-निर्देश शामिल हैं.

ऐसेट बनाना

इस सेक्शन में, Google Play पर अपने ऐप्लिकेशन के लिए विज़ुअल ऐसेट बनाते समय, पालन किए जाने वाले कुछ दिशा-निर्देशों के बारे में बताया गया है.

विशेषताएं

आइकॉन आर्टवर्क, ऐसेट स्पेस में पूरी तरह से दिख सकता है. इसके अलावा, आर्टवर्क एलिमेंट (जैसे कि लोगो) को कीलाइन ग्रिड पर डिज़ाइन और पोज़िशन किया जा सकता है. आर्टवर्क को रखते समय, कीलाइन को एक दिशा-निर्देश के तौर पर इस्तेमाल करें, न कि एक ज़रूरी नियम के तौर पर.

आर्टवर्क बनाते समय, पक्का करें कि वह इन शर्तों के मुताबिक हो:

  • फ़ाइनल साइज़: 512 पिक्सल x 512 पिक्सल
  • फ़ॉर्मैट: 32-बिट PNG
  • कलर स्पेस: स्टैंडर्ड आरजीबी
  • फ़ाइल का ज़्यादा से ज़्यादा साइज़: 1024 केबी
  • शेप: पूरी तरह से स्क्वेयर – Google Play, मास्किंग को डाइनैमिक तरीके से मैनेज करता है. रेडियस, आइकॉन के साइज़ के 30% के बराबर होगा.
  • शैडो: कोई नहीं – Google Play, शैडो को डाइनैमिक तौर पर मैनेज करता है. अपने आर्टवर्क में शैडो शामिल करने के बारे में जानने के लिए, नीचे दिया गया 'शैडो' सेक्शन देखें.

ऐसेट का कुल साइज़

ऐसेट का कुल साइज़

प्रॉडक्ट आइकॉन की कीलाइन

प्रॉडक्ट आइकॉन की कीलाइन

ऐसेट अपलोड होने के बाद, Google Play सभी ऐप्लिकेशन/गेम के आइकॉन पर एक जैसा गोल मास्क और शैडो अपने-आप लागू करता है.

बाईं ओर, आपका नया आइकॉन ऐसेट है. दाईं ओर दी गई इन तीन इमेज में, Google Play पर आइकॉन की डाइनैमिक प्रोसेसिंग दिखाई गई है.

साइज़ बदलना

कम से कम आर्टवर्क का इस्तेमाल करते समय, बैकग्राउंड के तौर पर ऐसेट की पूरी जगह का इस्तेमाल करें.

आर्टवर्क एलिमेंट (जैसे, लोगो) को सही जगह पर रखने के लिए, कीलाइन का इस्तेमाल करें.

फ़ुल ब्लीड आर्टवर्क (फ़ाइनल ऐसेट) का उदाहरण

आपका फ़ुल ब्लीड आर्टवर्क (फ़ाइनल ऐसेट)

Google Play की ओर से, शैडो और गोल किनारों को अपने-आप लागू करने के बाद मिला नतीजा

Google Play की ओर से, शैडो और गोल किनारों को अपने-आप लागू करने के बाद मिला नतीजा

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

ब्रैंड और आर्टवर्क को पूरे ब्लीड में दिखाने के लिए, उनमें ज़बरदस्ती बड़े बदलाव न करें
फ़्रीफ़ॉर्म आइकॉन के आर्टवर्क को कीलाइन पर रखें

आम तौर पर, इलस्ट्रेटेड आर्टवर्क को फ़ुल ब्लीड आइकॉन के तौर पर इस्तेमाल करना बेहतर होता है.

इलस्ट्रेटेड आर्टवर्क को कीलाइन पर छोटा न करें
ऐसेट के लिए तय किए गए पूरे स्पेस का इस्तेमाल करें, ताकि आपकी इमेज पूरे आइकॉन को कवर करे

ये आइकॉन एलिमेंट के ऐसे उदाहरण हैं जिनसे उपयोगकर्ता गुमराह होते हैं. साथ ही, इनसे Play की डेवलपर नीतियों का उल्लंघन होता है. यहां बताई गई सभी गतिविधियों से बचें. साथ ही, ज़्यादा जानकारी के लिए Google Play की मेटाडेटा से जुड़ी नीति और उपयोगकर्ता रेटिंग, समीक्षाएं, और इंस्टॉल करने से जुड़ी नीति देखें.

रैंकिंग दिखाने के लिए, टेक्स्ट या ग्राफ़िक एलिमेंट का इस्तेमाल न करें
ऑफ़र का प्रमोशन करने या इंस्टॉल बढ़ाने के लिए, टेक्स्ट या ग्राफ़िक एलिमेंट का इस्तेमाल न करें
Play प्रोग्राम में हिस्सा लेने के बारे में बताने के लिए, टेक्स्ट या ग्राफ़िक एलिमेंट का इस्तेमाल न करें
ऐसे टेक्स्ट या ग्राफ़िक एलिमेंट का इस्तेमाल न करें जिनसे लोगों को गुमराह किया जा सकता हो

परछाई

अपलोड करने के बाद, Google Play अपने-आप आइकॉन के चारों ओर ड्रॉप शैडो जोड़ देगा.

अपने आइकॉन के आर्टवर्क में शैडो जोड़ते समय, Google Material दिशा-निर्देशों का पालन करके, Android प्लैटफ़ॉर्म के साथ एक जैसा लुक रखें.

अपनी फ़ाइनल ऐसेट में ड्रॉप शैडो न जोड़ें
आर्टवर्क में शैडो और लाइटिंग बनाई जा सकती है

कॉर्नर रेडियस

Google Play, कॉर्नर रेडियस को डाइनैमिक तरीके से लागू करता है. इससे यह पक्का होता है कि अलग-अलग यूज़र इंटरफ़ेस (यूआई) लेआउट में आइकॉन का साइज़ बदलने पर भी, वह एक जैसा दिखे. रेडियस, आइकॉन के साइज़ के 30% के बराबर होगा.

अपनी फ़ाइनल ऐसेट के किनारों को गोल न करें
जब भी हो सके, अपनी पूरी ऐसेट में आर्टवर्क जोड़ें

ब्रैंड के हिसाब से वीडियो बनाना

अगर लोगो में शेप का इस्तेमाल ज़रूरी है, तो आर्टवर्क को फ़ुल ब्लीड में न रखें. इसके बजाय, इसे नई कीलाइन ग्रिड पर रखें.

बाईं से दाईं ओर: ओरिजनल आइकॉन ऐसेट, नई आइकॉन ऐसेट (सुझाया गया अडैप्टेशन), Google Play पर रेंडर किया गया नया आइकॉन.

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

बाईं से दाईं ओर: ओरिजनल आइकॉन ऐसेट, नई आइकॉन ऐसेट (सुझाया गया अडैप्टेशन), Google Play पर रेंडर किया गया नया आइकॉन.

अगर लोगो के चारों ओर कोई अलग शेप नहीं है, तो उसे फ़ुल ब्लीड बैकग्राउंड पर रखें.

बाईं से दाईं ओर: ओरिजनल आइकॉन ऐसेट, नई आइकॉन ऐसेट (सुझाया गया अडैप्टेशन), Google Play पर रेंडर किया गया नया आइकॉन.

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

बाईं से दाईं ओर: ओरिजनल आइकॉन ऐसेट, नई आइकॉन ऐसेट (सुझाया गया अडैप्टेशन), Google Play पर रेंडर किया गया नया आइकॉन.

लीगेसी मोड

नई खास बातों के मुताबिक अपडेट नहीं की गई ओरिजनल आइकॉन ऐसेट को लेगसी मोड में माइग्रेट कर दिया जाएगा. साथ ही, कीलाइन ग्रिड के साइज़ (512 * 0.75 = 384 पिक्सल) के हिसाब से, उन्हें 75% तक छोटा कर दिया जाएगा.

मई 2019 से, ओरिजनल स्पेसिफ़िकेशन के हिसाब से आइकॉन अपलोड करने की अनुमति नहीं होगी. टाइमलाइन के बारे में ज़्यादा जानें.

ओरिजनल आइकॉन ऐसेट, लेगसी मोड की ऐसेट में अपने-आप बदल जाएंगी. साथ ही, नई कीलाइन ग्रिड के हिसाब से, इनका साइज़ 75% तक कम हो जाएगा.

एपीआई का इस्तेमाल करने वालों के लिए निर्देश

एपीआई उपयोगकर्ताओं के लिए, माइग्रेशन की तारीखें थोड़ी अलग हैं. हालांकि, 24 जून, 2019 तक सभी आइकॉन को नई जानकारी या "लेगसी मोड" में माइग्रेट करने का नतीजा एक जैसा होता है.

डेवलपर को 17 जून, 2019 से पहले, Play Console का इस्तेमाल करके अपने आइकॉन पर नई जानकारी लागू करनी होगी. Edits.images: upload को किए गए सभी कॉल, Play Console में कॉन्फ़िगर की गई जानकारी के मुताबिक लागू होंगे. एपीआई के ज़रिए नई जानकारी लागू करने का कोई तरीका नहीं है. अगर पुरानी जानकारी अब भी लागू है, तो Edits.images: upload कॉल में गड़बड़ी हो सकती है. साथ ही, उस आइकॉन के लिए गड़बड़ी का मैसेज आपको इस जानकारी पर ले जाएगा. Play Console का इस्तेमाल करके नई जानकारी लागू करने के बाद, Edits.images: upload कॉल को फिर से आज़माया जा सकता है. कॉल को कई बार आज़माने के बाद ही, यह काम कर सकता है.

Edits.images: upload को किए गए सभी एपीआई कॉल, 17 जून, 2019 से आइकॉन पर नई जानकारी अपने-आप लागू कर देंगे. 17 जून, 2019 के बाद, आपको सिर्फ़ ऐसे आइकॉन अपलोड करने चाहिए जो नई जानकारी के मुताबिक हों.

डिज़ाइन टेंप्लेट और संसाधन डाउनलोड करना

शुरू करने के लिए, दिए गए ऐसेट टेंप्लेट में से कोई एक डाउनलोड करें: