धाराप्रवाह डिजाइन प्रणाली



फ्लुएंट डिजाइन सिस्टम (कोडनेम प्रोजेक्ट नियॉन), Microsoft फ़्लुएंट डिज़ाइन सिस्टम के रूप में आधिकारिक तौर पर अनावरण किया गया, Microsoft द्वारा 2017 में विकसित एक डिज़ाइन भाषा है। धाराप्रवाह डिजाइन मेट्रो (डिजाइन भाषा) (मेट्रो के रूप में लोकप्रिय) का एक सुधार है जिसमें सभी विंडोज 10 और विंडोज 11 उपकरणों और प्लेटफार्मों के लिए डिज़ाइन किए गए सॉफ़्टवेयर के भीतर उपयोग किए जाने वाले डिज़ाइन और इंटरैक्शन के लिए दिशानिर्देश शामिल हैं। प्रणाली पाँच प्रमुख घटकों पर आधारित है: प्रकाश, गहराई, गति, सामग्री और पैमाना। नई डिजाइन भाषा में गति, गहराई और पारभासी प्रभावों का अधिक प्रमुख उपयोग शामिल है। धाराप्रवाह में परिवर्तन एक दीर्घकालिक परियोजना है; अक्टूबर 2017 में जारी किए गए फॉल क्रिएटर्स अपडेट के साथ-साथ इसके साथ जारी किए गए Xbox One सिस्टम सॉफ़्टवेयर के अपडेट के साथ डिज़ाइन के पहलू विंडोज 10 में दिखाई देने लगे।   यह बाद में विंडोज 10एक्स के संयोजन के साथ डिजाइन किए जाने का खुलासा हुआ, विंडोज 11 के अलावा जिसमें एक समान डिजाइन है।

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

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

6 नवंबर, 2017 को, माइक्रोसॉफ्ट कर्मचारी डेविड ने कहा है कि टास्कबार पर प्रकट हाइलाइट लागू करने की योजना मौजूद है- लेकिन, ऐसा नहीं हुआ है। विनयूआई 2.6 के साथ, माइक्रोसॉफ्ट ने अपने वेब और मोबाइल प्रसाद से मेल खाने के लिए हाइलाइट को प्रकट करना बंद कर दिया है, जो हाइलाइट को प्रकट नहीं करता है।

फोकस प्रकट करें
बॉर्डर के साथ फ़ोकस करने योग्य आइटम फ़ोकस विज़ुअल के माध्यम से चमकते हैं।

गहराई
गहराई का जोड़ z- अक्ष का उपयोग करता है और लेयरिंग के माध्यम से सामग्री विभेदीकरण की अनुमति देता है। गहराई को ड्रॉप शैडो और जेड-डेप्थ लेयरिंग के माध्यम से प्रस्तुत किया गया है। यह 2019 में पुन: डिज़ाइन किए गए Office ऐप में विशेष रूप से स्पष्ट है।

मोशन
मोशन यूआई तत्वों के बीच संबंध स्थापित करता है और अनुभव में निरंतरता प्रदान करता है।

एनिमेशन जोड़ें/हटाएं
किसी संग्रह से आइटम डालने और निकालने के लिए एनिमेशन की सूची बनाएं।

जुड़े एनिमेशन
कनेक्टेड एनिमेशन आइटम ट्रांज़िशन हैं। सामग्री परिवर्तन के दौरान, एक तत्व पूरे ऐप में उड़ान भरता हुआ प्रतीत होता है।

सामग्री संक्रमण
इसका उपयोग तब किया जाता है जब पृष्ठ पर सामग्री का केवल एक भाग बदलेगा।

ड्रिल
किसी ऐप में गहराई से नेविगेट करते समय ड्रिल का उपयोग किया जाता है। उदाहरण के लिए, किसी आइटम के चयन के बाद अधिक जानकारी प्रदर्शित करना।

फीका
आइटम लाने और उन्हें देखने से दूर करने के लिए फ़ेड-इन और फ़ेड-आउट करें।

लंबन
लंबन वस्तुओं को अलग-अलग दरों पर ले जाता है। पृष्ठभूमि इसके ऊपर की सामग्री की तुलना में धीमी चलती है। उदाहरण के लिए, एक सूची पृष्ठभूमि छवि की तुलना में तेजी से स्क्रॉल करेगी, गति के अतिरिक्त गहराई प्रभाव पैदा करेगी।

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

एक्रिलिक
Microsoft प्रोग्राम के लिए ऐक्रेलिक सामग्री के साथ नए आइकन बनाए गए हैं, जिसकी शुरुआत क्रमशः 2018 और 2019 में Microsoft Office ऐप्स और क्रोमियम (वेब ​​​​ब्राउज़र)-आधारित Microsoft Edge से हुई। ऑफिस 365 वीडियो के लिए मीट द न्यू आइकॉन में अंतिम आइकन के प्रारंभिक संस्करण देखे गए थे, इससे पहले और अधिक देखे गए थे जब विंडोज 10X का अनावरण किया गया था, 12 दिसंबर, 2019 को आधिकारिक तौर पर प्रकट होने से पहले। मेल (विंडोज) और  कैलेंडर (विंडोज़)  से शुरुआत करते हुए ये आइकन उन ऐप्स के माइक्रोसॉफ्ट स्टोर (डिजिटल) अपडेट के जरिए दिखने लगे। ऐक्रेलिक सामग्री मामूली शोर प्रभाव के साथ एक पारभासी, धुंधला प्रभाव पैदा करती है। विभिन्न अपारदर्शिता का उपयोग करके एक दृश्य पदानुक्रम बनाया जा सकता है। उदाहरण के लिए, एक ऐप में, प्राथमिक सामग्री सतहें अक्सर अपारदर्शी होती हैं (विजेट या लाइटवेट ऐप जैसे विंडोज कैलकुलेटर के अपवाद के साथ), एक द्वितीयक फलक में 80% पृष्ठभूमि ऐक्रेलिक हो सकती है, और तृतीयक फलक में 60% पृष्ठभूमि ऐक्रेलिक हो सकती है। पृष्ठभूमि ऐक्रेलिक सक्रिय ऐक्रेलिक सामग्री के पीछे सभी वस्तुओं को धुंधला कर देता है। ऐप के भीतर ऐक्रेलिक ब्लर सामग्री ऐप के भीतर।

जब ऐप का चयन नहीं किया जाता है तो ऐक्रेलिक एक विशिष्ट विंडो में अक्षम हो जाता है। पारदर्शिता अक्षम होने पर, बैटरी सेवर मोड सक्षम होने पर, या लो-एंड हार्डवेयर पर दोनों प्रकार के ऐक्रेलिक सिस्टम-वाइड अक्षम हो जाते हैं। जब कोई विंडो अचयनित होती है या Windows 10 मोबाइल, Microsoft HoloLens, या टैबलेट मोड में होती है, तो बैकग्राउंड ऐक्रेलिक अक्षम हो जाता है।

मीका
मीका विंडोज 11 में पेश की गई एक नई अपारदर्शी सामग्री है जो उपयोगकर्ता के वॉलपेपर के रंग को ग्रहण करती है। ऐक्रेलिक के विपरीत, जिसे क्षणिक सतहों (जैसे, संदर्भ मेनू) के लिए डिज़ाइन किया गया था, MMC को लंबे समय तक चलने वाली प्राथमिक सतहों पर उपयोग के लिए डिज़ाइन किया गया है।

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

अनिर्धारित

 * स्थानिक ध्वनि

यह भी देखें
कार्बन डिजाइन सिस्टम प्रणाली
 * सामग्री डिजाइन
 * फ्लैट डिजाइन
 * विंडोज एयरो
 * मेट्रो (डिजाइन भाषा)