विंडोज 8 के बाहर आने के बाद सभी ने "मेट्रो यूआई" और बाद में "फ्लैट डिजाइन" के बारे में बात की। अब, एंड्रॉइड लॉलीपॉप के बाहर आने के बाद सभी "मटेरियल डिज़ाइन" के बारे में बोलते हैं। क्या कोई "सामग्री डिजाइन" और "सपाट शैली" के बीच अंतर बता सकता है?
“सपाट शैली” और “भौतिक डिज़ाइन” में क्या अंतर है?
जवाबों:
सामग्री डिजाइन अपने सिद्धांतों में फ्लैट डिजाइन से संबंधित नहीं है। सामग्री का डिज़ाइन स्केओमॉर्फिक है जिसमें यह वेब डिज़ाइन को अधिक यथार्थवादी बनाने का प्रयास है कि यह कैसे तत्वों को चित्रित करता है, एक तरह से परतों और एनीमेशन का उपयोग करता है जो ब्राउज़र के बाहर समझ में आता है। नेत्रहीन फ्लैट डिजाइन और सामग्री डिजाइन फिलहाल समान हैं, लेकिन फ्लैट-डिजाइन के अलावा अन्य डिजाइनों के लिए सामग्री डिजाइन लागू किया जा सकता है।
यह 3 सिद्धांतों का पालन करता है
- सामग्री रूपक है
- बोल्ड, ग्राफिक, जानबूझकर हो
- गति के साथ अर्थ प्रदान करें
भौतिक डिज़ाइन में लेयरिंग को ज़ेड एक्सिस के साथ या पीछे और उपयोगकर्ता से चलती तत्वों के माध्यम से किया जाता है, और वास्तविक अर्थ को व्यक्त करने के लिए यथार्थवादी छाया जोड़ते हैं। एनिमेटेड तत्व, जैसे कि किसी सूची आइटम को हटाए जाने पर एनीमेशन को प्रभावित करने वाली स्थिति, अनुभव को और अधिक सुचारू बनाते हुए उपयोगकर्ता प्रवाह और समझ में सुधार करने के लिए है। ऐसा करने में, फ्लैट डिजाइन की तुलना में भौतिक डिजाइन के माध्यम से अधिक अर्थ चित्रित किया जा सकता है
Google डिजाइनरों ने अपने सामग्री डिज़ाइन के लिए लेयरिंग और छाया का पता लगाने के लिए पेपर मॉडल बनाए।
रिक्ति, रंग, प्रयोज्य, और स्थिति और एनीमेशन के बारे में अधिक विस्तार को कवर करने वाले अन्य डिज़ाइन दिशा-निर्देश हैं जिन्हें आप Google के वेबपेज में विषय के बारे में देख सकते हैं ।
सामग्री डिज़ाइन के बारे में अधिक जानने के लिए और इसे लागू करने का एक अच्छा तरीका Google ने सामग्री डिज़ाइन का उपयोग करके बनाए गए एप्लिकेशन का उपयोग करना है और डिज़ाइन विवरण के बारे में पढ़ने के लिए , यह इनबॉक्स ऐप पर ब्रायन लविन द्वारा किया गया है।
लोग यह मान सकते हैं कि सामग्री डिजाइन फ्लैट डिजाइन के विस्तार का एक प्रकार है, लेकिन वास्तव में सिद्धांत अलग हैं। वर्तमान चलन स्वच्छ, सपाट जैसी डिज़ाइन बनाने का है जिसका उपयोग Google अभी करता है, लेकिन सामग्री डिज़ाइन के सिद्धांत उन सीमाओं को पार करते हैं और डिज़ाइन के अन्य तरीकों पर भी लागू किए जा सकते हैं।
उस मटीरियल डिज़ाइन में, नेत्रहीन, बहुत सारे फ्लैट डिज़ाइन आइकन और शैलियों का उपयोग करता है, मैं कहूँगा कि वे निश्चित रूप से उस अर्थ से संबंधित हैं। मटेरियल डिज़ाइन, ज़ाहिर है, विज़ुअल लुक से अधिक है, जैसा कि आप बताते हैं, हालाँकि।
—
20:01 बजे DA01
@ DA01 धन्यवाद, मैंने सबसे हाल के संपादन में अपनी बात को और स्पष्ट करने की कोशिश की
—
Zach Saucier
एक संबंधित नोट पर, यह लेख iOS को सामग्री डिजाइन की तुलना करने और प्रत्येक के बारे में अधिक जानने के लिए बहुत अच्छा है।
—
Zach Saucier
सपाट डिजाइन = एक सामान्य शब्द जो फैशनेबल सपाट प्रतीक और रंग के ब्लॉक के आधुनिक यूआई सौंदर्य को संदर्भित करता है।
मेट्रो डिज़ाइन = विंडोज 8 के लिए माइक्रोसॉफ्ट का नया यूआई डिज़ाइन (जिसे अब माइक्रोसॉफ्ट डिज़ाइन भाषा कहा जाता है ) जिसमें फ्लैट डिज़ाइन दृश्य सौंदर्य का उपयोग किया गया है ।
सामग्री डिज़ाइन = Android के लिए Google नया UI डिज़ाइन जो सपाट डिज़ाइन दृश्य सौंदर्य का उपयोग करता है ।
(ध्यान दें कि मेट्रो और मटेरियल दोनों ही फ्लैट डिजाइन सौंदर्य के बारे में बहुत अधिक हैं। वे इंटरेक्शन डिजाइन, प्रवाह, पैटर्न लाइब्रेरी आदि के बारे में भी बात करते हैं)
Microsoft के UI के लिए नाम बदलने पर ध्यान देने के लिए जोहान्स को धन्यवाद।
मुझे नहीं लगता कि यह वास्तव में वे क्या हैं के विस्तार में पर्याप्त है । यह और अधिक लगता है तो वे क्या उपयोग कर रहे हैं
—
Zach Saucier
@ZachSaucier सही है। ओपी मुख्य रूप से अंतर के बारे में पूछ रहे थे। मैं कहूंगा कि अंतर यह है कि एक दृश्य शैली के लिए एक सामान्य शब्द है, अन्य दो ब्रांडेड यूआई दिशानिर्देशों के लिए विशिष्ट शब्द हैं।
—
DA01
@ जोहान्स येप, यह एक अच्छा नोट है।
—
DA01
मटेरियल डिज़ाइन का उपयोग न केवल एंड्रॉइड के साथ किया जा सकता है, बल्कि वेब डिज़ाइन और डेस्कटॉप ऐप डिज़ाइन भी किया जा सकता है।
—
वोवहॉस्ट
सामग्री डिजाइन समतल नहीं है, इसकी "सामग्री" के सपाट परतों का एक गुच्छा है जो जेड अक्ष पर थोड़ा सा बाहर फैला हुआ है। इसका मतलब यह है कि इन वस्तुओं में छाया है और कहीं से आने वाले हैं जब वे स्क्रीन पर दिखाई देते हैं और जब उन्हें ज़रूरत नहीं होती है तो कहीं छोड़ जाते हैं। जिसका अर्थ है कि वे सिर्फ और सिर्फ फीका नहीं हैं।
डिज़ाइन दिशानिर्देशों का एक समूह भी है जो रंग, रिक्ति और आपके लेआउट के कई अन्य पहलुओं को निर्दिष्ट करता है।
यहाँ उनमें से कुछ हैं, लेकिन आप कुछ Google खोजों के साथ बहुत कुछ पा सकते हैं।
http://www.google.com/design/spec/material-design/introduction.html#
"फ़्लैट डिज़ाइन" जैसा कि उन्होंने आपको वहाँ समझाया है, और "मटेरियल डिज़ाइन" डिज़ाइन वास्तव में "स्क्यूओमॉर्फिक" नहीं है, बल्कि "स्केओमॉर्फेड फ़्लैट डिज़ाइन" है। "मटीरियल डिज़ाइन" फ्लैट चीजों का उपयोग करते हैं और इसे "3 डी फ्लैट डिज़ाइन" के लिए Z- अक्ष में संरेखित करते हैं। मुझे उम्मीद है कि इससे मदद मिली।
वास्तव में, फ्लैट डिजाइन सामग्री की पृष्ठभूमि पर अधिक सरलीकृत दिखाई देगा, इसके अलावा, इन सभी एनिमेशन साइट के बजाय मोबाइल उपकरणों के साथ उपयोगकर्ता इंटरैक्शन पर अधिक लक्षित हैं। इसके अलावा, कोई भी एकल उत्पाद में इन दो दृष्टिकोणों के उपयोग पर प्रतिबंध नहीं लगाता है, अगर डिजाइन पर काम अधिक सचेत और दार्शनिक रूप से होता है। Skeuomorphism के रूप में, इसने इंटरफ़ेस के तत्वों को अधिक परिचित, उपयोगकर्ता के अनुकूल तरीके से लाने की कोशिश की: वास्तविक दुनिया में यह या वह वस्तु कैसे दिखेगी, लेकिन कई लोगों के पास आसपास की चीजों के अलग-अलग विचार हैं, इसलिए एकल का निर्माण इस तरह के दृष्टिकोण की शैली लगभग असंभव थी ... जोड़ने के लिए कुछ जानकारी क्या अंतर है: सामग्री डिजाइन बनाम फ्लैट डिजाइन