डिजाइनरों के लिए 2013 का निर्माण। विंडोज 8.1 इंटरफ़ेस में अपडेट और डिजाइनरों और डिजाइनरों के लिए उपयोगी रिपोर्ट का अवलोकन

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

इंटरफ़ेस अवलोकन

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

मुख्य परिवर्तन और नई सुविधाएँ

नए प्रदर्शन मोड। सबसे महत्वपूर्ण परिवर्तनों में से एक है कि डिजाइनर और डिजाइनर निश्चित रूप से चिंताओं के आवेदन प्रदर्शन मोड का सामना करेंगे। यदि विंडोज 8 में तीन ऐसे मोड थे: पूर्ण, तड़कना और भरना, और साथ ही पोर्ट्रेट और लैंडस्केप मोड को स्पष्ट रूप से हाइलाइट किया गया था, तो विंडोज 8.1 में इन विभाजनों को मिटा दिया जाता है। अब आवेदन व्यावहारिक रूप से किसी भी चौड़ाई में हो सकता है, और डिफ़ॉल्ट रूप से न्यूनतम चौड़ाई अब 500 पिक्सल के बराबर है, जो कि स्नैप्ड मोड में अधिक है। हालांकि, एप्लिकेशन के निर्माता एक छोटी समर्थित चौड़ाई (बहुत 320px तक सही है जो तड़क मोड में थे) की घोषणा कर सकते हैं।



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

एक और परिणाम यह है कि अब पोर्ट्रेट मोड के बीच कोई अंतर नहीं है और, परिदृश्य मोड में एप्लिकेशन को प्रदर्शित करने का "मोड" कह सकते हैं, लेकिन समान साइड आकार (संभवतः किसी अन्य डिवाइस पर) के साथ।

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

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

यदि आप 320px पर आवेदन की चौड़ाई बनाए रखने का इरादा रखते हैं, तो इस स्थिति में स्नैप्ड मोड के लिए वही सिफारिशें लागू रहेंगी। विशेष रूप से, ऊर्ध्वाधर स्क्रॉलिंग, छोटे आकार के इंडेंट, हेडिंग, बटन बैक आदि।

नई टाइल आकार। विंडोज 8.1 ने दो नए टाइल आकार जोड़े: छोटे और बड़े वर्ग। आपके आवेदन में सभी उपलब्ध स्वरूपों का समर्थन किया जा सकता है।



छोटी टाइल: 70x70px। बड़ी टाइल: 310x310px। यह भी ध्यान दें कि चूँकि अब चौकोर टाइलों के तीन अलग-अलग आकार होते हैं, इसलिए छोटे, मध्यम और बड़े नाम वर्ग के बजाय अब उपयोग किए जाते हैं।

छोटी टाइलों पर सूचनाएं समर्थित नहीं हैं, लेकिन बैज (छोटे आइकन) काम करते हैं। बड़ी और चौड़ी टाइलों के लिए एक सामान्य सिफारिश: यदि आप उनका समर्थन करते हैं, तो उन्हें लाइव करें, न कि केवल स्थैतिक चित्र।

खोज में अद्यतन। विंडोज 8.1 में, सामान्य खोज इंजन को विंडोज 8 के बाद से प्राप्त सभी फीडबैक को ध्यान में रखते हुए काफी हद तक नया रूप दिया गया है।



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

यहां अपडेट की गई गाइड भी देखें: msdn.microsoft.com/en-us/library/windows/apps/hh465233.aspx

हब। लंबे समय से मांग पर नियंत्रण, जो एक सामान्य स्क्रॉलिंग के साथ विषम तत्वों को एक ही सिस्टम में संयोजित करने की अनुमति देगा, अंत में कार्यान्वयन पाया गया है।



अब आपके पास इसके लिए एक विशेष नियंत्रण है - हब ( HTML , XAML )। हम अलग-अलग लेखों में कई अन्य नए नियंत्रणों के बारे में बात करेंगे; मैं सिर्फ इतना ध्यान देना चाहूंगा कि एक अन्य महत्वपूर्ण नियंत्रण, WebView को भी एक बड़ा अपडेट मिला है।

प्रणाली के साथ एकीकरण: लोगों, घटनाओं, अलार्म घड़ी । अब, संपर्कों के साथ एकीकरण के अलावा, आपके पास उपयोगकर्ता के कैलेंडर के साथ एकीकरण करने का अवसर भी है।



इसके अतिरिक्त, आपका एप्लिकेशन अलार्म घड़ी के रूप में कार्य कर सकता है।

आप यहाँ अवलोकन गाइड में कुछ अतिरिक्त बदलावों के बारे में भी पढ़ सकते हैं: msdn.microsoft.com/en-us/library/windows/apps/bg182890.aspx । विशेष रूप से, इससे आप सीख सकते हैं कि विंडोज 8.1 में भाषण को कैसे संश्लेषित किया जाए, यदि आपके आवेदन में आवश्यक है।

इसके अलावा, विंडोज 8.1 ने यूएसबी, ब्लूटूथ डिवाइस के साथ काम में सुधार किया है। यह पीओएस-डिवाइसेस (उदाहरण के लिए, बारकोड स्कैनर), साथ ही 3 डी-प्रिंटर के साथ काम का समर्थन करता है। और विंडोज स्टोर में हुए बदलावों को देखना न भूलें।

2013 डिजाइन पत्रों का निर्माण

विंडोज के लिए यूजर इंटरफेस डिजाइनिंग और बिल्डिंग

विंडोज़, टेम्प्लेट, सिद्धांतों, अनुप्रयोगों और प्लेटफ़ॉर्म में व्यक्तित्व के लिए इंटरफेस की अवलोकन रिपोर्ट।

विंडोज फोन: डेवलपर्स के लिए डिजाइन

विंडोज फोन के लिए डेवलपर उन्मुख एप्लिकेशन डिजाइन अवलोकन।

विंडोज फोन: XAML में UI का निर्माण
XAML का उपयोग करके विंडोज फोन के लिए यूजर इंटरफेस विकसित करने के प्रमुख पहलुओं पर रिपोर्ट।

सर्वव्यापी कम्प्यूटिंग के लिए डिजाइनिंग

डिजाइन पर बिल बुक्सटन की रिपोर्ट, हमारे आसपास के उपकरण, अनुप्रयोगों और विभिन्न प्रणालियों को डिजाइन करने की जटिलताएं और कार्य।

UI का निर्माण: इसकी क्या कीमत है?
किसी एप्लिकेशन को बनाने, सही तकनीकों का चयन करने की लागत का आकलन करने और किसी भी कार्यक्षमता पर एक दिलचस्प रिपोर्ट हमेशा एक लागत होती है जिसे कम से कम अनुमान लगाया जाना चाहिए या कम से कम ध्यान में रखना चाहिए।

एक्सेसिबल विंडोज 8.1 ऐप कैसे बनाएं

किफायती अनुप्रयोग बनाने पर एक महत्वपूर्ण रिपोर्ट।

आवाज बातचीत डिजाइन

मोबाइल एप्लिकेशन में आवाज नियंत्रण डिजाइन पर एक उपयोगी रिपोर्ट।

किसी भी स्क्रीन पर किसी भी आकार में सुंदर एप्लिकेशन

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

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

आईओएस और विंडोज 8 के बीच डिजाइन अंतर

उन लोगों के लिए एक बहुत ही उपयोगी और विस्तृत रिपोर्ट जिनके पास आईओएस के लिए डिजाइनिंग का अनुभव है और सीखना चाहते हैं कि विंडोज 8 के लिए कैसे डिजाइन किया जाए।

पहली छापें: क्षण से आपके उपयोगकर्ता को प्रसन्न करके वे "खरीदें" पर क्लिक करें
विंडोज 8.1 ऐप्स के अपने पहले इंप्रेशन को बेहतर बनाने के लिए सही सुझाव।

वाह फैक्टर: अपना विंडोज स्टोर ऐप प्रमोशनल बनाना

कैसे एक आवेदन बनाने के लिए कि Microsoft बढ़ावा देगा।

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

अपने ऐप में एक शानदार खोज अनुभव का डिज़ाइन और निर्माण करें

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

बिल्डिंग ऐप्स जो लोगों और घटनाओं के साथ एकीकृत होते हैं

विंडोज 8.1 के अनुप्रयोगों में संपर्कों और कैलेंडर के साथ एकीकरण पर अवलोकन रिपोर्ट।

ग्रेट विंडोज एप्स बनाने के लिए बिंग प्लेटफॉर्म कंट्रोल का उपयोग करना

बिंग मंच की सुविधाओं पर एक अवलोकन रिपोर्ट जिसे आप अपने अनुप्रयोगों में उपयोग कर सकते हैं: नक्शे से भाषण मान्यता तक।

विंडोज 8.1 के लिए बिल्डिंग अलार्म और कैलकुलेटर से सीखा सबक

विंडोज 8.1 के लिए नए एप्लिकेशन कैसे बनाए गए और "सरल" एप्लिकेशन बनाना कितना कठिन है, इस पर रिपोर्ट करें।

नई विंडोज मेल ऐप के निर्माण से कहानियां

विंडोज, आंतरिक वास्तुकला, प्रौद्योगिकी विकल्पों और उत्पादकता के लिए संघर्ष के लिए एक मेल एप्लिकेशन डिजाइन करने के बारे में कहानियां।

विंडोज फोन से विंडोज 8 में नोकिया म्यूजिक लाने की कहानी
नोकिया से एक कहानी नोकिया संगीत मोबाइल ऐप को बड़ी विंडोज 8 स्क्रीन पर पोर्ट करने के बारे में।

विंडोज स्टोर के लिए LOB एप्स बनाने की टिप्स

विंडोज 8 के लिए LOB (व्यवसाय की लाइन) अनुप्रयोगों के विकास के लिए उपयोगी सुझाव।

विज़ुअल स्टूडियो में नया क्या है और XAML डेवलपर्स के लिए ब्लेंड
विज़ुअल स्टूडियो 2013 की नई विशेषताओं और एक्सएएमएल डेवलपर्स के लिए बंडल ब्लेंड (एक इंटरफ़ेस डिज़ाइन टूल) पर एक अवलोकन रिपोर्ट।

HTML डेवलपर्स के लिए ब्लेंड में नया क्या है
HTML डेवलपर्स के लिए VS2013 के साथ ब्लेंड की नई विशेषताओं पर एक अवलोकन रिपोर्ट।