नए VS 2019 का UX / UI डिज़ाइन

हमें आज आपके साथ साझा करने की कृपा है कि विज़ुअल स्टूडियो 2019 के विकास के हिस्से के रूप में, हम अपनी थीम को अपडेट करेंगे, उत्पाद आइकन और स्क्रीन सेवर को अपडेट करेंगे। UX / UI डिज़ाइन के भाग के रूप में ये परिवर्तन आपको तेज़ी से आरंभ करने में मदद करेंगे। हम वास्तव में इन अपडेट्स पर अपनी राय व्यक्त करना चाहेंगे। प्रत्येक टिप्पणी भविष्य के उत्पाद को प्रभावित करती है।

CAP के रूप में, आज हमारे पास पहला परिवर्तन है: Visual Studio 2017 आइकन (बाएं) और नया Visual Studio 2019 आइकन (दाएं)

यह लेख हमारे Vusial Studio Blog के एक लेख का अनुवाद है।



इसलिए, पहला परिवर्तन: हमने VS2019 में आइकन को अपडेट करने का निर्णय लिया। यह आंशिक रूप से किया जाता है ताकि उपयोगकर्ता के लिए यह आसान हो सके कि वह अपने द्वारा खोले गए प्रोग्राम के किस संस्करण को भेद सके और उपयोग कर सके। विजुअल स्टूडियो 2017 के शुरुआती चरणों में आइकन शैली की उपयोगिता के साथ हम कुछ समस्याओं में भाग गए, और हम इन समस्याओं को विज़ुअल स्टूडियो 2019 में हल करने पर केंद्रित हैं।

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



हमारे द्वारा सामना किया गया एक और मुद्दा विजुअल स्टूडियो के पूर्वावलोकन और अंतिम संस्करण के बीच का अंतर है। आइकन का उपयोग करने से यह समस्या हल हो सकती है, लेकिन VS2017 में अन्य कठिनाइयां दिखाई दीं। विजुअल स्टूडियो 2017 के लिए, आइकन को विजुअल स्टूडियो उत्पादों के एक बड़े परिवार के हिस्से के रूप में डिज़ाइन किया गया था। जिस विधि का हमने उपयोग किया वह प्रत्येक बैज के लिए दाईं ओर एक रिबन के लिए थी। हालांकि, इसने लोगो के लिए कम जगह छोड़ी।

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



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

हम मैक आइकन के लिए नए विज़ुअल स्टूडियो के समान दृष्टिकोण पर काम कर रहे हैं, जो आगामी घोषणाओं में शुरू होगा।

कोड चलाने के लिए आसान

मैक (बाएं) और विजुअल स्टूडियो (दाएं) के लिए विजुअल स्टूडियो में विंडो शुरू करें

अनुसंधान और अवलोकन के माध्यम से, हमने विज़ुअल स्टूडियो के साथ शुरुआत में सबसे महत्वपूर्ण चरणों के दौरान आपके द्वारा चुने जाने वाले विकल्पों को सरल बनाने के तरीकों की पहचान की है। हमने महसूस किया कि हमें "स्प्रिंगबोर्ड्स आउट" कहने की जरूरत है और आपको कोड के सर्वोत्तम मार्ग प्रदान करने की आवश्यकता है।

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

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

अपडेटेड ब्लू थीम

वर्तमान नीली थीम (दाएं) के बगल में अपडेट की गई ब्लू थीम (बाएं)

जब आप Visual Studio 2019 शुरू करते हैं, तो आप सबसे अधिक ध्यान देने योग्य दृश्य प्रभाव देख सकते हैं, यह हमारा अपडेटेड ब्लू थीम है। आप में से आधे से अधिक लोग नीले रंग की थीम का उपयोग करते हैं, लेकिन यह VS2012 में नहीं बदला है। हमने विज़ुअल स्टूडियो इंटरफ़ेस को अपडेट करने की इच्छा पर ध्यान केंद्रित किया। हमने पूरे यूजर इंटरफेस, स्मूथ कॉर्नर में छोटे बदलाव किए।

अपनी उंगलियों पर प्रदर्शन

विज़ुअल स्टूडियो 2019 (नीचे) के लिए वर्तमान स्थान (शीर्ष) और सरलीकृत संस्करण

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

लाइव शेयर में अब इंटरफ़ेस में एक स्थिर स्थान है। आपके साथ काम करने वाले लोग भी वहां दिखाई दे रहे हैं।

ध्यान देने योग्य सूचनाएं

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

आपकी प्रतिक्रिया की प्रतीक्षा है!

समीक्षा साझा करें, पढ़ें और सब कुछ पर विचार करें।