एक ऐसा Google Play फ़ीचर ग्राफ़िक डिज़ाइन करना जो कन्वर्ट करे
Play लिस्टिंग आपको बाकी सब चीज़ों के ऊपर एक चौड़ा बैनर देती है। फ़ोन ब्राउज़र्स पर और Play ऐप के अंदर, यह स्क्रीनशॉट्स से पहले, डिस्क्रिप्शन से पहले, अक्सर फ़ोल्ड से पहले पूरी चौड़ाई में दिखता है। यह वह हिस्सा है जिसे ज़्यादातर लोग देखते हैं, और वही हिस्सा है जिसे ज़्यादातर डेवलपर बिना दूसरी बार सोचे टेम्पलेट से एक्सपोर्ट कर देते हैं — यही वजह है कि सोच-समझकर बनाया गया एक ग्राफ़िक अलग दिखता है।
यह कहानी का डिज़ाइन और पॉलिसी वाला आधा हिस्सा है। सटीक डाइमेंशन, फ़ाइल फ़ॉर्मेट, और ग्राफ़िक कहाँ दिखता है — ये सब साथी पोस्ट में कवर किए गए हैं; एक-लाइन रीकैप: यह 1024 x 500 px होना चाहिए, JPEG या 24-bit PNG के रूप में बिना अल्फ़ा चैनल के सेव किया हुआ। Play एक पिक्सेल भी इधर-उधर होने पर रिजेक्ट कर देता है और ट्रांसपेरेंसी को काले रंग में रेंडर करता है। नीचे दी गई हर बात यह मानकर चलती है कि आपके पास वह कैनवास पहले से है और आप चाहते हैं कि वह टैप कमाए।
एक ही बात कहें
फ़ीचर ग्राफ़िक कोई पोस्टर नहीं है जिसमें फ़ीचर्स ठूँसे जाएँ। जिस साइज़ में यह रेंडर होता है — अक्सर फ़ोन पर कुछ सौ पिक्सेल चौड़ा — उसमें आपको एक ही आइडिया पहुँचाना होता है, या फिर कुछ नहीं। वह एक कारण चुनें जिसकी वजह से कोई आपका ऐप इंस्टॉल करता है, और पूरा फ़्रेम उसी के इर्द-गिर्द बनाएँ। एक मेडिटेशन ऐप शांति दिखाता है, फ़ीचर लिस्ट नहीं। एक बजटिंग ऐप एक साफ़ नंबर ऊपर जाता हुआ दिखाता है, पाँच आइकन नहीं।
इसे टेस्ट करने का सबसे तेज़ तरीका: ग्राफ़िक को थंबनेल साइज़ में छोटा करें और एक सेकंड के लिए उस पर नज़र डालें। अगर आप ऐप की कैटेगरी और उसका मुख्य वादा बता पाते हैं, तो यह काम कर रहा है। अगर आपकी आँख को ढूँढना पड़ रहा है, तो इसमें बहुत कुछ भरा हुआ है।
प्ले-बटन सेफ़ ज़ोन का ध्यान रखें
अगर आप अपनी लिस्टिंग में प्रोमो वीडियो जोड़ते हैं, तो Play फ़ीचर ग्राफ़िक के ऊपर एक प्ले बटन ओवरले कर देता है ताकि लोग उसे टैप करके देख सकें। वह बटन बैनर के बीच में आता है, और अलग-अलग सरफ़ेस व डिवाइस पर ग्राफ़िक को अलग तरह से फ़्रेम या क्रॉप किया जा सकता है। लेआउट के लिए दो नतीजे:
- लोगो और किसी भी टेक्स्ट को एकदम बीच में रखने से बचें। आपके वर्डमार्क के ऊपर बैठा प्ले बटन एक गलती जैसा लगता है। ज़रूरी एलिमेंट्स को थोड़ा साइड में रखें — बायाँ तीसरा हिस्सा या नीचे की पट्टी — ताकि ओवरले उनसे कभी न टकराए।
- किनारों को साँस लेने की जगह दें। टाइप या अपने लोगो को बॉर्डर की तरफ़ न धकेलें। अगर कोई सरफ़ेस फ़्रेम को क्रॉप करता है, तो किनारे का कंटेंट सबसे पहले जाता है। बाहरी मार्जिन को ब्लीड समझें, इस्तेमाल लायक जगह नहीं।
भले ही आज आपके पास कोई वीडियो न हो, ऐसे डिज़ाइन करें जैसे प्ले बटन आ सकता है। इससे आपके ऑप्शन्स खुले रहते हैं और यह बस एक ज़्यादा मज़बूत कंपोज़िशन है।
वे सीमाएँ जिन्हें Play पार नहीं करने देता
Google Play के कंटेंट क्वालिटी नियम स्टोर ग्राफ़िक्स को एडिटोरियल मानते हैं, विज्ञापन नहीं। फ़ीचर ग्राफ़िक (और आपके टाइटल व शॉर्ट डिस्क्रिप्शन) में प्रमोशनल या परफॉर्मेंस क्लेम नहीं होने चाहिए। इनमें से कोई एक तोड़ने पर सबमिशन फ़्लैग या रिजेक्ट हो जाता है। बैन की गई कैटेगरीज़:
- परफॉर्मेंस और रैंकिंग क्लेम — "Best," "#1," "Top," "App of the Year," "Popular," "Best of Play."
- अवार्ड्स, अकोलेड्स, और टेस्टिमोनियल्स — ट्रॉफ़ी बैज, "As seen in," पुल-कोट्स, स्टार रेटिंग, फ़ाइव-स्टार इमेजरी।
- डाउनलोड या यूज़र काउंट — "1M+ downloads," "Join a million users."
- कीमत और प्रमोशन — "Free," "50% off," "Sale," "Limited time," "$50 cash back."
- कॉल्स टु एक्शन — "Download now," "Install now," "Play now," "Try now."
- Play बैज और स्टोर एलिमेंट्स — "Get it on Google Play" बैज या Play UI कंट्रोल जैसा दिखने वाला कुछ भी, साथ ही आर्ट में बनाए गए नकली बटन, टॉगल, या टैप टारगेट।
वह रीफ़्रेम जो आपको सुरक्षित रखता है: बताएँ कि ऐप क्या है, यह नहीं कि यह कैसे रैंक करता है या इसकी कीमत क्या है। "अपनी हर सब्सक्रिप्शन एक ही जगह ट्रैक करें" ठीक है। "#1 सब्सक्रिप्शन ट्रैकर — फ़्री!" एक ही लाइन में दो उल्लंघन हैं।
इसे वहाँ पढ़ने लायक बनाएँ जहाँ यह असल में रेंडर होता है
1024 x 500 पर डिज़ाइन करें, लेकिन थंबनेल पर जज करें। जो कमियाँ सिर्फ़ बैनर छोटा होने पर दिखती हैं:
- कम कॉन्ट्रास्ट। किसी भरी-पूरी फ़ोटो पर हल्का टेक्स्ट छोटा होते ही गायब हो जाता है। टेक्स्ट को किसी सॉलिड या हल्के ग्रेडिएंट वाले फ़ील्ड पर रखें, और टेक्स्ट व बैकग्राउंड के बीच एक मज़बूत वैल्यू गैप बनाए रखें।
- बहुत छोटा या बहुत पतला टाइप। पतले वेट और लंबे वाक्य धुंधले हो जाते हैं। अगर शब्दों का इस्तेमाल करें भी, तो उन्हें कुछ बड़े, भारी शब्दों तक सीमित रखें।
- डिटेल जो सिर्फ़ फ़ुल साइज़ पर पढ़ी जाए। बारीक UI, छोटे प्रोडक्ट शॉट्स, और घने पैटर्न्स — ये सब बिखर जाते हैं। बोल्ड शेप्स और एक साफ़ फ़ोकल पॉइंट को तरजीह दें।
और एक खास जाल: बैनर को अपने ऐप का नाम दोहराने में बर्बाद न करें। आपका टाइटल पहले से ही लिस्टिंग में इसके ठीक बगल में है। ग्राफ़िक की हेडलाइन उस टेक्स्ट पर खर्च करना जिसे यूज़र दो सेंटीमीटर दूर पढ़ सकता है, एक बेकार मैसेज है। इसकी जगह फ़ायदा या प्रोडक्ट दिखाएँ।
बाकी लिस्टिंग से मेल खाएँ
फ़ीचर ग्राफ़िक कोई स्टैंडअलोन आर्टवर्क नहीं है — यह एक सेट का सबसे ऊपरी हिस्सा है। इसके नीचे आइकन है, उसके नीचे स्क्रीनशॉट्स। जब रंग, टाइप, और माहौल बैनर से आइकन और फिर स्क्रीनशॉट्स तक सीधे बहते हैं, तो लिस्टिंग एक ऐसे प्रोडक्ट जैसी लगती है जिसे परवाह करने वाले लोगों ने बनाया है। जब फ़ीचर ग्राफ़िक कोई स्टॉक ग्रेडिएंट होता है जिसका स्क्रीनशॉट्स से कोई नाता नहीं होता, तो यह एक अफ़्टरथॉट जैसा लगता है और चुपचाप भरोसा कम कर देता है।
अपना पैलेट आइकन या ऐप के असली UI से लें। वही एक्सेंट कलर दोबारा इस्तेमाल करें जो आपके स्क्रीनशॉट्स कैप्शन के लिए इस्तेमाल करते हैं। पूरे में एक ही टाइपफ़ेस फ़ैमिली रखें। यहाँ कंसिस्टेंसी सजावट नहीं है; यह उस सिग्नल का काम करती है कि पूरी लिस्टिंग जान-बूझकर डिज़ाइन की गई थी।
Mokbi यहाँ कहाँ फ़िट होता है
Mokbi आपके स्क्रीनशॉट सेट के साथ ही 1024 x 500 का फ़ीचर ग्राफ़िक डिज़ाइन करता है, ताकि बैनर, पैनल, और कैप्शन शुरू से ही एक पैलेट, एक टाइपफ़ेस, और एक मैसेज शेयर करें — न कोई अलग टूल, न हाथ से कलर-मैचिंग। यह एग्ज़ैक्ट स्पेक (JPEG या 24-bit PNG, बिना अल्फ़ा) में एक्सपोर्ट करता है, ज़रूरी एलिमेंट्स को बीच और किनारों से दूर रखता है, और ग्राफ़िक को 50 भाषाओं में लोकलाइज़ करता है ताकि हर मार्केट को एक ऐसा बैनर मिले जो फ़िट बैठे, न कि क्रॉप किया हुआ इंग्लिश वाला।
मैसेज और आर्ट डायरेक्शन का फ़ैसला अब भी आप ही लेते हैं। टूल बस पूरी लिस्टिंग को — फ़ीचर ग्राफ़िक समेत — एक साथ जुड़ा हुआ दिखा देता है।