एमटीई बताता है: Google की 'सामग्री डिजाइन' एंड्रॉइड इंटरफेस क्या है?
एंड्रॉइड 5.0 में सबसे रोमांचक बदलावों में से एक यह है कि Google ने "मटेरियल डिज़ाइन" कहलाता है, यह एक नई डिज़ाइन भाषा है जो यह निर्धारित करती है कि कंपनी के ऐप्स आगे कैसे दिखेंगे। यदि आप एंड्रॉइड ब्लॉग या तकनीक साइटों का पालन करते हैं, तो आपने इन दो शब्दों को काफी हद तक फेंक दिया होगा। लेकिन उनका वास्तव में क्या मतलब है?
चलो इसे तोड़ दें।
सचमुच भौतिक डिजाइन के बारे में सोचें
आपको जो जानने की आवश्यकता है, उसमें से अधिकांश को नाम - सामग्री डिजाइन में सही समझाया गया है । Google का नया इंटरफ़ेस उस सामग्री से बने जैसा दिखने के लिए डिज़ाइन किया गया है जिसे आप वास्तव में स्पर्श कर सकते हैं। छाया और एनिमेशन के उपयोग के माध्यम से, ऑनस्क्रीन चीजों को उस तरीके से आगे बढ़ना चाहिए जिस तरह से आप वास्तविकता की अपेक्षा करते हैं। जब आप एक बटन टैप करते हैं, तो अतिरिक्त क्रियाएं इसके नीचे से निकलती हैं। जब आप बाईं ओर से स्लाइड करते हैं, तो पिछले स्क्रीन के शीर्ष पर मेनू स्कूटर। जब आप कोई ऐप बंद करते हैं, तो यह स्क्रीन के नीचे में स्लाइड हो जाता है। एक तरह से, यह कार्ड की एक डेक के साथ बातचीत की तरह है।
Google डेवलपर ने Google I / O 2014 में चीजों को समझाया है।
लेकिन भौतिक डिजाइन वास्तव में क्या दिखता है?
अवधारणाओं से सामग्री डिजाइन उधार पहले से ही प्रिंट डिजाइन (पत्रिकाएं और समाचार पत्रों) पर लागू होते हैं। छायाएं गहराई की भावना पैदा करने में मदद करती हैं जहां कोई भी नहीं है, और उचित उपयोग कई परतों को ढेर कागजात के रूप में नकल कर सकता है।
इन तकनीकों का उपयोग करके, आधुनिक ऐप्स दिखते हैं कि उनके पास गहराई की भावना है। साइडबार अभी भी स्क्रीन के बाईं तरफ से पहले आता है, लेकिन अब इसे स्क्रीन के शीर्ष पर एक्शन बार पर तैरना चाहिए। कई ऐप्स में फ़्लोटिंग एक्शन बटन होता है जो अन्य तत्वों के शीर्ष पर जाता है, और इसे टैप करने से नीचे से अधिक विकल्प मिल सकते हैं
अब तक सामग्री डिजाइन ऐप्स का एक ट्रेडमार्क बोल्ड, उज्ज्वल रंग रहा है। Google ने इसे अपने ऐप्स में उदाहरण दिया है, जीमेल लाल होने के साथ, जीमेल द्वारा इनबॉक्स एक हल्का नीला खेल रहा है, और पीला हो रहा है। प्ले संगीत नारंगी है, प्ले बुक्स नीली है, प्ले न्यूस्टैंड बैंगनी है, प्ले गेम्स हरा है, और प्ले वीडियो लाल है। Play Store ऐप इन पांच रंगों के बीच स्वैप करता है, लेकिन वह अकेला नहीं है जो इसे सामग्री डिजाइन का एक अच्छा उदाहरण बनाता है।
आपका ऐप ग्रे ड्राइव और ड्रेब हो सकता है, जैसे Google ड्राइव के वर्तमान संस्करण की तरह, और अभी भी डिज़ाइन दिशानिर्देशों का पालन करता है। लेकिन रंग यह समझने में मदद करते हैं कि आप किस ऐप में हैं और आप क्या कर रहे हैं। तो बोल्ड होने पर, ध्यान खींचने वाले रंग सामग्री डिजाइन का एक निहित हिस्सा नहीं हैं, फिर भी वे देखने के लिए एक अच्छी बात है।
एनिमेशन कुंजी हैं
स्थिर स्क्रीनशॉट में सामग्री डिजाइन को व्यक्त करना थोड़ा चुनौतीपूर्ण है, और एनिमेशन एक बड़ा कारण है। वास्तव में सब कुछ वास्तविक सामग्री की तरह महसूस करने के लिए, उपयोगकर्ता इंटरफ़ेस के प्रत्येक टुकड़े की जगह है। ऐप्स नीचे से स्क्रीन में स्लाइड करते हैं और पूरा होने पर वहां वापस आते हैं।
Google नाओ लॉन्चर के एंड्रॉइड 5.0 संस्करण में, ऐप ड्रॉवर आइकन आपके ऐप रखने वाले सफेद ट्रे में बदल जाता है। साइडबार, बटन और सूचना कार्ड सभी कहीं से बाहर स्लाइड करते हैं।
ये एनिमेशन सिर्फ आकर्षक दिखते नहीं हैं, वे उपयोगकर्ताओं को यह समझने में सहायता करते हैं कि क्या हो रहा है। एक ऐप का एक पेज दूसरे संदेश में स्लाइड करने के बाद, अब आप जानकारी के एक अलग सेट को देख रहे हैं, जबकि स्क्रीन फ़्लिकर होने और तुरंत बदलना एक गड़बड़ी का परिणाम प्रतीत होता है।
एनिमेशन दिखाते हैं कि उपयोगकर्ता इंटरफ़ेस के विभिन्न पहलू हमारे स्पर्श का जवाब देते हैं, और यह तेजी से महत्वपूर्ण है क्योंकि हम भौतिक इनपुट विधियों वाले उपकरणों से दूर जाते हैं। हमें यह जानने की जरूरत है कि स्क्रीन के विभिन्न हिस्सों पर टैप करते समय क्या हो रहा है।
सामग्री डिजाइन सिर्फ एंड्रॉइड के बारे में नहीं है
जबकि Google की नई डिज़ाइन भाषा अपने मोबाइल प्लेटफार्म पर सबसे उत्तेजना को उकसा रही है, जो इसकी उत्पत्ति को प्रतिबिंबित नहीं करती है। यह प्रयास विभिन्न स्क्रीन आकारों में स्केल करने वाली वेबसाइट बनाने वाली चुनौतियों से उत्पन्न हुआ। सर्च दिग्गज फॉर्म कारकों में संक्रमण को देखने और महसूस करने की इच्छा रखता है, जो लोग किसी अन्य डिवाइस से सीखने वाली जानकारी का उपयोग करके एक डिवाइस पर नेविगेट करने में सक्षम होते हैं। आप जीमेल द्वारा Keep, ड्राइव और इनबॉक्स के वेब संस्करणों में पहले ही सामग्री डिज़ाइन देख सकते हैं। यह क्रोम ओएस में भी अधिक प्रमुख रूप से दिखने की उम्मीद है।
आज एंड्रॉइड पर मुझे सामग्री डिजाइन कहां मिल सकता है?
एंड्रॉइड 5.0 के साथ नेक्सस डिवाइस शिपिंग पहले से ही एक अच्छी तरह से सामग्री अनुभव प्रदान करते हैं। ओएस का नवीनतम संस्करण नेक्सस और मोटोरोला फोन और टैबलेट में भी रोल करना शुरू कर दिया है। एंड्रॉइड 5.0 के बिना लोगों को बिना करना है। Google के कई ऐप्स पहले से ही संक्रमण कर चुके हैं, और वे Play Store में उपलब्ध हैं। आप आठ अन्य ऐप्स की हमारी सूची भी देख सकते हैं जो पहले से ही सामग्री डिज़ाइन दिखाते हैं।
और यदि आप एक एंड्रॉइड ऐप डेवलपर हैं, तो Google ने एक मटेरियल डिज़ाइन चेकलिस्ट जारी की है जो आपको यह सुनिश्चित करने में सहायता कर सकती है कि आपको सब कुछ ठीक हो रहा है। Google ने एक ऐसी वेबसाइट भी प्रदान की है जो औसत लोगों के लिए स्पष्ट रूप से चीजें बताती है।
यदि आपके पास सामग्री डिजाइन के बारे में कोई प्रश्न है, तो नीचे दी गई टिप्पणियों में पूछने में संकोच न करें!
छवि क्रेडिट: एंड्रॉइड डेवलपर्स, Google