सामग्री डिजाइन, Google के अनुसार UI

आधुनिक परिदृश्य में, यदि आप आंदोलन को शामिल करना चाहते हैं, तो आपको इसे वास्तविक बनाना होगा, भौतिकी के नियमों का सम्मान करना और वास्तविक दुनिया में चीजों की कार्यक्षमता. वास्तव में, उपयोगकर्ताओं को अपने दैनिक जीवन में आंदोलन महसूस करने के लिए उपयोग किया जाता है. यह उनके ध्यान आकर्षित करता है और उन्हें चीजों की कार्यक्षमता को बेहतर ढंग से समझने में मदद करता है.

सामग्री डिजाइन के 20 बुनियादी सिद्धांत

सामग्री डिजाइन सिद्धांतों और दिशानिर्देशों का एक सेट है जो आधुनिक और सुरुचिपूर्ण उपयोगकर्ता इंटरफेस (IU) के डिजाइन का मार्गदर्शन करता है. 2014 में Google द्वारा लॉन्च किया गया, इस दृश्य भाषा का उद्देश्य सभी उपकरणों पर सुसंगत और सामंजस्यपूर्ण इंटरफेस बनाना है, भले ही ऑपरेटिंग सिस्टम या उपयोग किए गए इंटरफ़ेस की परवाह किए बिना.

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

सामग्री डिजाइन क्या है ?

यह क्या है ?

सामग्री डिजाइन डिजाइन नियमों का एक सेट है, जिसे Google द्वारा 2014 में बनाया गया है. यह उपकरण मंच के घटकों के प्रबंधन की सुविधा देता है. वास्तव में, Google डिजाइनरों ने समझा है कि घटकों में विशिष्ट भौतिक गुण होने चाहिए.

इस प्रकार सामग्री डिजाइन में हर चीज के लिए निर्देश शामिल हैं:

• चौड़ाई
• रफ़्तार
• परछाई

• टाइपोग्राफी
• के grates
• अंतरिक्ष
• रंग
• पैमाना
• इमेजिंग

इस तरह, उपयोगकर्ताओं को वास्तविक दुनिया के भौतिक तत्वों के संपर्क में रहने का आभास होता है.

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

क्यों सामग्री डिजाइन का विकल्प चुनते हैं ?

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

सामग्री डिजाइन शैली दिशानिर्देशों का एक सरल सेट नहीं है. यह एक पूर्ण डिजाइन प्रणाली है.

अन्य कम पूर्ण डिजाइन प्रणालियों के विपरीत, यह जटिल उपयोग के मामलों के साथ डिजाइन स्थितियों का प्रबंधन कर सकता है.

इसी तरह, सामग्री डिजाइन एक काफी लचीला डिजाइन पुस्तकालय है. निर्देशों में, डिजाइन के कार्यान्वयन की विशिष्टताओं का एक बड़ा हिस्सा पूरी तरह से डिजाइनर के लिए छोड़ दिया जाता है.

सामग्री डिजाइन के सिद्धांतों की सूची

सिद्धांत 1: प्रमुख संसाधनों के साथ खुद को परिचित करें

यदि आप सामग्री डिजाइन का विशिष्ट ज्ञान प्राप्त करना चाहते हैं, तो सबसे अच्छा समाधान आधिकारिक Google संसाधन से परामर्श करना है.

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

इस संसाधन से संबंधित सबसे अच्छा लाभ यह है कि यह केवल एंड्रॉइड में विशिष्ट पहलुओं तक सीमित नहीं है. इसके विपरीत, यह किसी भी परियोजना में या वेब पर किसी भी परियोजना में पूरे सामग्री डिजाइन पहलू को कवर करता है.

इस संसाधन के कम से कम पहले अध्यायों को ब्राउज़ करने की सलाह दी जाती है, ताकि अपने मूल सिद्धांतों के साथ खुद को परिचित कर सकें.

सिद्धांत 2: पता है कि “सामग्री” सामग्री डिजाइन में क्या है

नाम सामग्री डिजाइन हानिरहित से दूर है. सामग्री डिजाइन सामग्री और भौतिक दुनिया की नकल है. वह अपने बनावट से प्रेरित है, यहां तक ​​कि प्रकाश के प्रतिबिंब और छाया के प्रक्षेपण से भी. सामग्री की सतह कागज को सुदृढ़ करती है और स्याही का समर्थन करता है.

वास्तव में, सामग्री डिजाइन के सिद्धांतों का केंद्रीय विचार वास्तविक दुनिया की वस्तुओं की नकल करते हुए डिजाइन बनाने पर केंद्रित है.

सिद्धांत 3: दृश्य पदानुक्रमों को परिभाषित करने के लिए छाया का उपयोग करें

मुख्य सामग्री डिजाइन उपकरण हैं:

• किनारों
• सतह
• प्रकाश
• यथार्थवादी छाया

उदाहरण के लिए, छाया आपको विभिन्न तत्वों को प्राथमिकता देने में मदद करती है, ताकि एक पूर्ण डिजाइन हो सके.

सिद्धांत 4: चमकीले रंगों का उपयोग करें

सामग्री डिजाइन निस्संदेह एक न्यूनतम दृष्टिकोण में बनाया गया एक डिजाइन है. दूसरे शब्दों में, आपको कई डिज़ाइन और स्टाइल टूल का उपयोग करने की आवश्यकता नहीं है.

कुछ भौतिक चीजों में से एक आप उपयोग कर सकते हैं रंग है. ठीक है, उज्ज्वल रंग. वास्तव में, चमकीले रंग सामग्री डिजाइन को बढ़ाने में महत्वपूर्ण भूमिका निभाते हैं. वे उपयोगकर्ताओं का ध्यान आकर्षित करते हैं और उन्हें डिजाइन के साथ बातचीत करने के लिए प्रोत्साहित करते हैं.

सिद्धांत 5: प्राथमिक रंग और उच्चारण रंग की उपेक्षा न करें

इस सिद्धांत को किसी भी प्रकार के डिजाइन के लिए अनुकूलित करने का सबसे अच्छा तरीका तीन रंगों का चयन करना है जो एक मुख्य पैलेट के रूप में काम करेंगे, एक रंग के साथ जो एक उच्चारण के रूप में काम करेगा.

आपके द्वारा चुने गए प्राथमिक रंगों का उपयोग इंटरफ़ेस के प्रमुख तत्वों में किया जा सकता है, जिसमें शामिल हैं:

• मैदान
• बक्से
• पृष्ठभूमि
• फोंट, आदि।.

और उच्चारण का रंग है, जैसा कि इसके नाम से पता चलता है, जोर देता है और एक मुख्य तत्व पर ध्यान आकर्षित करता है. याद रखें कि चुना हुआ उच्चारण रंग प्राथमिक रंगों की तुलना में अधिक विपरीत होना चाहिए.

सिद्धांत 6: सफेद स्थानों का अच्छा उपयोग करें

सफेद स्थान पाठ और टाइपोग्राफी के लेआउट में एक महत्वपूर्ण भूमिका निभाते हैं. वास्तव में, व्हाइट स्पेस ध्यान आकर्षित करने, उपयोगकर्ता और किसी विशेष तत्व पर अपना ध्यान केंद्रित करने के लिए एक उपकरण है.

तो संकोच न करें:

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

सिद्धांत 7: नए एज-टू-एज छवियों की प्रवृत्ति का पालन करें

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

सामग्री डिजाइन में शामिल छवियों को एज-टू-एज मोड का पालन करना चाहिए. यह कहना है, मार्जिन नहीं होना चाहिए, एक छवि के किनारे को खिड़की के किनारे या स्क्रीन से अलग करना चाहिए.

सिद्धांत 8: सब कुछ प्रतिक्रियाशील होना चाहिए

प्रत्येक डिवाइस पर चीजों को सुलभ और प्रयोग करने योग्य बनाएं, इसकी स्क्रीन के आकार की परवाह किए बिना, सामग्री डिजाइन के मूल सिद्धांतों में से एक है. लक्ष्य एक सुसंगत अनुभव प्रदान करना है. इस तरह, उपयोगकर्ता एक डिवाइस से दूसरे डिवाइस में संक्रमण के दौरान भ्रमित महसूस नहीं करेगा, क्योंकि वह हर बार एक नया इंटरफ़ेस प्राप्त नहीं करेगा जब वह डिवाइस को बदल देगा.

इस मामले में, डिजाइन प्रतिक्रियाशील होना चाहिए. सौभाग्य से, उन्नत ढांचे के लिए धन्यवाद, आपके काम का आधा काम पहले से ही हो चुका है. नतीजतन, एक प्रतिक्रियाशील डिजाइन का निर्माण आपके लिए एक मुश्किल काम नहीं होगा.

सिद्धांत 9: आयाम

वेब पर Z अक्ष का उपयोग सुपरपोजिशन के लिए किया जाता है और संभावना के लिए नहीं. दूसरी ओर, 3 डी दुनिया y अक्ष पर आधारित है.

डिजाइन सामग्री मुख्य रूप से 3 डी का उपयोग करती है इसलिए y अक्ष. आइसोमेट्रिक परिप्रेक्ष्य को नोटिस करने के लिए, Google के डिज़ाइन को देखें. डिजाइन का यह तरीका वास्तविक दुनिया से प्रेरित है, इसलिए नाम “सामग्री” है.

सिद्धांत 10: याद रखें, सफलता विस्तार से है

सामग्री डिजाइन में, सब कुछ सरल होना चाहिए. सबसे अच्छा उदाहरण स्क्यूओमोर्फिक डिजाइन हो सकता है . इस तकनीक का उद्देश्य आभासी वस्तुओं के डिजाइन के दौरान वास्तविक वस्तुओं की नकल करना है. इसलिए आपको यह सुनिश्चित करना चाहिए कि आपके डिज़ाइन का प्रत्येक तत्व वास्तविक जीवन की चीजों के लिए जितना संभव हो उतना दिखता है.

सिद्धांत 11: आंदोलन का एक अर्थ होना चाहिए

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

सामग्री डिजाइन में, आंदोलन में ये 3 विशेषताएं होनी चाहिए:

1. जानकारीपूर्ण बनें: यह उन उपयोगकर्ताओं के लिए जाना जाना चाहिए जहां और कब कार्रवाई उपलब्ध थी.
2. पृष्ठ के सबसे महत्वपूर्ण भागों में उपयोगकर्ताओं को ध्यान केंद्रित करने और मार्गदर्शन करने में मदद करें.
3. अभिव्यंजक बनें और इंटरफ़ेस में थोड़ा व्यक्तित्व और गतिशीलता जोड़ें.

सिद्धांत 12: आंदोलन प्रामाणिक होना चाहिए

आधुनिक परिदृश्य में, यदि आप आंदोलन को शामिल करना चाहते हैं, तो आपको इसे वास्तविक बनाना होगा, भौतिकी के नियमों का सम्मान करना और वास्तविक दुनिया में चीजों की कार्यक्षमता. वास्तव में, उपयोगकर्ताओं को अपने दैनिक जीवन में आंदोलन महसूस करने के लिए उपयोग किया जाता है. यह उनके ध्यान आकर्षित करता है और उन्हें चीजों की कार्यक्षमता को बेहतर ढंग से समझने में मदद करता है.

यही कारण है कि Google ने प्रामाणिक आंदोलन की अवधारणा का विस्तार करने के लिए सामग्री डिजाइन के निर्देशों का एक अलग खंड आरक्षित किया है.

सिद्धांत 13: आंदोलनों में त्वरण और मंदी

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

प्रत्येक वस्तु आंदोलन के लिए डिजाइनरों को सबसे अच्छा समय खोजना होगा.

एक ओर, तत्वों की अत्यधिक धीमी गति उपयोगकर्ताओं को विचलित कर सकती है और यहां तक ​​कि उपयोगकर्ताओं के प्रवाह पर नकारात्मक प्रभाव डाल सकती है. दूसरी ओर, बहुत अधिक गतिशील आंदोलन इंटरनेट उपयोगकर्ताओं को परेशान कर सकते हैं.

इस मामले में, आपको सही मध्य में होना चाहिए, एक इष्टतम अवधि और एनिमेशन की एक अच्छी पठनीयता सुनिश्चित करना. उपयोगकर्ताओं को पर्याप्त समय देना आवश्यक है ताकि वे परिवर्तनों को नोटिस कर सकें. लेकिन, उन्हें इंतजार न करें. अनुसंधान साबित करता है कि 200 से 500 एमएस सबसे अच्छा एनीमेशन गति है.

सिद्धांत 14: आइकन एनिमेशन का लाभ उठाएं

कभी -कभी एक परिपत्र रहस्योद्घाटन प्रभाव के साथ संदर्भ बटन के साथ आइकन बनाया जा सकता है.

यह सच है कि इंटरनेट उपयोगकर्ता अक्सर इन विवरणों को नोटिस नहीं करते हैं, लेकिन वे वैश्विक उपयोगकर्ता अनुभव पर सकारात्मक प्रभाव बनाने के लिए महत्वपूर्ण हैं.

सिद्धांत 15: विभिन्न आंदोलनों के लिए अलग -अलग समय बनाएं

एनिमेटेड ऑब्जेक्ट जो एक -एक करके दिखाई देते हैं, वे अधिक दिलचस्प और अधिक जीवित हैं. इस तरह का दृष्टिकोण उपयोगकर्ताओं को प्रत्येक आइटम को देखने की संभावना प्रदान करता है.

दूसरी ओर, पृष्ठ के सभी तत्वों को एक ही समय में उपयोगकर्ताओं को भ्रमित करता है, क्योंकि वे नहीं जानते कि कहां देखना है.

सामग्री डिजाइन, Google के अनुसार UI !

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

सामग्री डिजाइन सभी रूपक से ऊपर है. एक तर्कसंगत स्थान और एक आंदोलन प्रणाली के एकीकृत सिद्धांत के रूप में एक सामग्री रूपक. सामग्री को पेपर और स्याही के अध्ययन से प्रेरित, स्पर्श वास्तविकता में लंगर डाला गया है, लेकिन तकनीकी रूप से उन्नत और कल्पना और जादू के लिए खुला है.

सामग्री डिजाइन क्या है ?

“सामग्री डिजाइन” नाम के एक सेट से मेल खाता है डिजाइन नियम Google द्वारा प्रस्तावित. यह कभी -कभी “सामग्री डिजाइन” या “प्रासंगिक डिजाइन” द्वारा अनुवादित किया जाता है. यह मोबाइल एप्लिकेशन (मोबाइल पहले) के लिए एक डिज़ाइन सबसे पहले था. वह तब इंटरफ़ेस डिजाइन में मुख्य रुझानों में से एक बन गया. Google का दृष्टिकोण याद करता है फ्लैट डिजाइन (या फ्लैट डिजाइन): अतिसूक्ष्मवाद, ज्यामितीय आकृतियाँ और रंगीन, बिना किसी शानदार (स्केओमोर्फिज्म के विपरीत). लेकिन इस मामले में, यह एक सपाट डिजाइन है … मोटाई और राहत के साथ. वास्तव में, यहाँ मुख्य विशेषताएं हैं:

• ए रूपक डिजिटल उपकरणों से कागज और स्याही.
• एक बोल्ड डिजाइन और चार्ट.
• का निर्माण आंदोलनों खर्च और UX में सुधार करने के लिए. उपयोगकर्ता के कार्यों का कारण महत्वपूर्ण माइक्रो-इंटरैक्शन होता है.

बहुलक पुस्तकालय

सामग्री डिजाइन (पेपर तत्व) और बुनियादी घटकों (कोर तत्वों) के ग्राफिक तत्वों का उपयोग करने के लिए, Google ने अपना लाइब्रेरी, बहुलक बनाया है, जो वेब एप्लिकेशन डेवलपर्स के लिए है।. तब से, Google ने डिज़ाइन की इस शैली के साथ डिजाइनरों को डिजाइन करने में मदद करने के लिए विभिन्न साइटों और उपकरणों की पेशकश की है.

सामग्री संदर्भ साइट की शुरूआत में पाए जाने वाले “घोषणापत्र” के रूप में इस घोषणा को देखें.Io:

“हमने अपने उपयोगकर्ताओं के लिए दृश्य भाषा बनाने के लिए खुद को चुनौती दी, जो अच्छे डिजाइन, अभिनव और प्रौद्योगिकी और विज्ञान द्वारा पेश की जाने वाली संभावनाओं के क्लासिक सिद्धांतों को संश्लेषित करते हैं. हम इसे कहते हैं: सामग्री डिजाइन.”

Google के अनुसार webdesign

इसलिए सामग्री डिजाइन फ्लैट डिजाइन से अलग है. यह एक नई तरह का वेब डिज़ाइन है. हम कह सकते हैं कि वह एक है प्रतिक्रियात्मक वेब डिज़ाइन (ऑटो अनुकूली) उपयोगकर्ता अनुभव पर केंद्रित है. लक्ष्य एक डिजाइन प्राप्त करना है:

• सहज ज्ञान युक्त सभी उपयोगकर्ताओं के लिए (अनुभव नहीं सहित)
• सभी समर्थन के लिए उपयुक्त (कंप्यूटर, टैबलेट, स्मार्टफोन, आदि)
• इंटरएक्टिव गतिशील एनिमेशन के लिए धन्यवाद.
• सजातीय सभी इंटरफेस के बीच

Google के अनुसार, यह डिज़ाइन समकालीन एर्गोनॉमिक्स और डिज़ाइन समस्याओं के लिए वेब समाधान प्रदान करने के लिए तकनीकी और वैज्ञानिक संभावनाओं का उपयोग करता है. नीचे दिए गए वीडियो में, Google के डिजाइनर अपने प्रारंभिक प्रेरणाओं को व्यक्त करते हैं, जिस तरह से उन्होंने काम किया और “भौतिक” अनुभव किए गए अनुभव. हम ध्यान दें कि यदि यह डिज़ाइन भाषा एक वास्तविकता में लंगर डालती है, तो यह उपयोगकर्ता की कल्पना के लिए एक महत्वपूर्ण स्थान छोड़ देता है. शब्द “जादू” अक्सर सामग्री डिजाइन के बारे में लौटता है.

Google को फिर से डिज़ाइन करना

Google के दृष्टिकोण को पूरी तरह से समझने के लिए, आपको Google की उत्पत्ति पर वापस जाना होगा, और मोंटेन व्यू की फर्म ने इस पर हमला किया।. अच्छी तरह से बहुत ज्यादा नहीं … सामग्री डिजाइन के दीक्षा के अनुसार.

इस वीडियो को देखकर हमें इस परियोजना को करने के लिए “विजन” ले जाने के महत्व का एक अच्छा विचार मिलता है: Google को फिर से डिज़ाइन करना.

क्यों सामग्री डिजाइन ?

संस्करण 5 में दिखाई दे रहा है.Android के 0, सामग्री डिजाइन को पहली बार 25 जून, 2014 को Matias Durate द्वारा प्रस्तुत किया गया था, Google में Android उपयोगकर्ता अनुभव के निदेशक. यह Google I/O सम्मेलन के हिस्से के रूप में था. इस नए डिज़ाइन चार्टर के साथ, Google ने अपना बनाया दृश्य भाषा, मोबाइल एप्लिकेशन से लेकर कनेक्टेड ऑब्जेक्ट्स तक सेवा या उत्पाद जो भी हो, पहचान योग्य.

Matias Duarte ने 2014 में पेपर (Android / Material) के लिए रूपक का प्रदर्शन किया).

इस डिज़ाइन दृष्टिकोण की पहली वर्षगांठ मनाने के लिए इस वीडियो को देखें. यह मई 2015 में लॉन्च के बाद एक था. Matias Durate इस पिछले एक साल में एक पूर्वव्यापी नज़र डालता है और पहले से ही उत्साह डिजाइनरों के साथ सराहना कर सकता है, लेकिन डेवलपर्स ने भी एक साल पहले प्रस्तुत सिद्धांतों को विनियोजित किया था.

सामग्री डिजाइन के लिए या उसके खिलाफ ?

इस डिजाइन को भी डिज़ाइन किया गया था उपयोगकर्ता अनुभव को समृद्ध करें और इंटरफ़ेस की प्रभावशीलता (नए फोंट कई भाषाओं में पठनीय, बेहतर खर्च …) एक साल बाद, Google ने अन्य चीजों के अलावा, वेब प्रोजेक्ट्स के लिए सामग्री डिजाइन लाइट किट (यहां किट डाउनलोड करें) का अनावरण किया।.

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

हालाँकि, दूसरों के लिए, Google इसे लागू करना चाहता है ग्राफिक शैली, डिजाइनरों/ग्राफिक डिजाइनरों की रचनात्मकता को सीमित करने के जोखिम पर. सभी वेबसाइटें तब एंड्रॉइड एप्लिकेशन की तरह दिखने लगती हैं, उपयोगकर्ता अनुभव की गुणवत्ता.

यह काम किस प्रकार करता है ? Android के साथ अनुप्रयोग

हमें यह ध्यान रखना चाहिए कि ये “भौतिक तत्व” हैं. इस प्रकार, किसी तत्व को पार करना असंभव है. केवल उपयोगकर्ता प्रभावित घटक ही प्रतिक्रिया करेगा. सामग्री डिजाइन में,पर्यावरण 3 डी है. प्रत्येक ऑब्जेक्ट, या “मटेरियल” में 3 निर्देशांक हैं: x, y, z. Z अक्ष वस्तु की ऊंचाई की चिंता करता है. हम वस्तु की ऊंचाई, उसके आयामों और क्षतिग्रस्त छाया पर निर्णय ले सकते हैं, लेकिन मोटाई कागज की एक शीट की है. उत्तरार्द्ध झुक नहीं सकता. दूसरी ओर, यह सभी कुल्हाड़ियों पर चलता है.

एंड्रॉइड तीन थीम (डार्क या लाइट मटेरियल थीम, डार्क एक्शनबार के साथ लाइट मटेरियल थीम) प्रदान करता है, जिसे सीधे बदलकर एप्लिकेशन में लागू किया जाता है, यदि आप चाहें, तो कुछ विशेषताओं. मनोरंजन इंटरफ़ेस के ऑब्जेक्ट्स/तत्वों पर लागू करें दो हैं: ट्वीन एनीमेशन (संक्रमण के लिए, उदाहरण के लिए छवि पर घूर्णन करके) और फ्रेम एनीमेशन (कई छवियों का प्रदर्शन). Loadanimation आपको उन्हें लोड करने की अनुमति देता है और उन्हें सक्रिय करने/उन्हें लॉन्च करने की शुरुआत.

सामग्री डिजाइन इंटरफेस के उदाहरण

सैद्धांतिक स्पष्टीकरण – बुद्धिमान कागज का रूपक जो जीवित आता है और उपयोगकर्ता के साथ बातचीत करता है – अस्पष्ट लग सकता है. लेकिन निरीक्षण करने से गूगल की अवधारणा को समझने की सुविधा मिलती है.

UPLABS (कहानियों पर स्रोत देखें.Uplabs.कॉम)

एक अन्य स्रोत, उदाहरणों में समृद्ध: सामग्री डिजाइन ब्लॉग

सामग्री डिजाइन प्रतीक

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

इस विषय पर हमारे लेखों को फिर से पढ़ें:

विभिन्न वातावरणों में इन आइकन के उपयोग के लिए GitHub गाइड देखें.

अन्य सामग्री आइकन (यहां डाउनलोड करने के लिए)

आप यहां कई सामग्री डिज़ाइन आइकन डाउनलोड कर सकते हैं

यहां डाउनलोड करने के लिए सामग्री डिजाइन आइकन का एक अन्य स्रोत

अपनी परियोजनाओं पर उपयोग करने के लिए फ्लैट डिजाइन में सामग्री आइकन की बड़ी पसंद, लेकिन उन्हें (यहां) का उपयोग करने के लिए भी मार्गदर्शन करें

कुछ स्रोत और प्रेरणा

• सामग्री डिजाइन पर संदर्भ: सामग्री.आईओ
  • गति
  • शैली
  • लेआउट
  • अवयव
  • पैटर्न्स
  • वृद्धि और संचार
  • प्रयोज्य
  • प्लेटफार्म
  • Google डिज़ाइन साइट पर, आपको केस स्टडी और प्रैक्टिकल गाइड (कई संसाधन और एक बहुत ही समृद्ध समाचार पत्र की सदस्यता लेने की संभावना) मिलेगी।

  निष्कर्ष

  Google सामग्री डिजाइन से लाभ होता है फ्लैट डिजाइन की सादगी. इंटरफ़ेस परिष्कृत और नेत्रहीन संतुलित है. फ्लैट डिजाइन की तरह, यह आवश्यकताओं को पूरा करता है उत्तरदायी आकार. लेकिन जहां फ्लैट डिजाइन की अक्सर इसकी आलोचना की जाती है सदाबहार, Google ईमानदार स्केओमोर्फिज़्म का एक हिस्सा उच्च स्तर के अमूर्तता पर. इस प्रकार, एनिमेशन, टाइपोग्राफिक विकल्पों और कागज के रूपक का बुद्धिमान उपयोग उपयोगकर्ता अनुभव में सुधार करता है. डेवलपर्स को दी जाने वाली ग्राफिक तत्वों की सीमा यह भी समझना संभव बनाता है कि एंड्रॉइड मटेरियल डिज़ाइन ने वेब पर कैसे विजय प्राप्त की है … आक्रामक होने के जोखिम में. बेशक, प्रत्येक डिजाइन की प्रवृत्ति के साथ, इस प्रकार के डिजाइन का उपयोग करने का विकल्प लक्षित उपयोगकर्ताओं और व्यावसायिक उद्देश्यों/ब्रांड पर निर्भर करता है. डिजाइनर/डिजाइनर को यह तय करने के लिए कि क्या उसे पूरी तरह से पालन करना चाहिए सामग्री डिजाइन चार्टर, इससे प्रेरित होना या दूर हो जाना.

  • Google सामग्री डिजाइन, एक डिजाइन औपचारिकता
  • सेवा डिजाइन क्या है ?
  • डिजाइन सोच क्या है ?
  • खर्च क्या है ?
  • फ्लैट डिजाइन क्या है ?
  • स्क्यूओमोर्फिज्म क्या है ?
  • भावनात्मक डिजाइन की परिभाषा, डिजाइन में भावनाओं का स्थान

  हमारी सेवाएं देखें:

  • एक सिस्टम डिजाइन डिजाइन करने के लिए हमारा प्रशिक्षण
  • हमारे 2 -दिन के थिंकिंग डिज़ाइन ट्रेनिंग.