मैटेरियल डिज़ाइन: आज के वेब डिज़ाइन पर एक नज़र

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

सामग्री डिजाइन की परिभाषित विशेषताएं क्या हैं? फ्लैट डिज़ाइन आंदोलन से इसका क्या लेना-देना है?

वेब डिज़ाइन में इस प्रवृत्ति के बारे में क्या कहना है?

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

आदेश, स्पष्टता, पठनीयता

ये सभी सिद्धांत उस तरह से प्राप्त होते हैं जिस तरह से ग्राफिक घटकों को प्रबंधित और वितरित किया जाता है, जिसमें टाइपोग्राफी भी शामिल है, जो सभी स्पष्ट पठनीय समाधान से ऊपर होगा, पाठ संरचना पारंपरिक और तरल होगी, दृश्य पदानुक्रम अधिक के उपयोग से प्रेरित है। या कम मजबूत स्वर उत्पन्न करने वाले कॉन्ट्रास्ट जो आकार और क्रम के माध्यम से भी बारीक होंगे।

प्रकाश और यथार्थवाद

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

ध्यान आकर्षित करने और दर्शक का मार्गदर्शन करने के लिए आंदोलन सबसे प्रभावी उपकरण है

इसकी भाषा स्पष्ट, ग्राफिक और उपयोगकर्ता की दृष्टि में ज्ञानवर्धक होगी। जब कोई विकल्प या उपकरण चुनते हैं, तो यह हमारे पास पहुंच जाएगा, इसके आयामों का विस्तार और इसके विपरीत जब हम इसका उपयोग करना बंद कर देंगे। इसके अलावा, कोई वस्तु रंग बदलेगी या झपकेगी यदि उसे हमारा ध्यान आकर्षित करने की आवश्यकता है।

लय, आदेश, भाषा

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

असीमित कोडिंग

ये सभी सिद्धांत या मानक जिनकी हम समीक्षा कर रहे हैं, किसी भी माध्यम और प्लेटफ़ॉर्म पर कार्यान्वयन के लिए डिज़ाइन और विकसित किए गए हैं, भले ही इसकी प्रकृति और स्क्रीन आकार जो भी इसे प्रस्तुत करता है। मोबाइल फोन, टैबलेट या कंप्यूटर से। सभी संभव समर्थन और गंतव्य इस दृश्य भाषा का समर्थन करते हैं और वास्तव में इसकी ट्रांसवर्सिटी और संगतता इसकी आवश्यक सामग्री में से एक है।

फ्लैट डिजाइन सामग्री डिजाइन के समान नहीं है

हालाँकि वे कई बिंदुओं को साझा करते हैं, जैसे कि सबसे अधिक पुनरुत्थानवाद की प्रतिबद्धता, दोनों कोडों के बीच भारी अंतर भी हैं। हालांकि, वे असंगत नहीं हैं और निश्चित रूप से सर्वश्रेष्ठ फिनिश प्राप्त करने के लिए पूरी तरह से संयुक्त हो सकते हैं, लेकिन हम बाद की पोस्ट में इस बारे में बात करेंगे।