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

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

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

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

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

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

एक जैसा – नया फ़ॉर्मैट

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

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

ऐसेट बनाना

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

विशेषताएं

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

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

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

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

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

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

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

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

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

साइज़ बदलना

मिनिमलिस्टिक आर्टवर्क के साथ काम करते समय, बैकग्राउंड के तौर पर पूरी एसेट स्पेस का इस्तेमाल करें.

लोगो जैसे आर्टवर्क एलिमेंट की पोज़िशन तय करने के लिए, कीलाइन का इस्तेमाल करें.

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

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

Google Play की ओर से डाइनैमिक तौर पर लागू की गई शैडो और गोल कोनों वाला आखिरी नतीजा

Google Play की ओर से डाइनैमिक तौर पर लागू की गई शैडो और गोल कोनों वाला आखिरी नतीजा

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

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

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

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

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

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

परछाई

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

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

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

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

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

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

ब्रैंड अडैप्टेशन

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

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

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

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

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

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

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

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

लीगेसी मोड

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

मई 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 के बाद, सिर्फ़ ऐसे आइकॉन अपलोड करने चाहिए जो नई शर्तों के मुताबिक हों.