ब्रैंड और इमेज

इस गाइड में बताया गया है कि Google, आपके ब्रैंड और इमेज का इस्तेमाल कैसे करता है, ताकि आपके माइक्रोमोबिलिटी ऐप्लिकेशन के साथ इंटिग्रेशन को आसान बनाया जा सके. इसमें ज़रूरी स्पेसिफ़िकेशन और अन्य जानकारी भी दी गई है.

लोगो के आइकॉन से जुड़ी ज़रूरी शर्तें

Google Maps for Mobile (GMM) दिशा के नतीजे दिखाते समय, यूज़र इंटरफ़ेस (यूआई) पर आपकी सेवा की पहचान करने के लिए, आपके ऐप्लिकेशन के लोगो का इस्तेमाल करता है. आपको Google को प्रॉडक्ट के लोगो के लिए एक आइकॉन देना होगा. साथ ही, इन शर्तों का पालन करना होगा:

  • लोगो आइकॉन, SVG 1.1 फ़ॉर्मैट में होना चाहिए. साथ ही, इसका साइज़ 612x612 पिक्सल होना चाहिए.
  • लोगो का आइकॉन, GMM के हल्के और गहरे रंग वाले इंटरफ़ेस मोड, दोनों पर साफ़ तौर पर दिखना चाहिए. इस सिद्धांत के बारे में पहले डायग्राम में बताया गया है.
  • लोगो आइकॉन में ऐसे रंग के कॉम्बिनेशन का इस्तेमाल नहीं किया जाना चाहिए जो GMM इंटरफ़ेस में रुकावट डाल सकते हैं. इस सिद्धांत को दूसरे डायग्राम में दिखाया गया है.
  • आइकॉन का बैकग्राउंड पारदर्शी होना चाहिए.
  • आइकॉन इमेज के कोने गोल होने चाहिए. इनका रेडियस 76 पिक्सल होना चाहिए या यह गोलाकार होनी चाहिए.
  • <style> टैग काम नहीं करते हैं. इसलिए, आपको ज़रूरत के मुताबिक इनलाइन स्टाइल का इस्तेमाल करना होगा.
  • प्रॉडक्ट आइकॉन के लिए, SVG की सभी सुविधाओं का इस्तेमाल नहीं किया जा सकता. ज़्यादा जानकारी के लिए, MetroSVG देखें.
पहली इमेज. ऑपरेटर का ऐसा आइकॉन जो GMM के हल्के और गहरे रंग वाले इंटरफ़ेस मोड, दोनों पर अच्छी तरह से दिखे. आइकॉन, हमारे सुझाए गए सबसे सही तरीकों के मुताबिक है.
दूसरी इमेज. डार्क GMM इंटरफ़ेस मोड पर, ऑपरेटर का आइकॉन साफ़ तौर पर नहीं दिख रहा है. यह आइकॉन, हमारे सुझाए गए सबसे सही तरीकों के मुताबिक नहीं है.

वाहन के आइकॉन के लिए ज़रूरी शर्तें

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

  • वाहन का आइकॉन, 120x120 पिक्सल की PNG इमेज होनी चाहिए.
  • वाहन का आइकॉन, GMM के हल्के और गहरे रंग वाले इंटरफ़ेस मोड, दोनों पर साफ़ तौर पर दिखना चाहिए. इस सिद्धांत के बारे में पहले डायग्राम में बताया गया है.
  • वाहन के आइकॉन में ऐसे रंग के कॉम्बिनेशन का इस्तेमाल नहीं किया जाना चाहिए जिनसे GMM इंटरफ़ेस में रुकावट आ सकती हो. इस सिद्धांत को दूसरे डायग्राम में दिखाया गया है.
  • वाहन को एक ही रंग वाले सर्कल पर दिखाया जाना चाहिए. इसका बैकग्राउंड पारदर्शी होना चाहिए. जैसा कि पहली इमेज में दिखाया गया है.
  • वाहन को बीच में रखा जाना चाहिए और उसे इस तरह से घुमाया जाना चाहिए कि वह ज़मीन पर रखा हुआ दिखे.
  • वाहन का टाइप ऐसा होना चाहिए जिसे आसानी से पहचाना जा सके. जैसे, साइकल, ई-साइकल या ई-स्कूटर.

दिखाए गए आइकॉन के लिए सबसे सही तरीके

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

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

तीसरी इमेज. मोबाइल डिवाइसों पर ठीक से न दिखने वाला आइकॉन.

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

चौथी इमेज. ऐसा आइकॉन जो मोबाइल डिवाइसों पर अच्छी तरह से दिखता हो.

GMM में, लोगों के पास हल्के या गहरे रंग वाली इंटरफ़ेस थीम चुनने का विकल्प होता है. इसके अलावा, वे अपने डिवाइस की थीम का इस्तेमाल भी कर सकते हैं. हमारा सुझाव है कि आप अपने आइकॉन को अलग-अलग बैकग्राउंड कलर के साथ टेस्ट करें. यहां दिए गए उदाहरणों में, आइकॉन को अलग-अलग बैकग्राउंड कलर के साथ दिखाया गया है:

पांचवी इमेज. ऐसा आइकॉन जो हल्के और गहरे, दोनों तरह के बैकग्राउंड पर अच्छी तरह से दिखता हो.

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

छठी इमेज. यह आइकॉन, हल्के रंग के बैकग्राउंड पर अच्छी तरह से दिखता है. हालांकि, गहरे रंग के बैकग्राउंड पर इसे देखना मुश्किल होता है.

सातवीं इमेज. पारदर्शिता वाला एक आइकॉन, जो गहरे रंग वाले बैकग्राउंड पर ठीक से नहीं दिख रहा है.