मोबाइल इंटरफेस के डिजाइन में आधुनिक प्रवृत्तियों
प्रेरणा / / December 26, 2019
प्रकाश डिजाइन
प्रकाश की फ्लैट डिजाइन सौंदर्यशास्त्र की प्रवृत्ति थी। एक वस्तु के चारों ओर अंतरिक्ष उपयोग नहीं किया जाता या फंसाया है (ढ़ाल, छाया और की तरह उपयोग करते हुए)। यह आपको केवल महत्वपूर्ण जानकारी पर ध्यान देने के साथ एक सरल अंतरफलक बनाने के लिए अनुमति देता है। नहीं असर अर्थ लोड डिजाइन तत्वों को निकाल दिया जाता है, खाली सजावट का एक स्पष्ट अस्वीकृति निशान बनता है।
लाइट डिजाइन आंखों के लिए बहुत अधिक ध्यान भटकाता नहीं है और चुपचाप स्क्रीन पर बहने में मदद करता है और केवल सामग्री पर ध्यान केंद्रित। यह समाधान आसानी से इंटरफ़ेस है, जो उपयोगकर्ता के लिए महत्वपूर्ण है नेविगेट करने के लिए संभव बनाता है। सुरुचिपूर्ण आधुनिक सौंदर्यशास्त्र केवल आंखों के लिए खुश नहीं है, लेकिन एक अच्छी छाप छोड़ देता है।
सभी के लिए एक टाइपफेस
डिजाइनर टाइपोग्राफी करने के लिए स्क्रीन और भुगतान ध्यान पर फोंट की एक विस्तृत विविधता से इंकार कर दिया। इसके बजाय कई टाइपफेस या टाइपफेस का उपयोग कर के वे बस फ़ॉन्ट आकार बदलें। यह सामग्री के अलग-अलग हिस्सों को अलग करने के लिए संभव बनाता है।
आवेदन भर अधिकतम एकल फॉन्ट का प्रयोग काम करता है न केवल मान्यता, लेकिन यह भी विभिन्न चैनलों की संचार के लिए: अनुप्रयोग, साइट के मोबाइल और वेब संस्करण। यह आपको एक एकल, एकीकृत इंटरफेस में सभी आइटम एकत्र करने के लिए अनुमति देता है। इसके अतिरिक्त, उपयोगकर्ताओं सुविधाजनक स्क्रॉल पाठ आसान जानकारी प्राप्त करने के।
मॉड्यूल और ब्लॉक - कोई लाइनों
लाइन से पहले और विभाजक स्क्रीन पर एक विशेष अंग या श्रेणी की पहचान के लिए प्रयोग किया जाता है। परिणाम एक कॉम्पैक्ट, लेकिन अतिभारित इंटरफेस है। लाइनों को छोड़, डिजाइनरों समूह ब्लॉकों के लिए शुरू किया, उन्हें एक दूसरे "हवा" से अलग होने के - रिक्त स्थान। नतीजतन, आवेदन की उपस्थिति अधिक शुद्ध मुक्त हो जाता है।
इच्छा औपचारिक लाइनों और विभाजक से छुटकारा पाने के आवेदन के आधुनिक रूप की आवश्यकताओं के कारण प्रतीत होता है जो पहली जगह में के लिए - कार्यक्षमता। इसलिए, संभव के रूप में ज्यादा के रूप में अंतरिक्ष का उपयोग करने, डिजाइनरों अलगाव की कम दखल तरीकों के लिए देखने के लिए शुरू कर दिया। उदाहरण के लिए, तैयार की लाइनों के बजाय फ़ॉन्ट आकार या बढ़े हुए छवि लिंक का इस्तेमाल किया।
सुर्खियों में आंकड़े
उपयोगकर्ता प्राथमिकताएं तेजी से सरल इंटरफेस की ओर जा रहे हैं। इसलिए, महत्वपूर्ण जानकारी सामने प्रस्तुत किया जाएगा: आंकड़े आदेश दर्शकों का ध्यान आकर्षित करने में (फ़ॉन्ट आकार और चमकीले रंग में वृद्धि से फिर से) से दिखते हैं।
बढ़ाया फ़ॉन्ट और गहरे रंगों का उपयोग करना, यह निकला हुआ अतिरिक्त आदेशों और कीस्ट्रोक्स के बिना एक विशेष क्षेत्र की ओर ध्यान आकर्षित करने के लिए आसान है। उपयोगकर्ता जल्दी से अपने स्थान और आसान नेविगेशन के माध्यम से जानकारी प्राप्त करता है।
Mikrointeraktiv
Mikrointeraktiv - जैसे एनीमेशन के रूप में छोटे तत्वों, है, जो उपयोग परिदृश्यों के आधार पर दिखाई देते हैं। विभिन्न स्थितियों में इस तरह की स्थितियों के मानक संचालन, पॉप अप स्क्रीन पर संदेश, दबाने के लिए है कि प्रतिक्रिया तत्व शामिल हो सकते।
Mikrointeraktiv उपयोगकर्ता किसी भी कार्रवाई प्रदर्शन के लिए एक संकेत के रूप में इस्तेमाल किया। उदाहरण के लिए, यह खुद के लिए सेटिंग्स समायोजित कर देता है, और उसे पॉप-अप करने सहायता संदेश मदद करते हैं। आवेदन इंटरैक्टिव अच्छी तरह से, खर्च की गई थी कि आसान उपयोग करते हैं, मज़ा और उपयोगकर्ता बेहतर याद करने के लिए।
रंगों के छोटे पैलेट
2013 जब सब प्रेरित स्पष्टता और डिजाइन की सादगी, प्रचलन में सरल रंग योजनाओं का इस्तेमाल शुरू में एक विमान डिजाइन के अंधाधुंध प्रचार करने के बाद। आज, दोनों डिजाइनरों और उपयोगकर्ताओं के लिए एक जैसे रंग की एक छोटी संख्या पसंद करते हैं।
रंग जहां यह ब्रांड के साथ कनेक्शन स्थापित करने के लिए आवश्यक है समग्र मूड पर जोर देना, उपयोगकर्ता का ध्यान मार्गदर्शन की जरूरत है। आसान रंग की एक छोटी संख्या के साथ कॉर्पोरेट पहचान को प्रतिबिंबित करने के। इसके अलावा, इस सौंदर्य की तरह उन, क्योंकि ध्यान, मामले में बिखरे हुए नहीं है रंगों की एक किस्म का उपयोग कर, और इसलिए यह महत्वपूर्ण कार्य को खोजने के लिए आसान है और धारा नेविगेट जानकारी।
बहु परत इंटरफेस
पहले skeuomorph सिद्धांतों के लिए बनाया गया इंटरफेस। ऐसा नहीं है कि डिजाइन (जैसे कंप्यूटर एक डेस्कटॉप कागज कैलेंडर, सभी चिह्न 3 डी में प्रदर्शन कर रहे हैं की तरह लग रहा था पर एक कैलेंडर के रूप में) असली वस्तुओं का आकार इस प्रकार मान लिया गया था। अब - फ्लैट डिजाइन की लोकप्रियता के साथ - सड़क के किनारे इस सिद्धांत की वापसी देखा जा सकता है, के रूप में अन्य तरीकों से गहराई का प्रतिनिधित्व करने का अवसर है। मुख्य रूप से - परतों का उपयोग। यह गहराई और आकार की भावना पैदा करने के लिए एक ठोस वस्तु बनाने के लिए मदद करता है।
यह फ्लैट डिजाइन किया जा रहा है "बहुत सपाट" जोखिम, और रेखा पतली है: अगर यह 3 डी के चारों ओर करने के लिए इस्तेमाल किया जाता है, के रूप में एक उपयोगकर्ता एक फ्लैट आवेदन में नेविगेट करने और इसका इस्तेमाल करने के? वहाँ एक समाधान है - परतों। परतें मदद तत्वों के बीच निर्माण रिश्तों को एक से दूसरे वस्तु थोपना, और सबसे महत्वपूर्ण पर प्रकाश डाला।
पारदर्शी बटन
पारदर्शी बटन - भरण रंग के बिना एक बटन है, जो की सीमाओं बहुत ठीक स्ट्रोक दर्शाया गया है। इस मामले में, केवल साधारण रूपों उपयोग किया जाता है: आयताकार या वर्ग, सीधे या गोलाकार कोनों के साथ। इस तरह के एक सरल और minimalistic में पाठ बटन।
पारदर्शी बटन, उपयोगकर्ता का ध्यान आकर्षित, सुव्यवस्थित विनीत, और आधुनिक रूप रहते हुए। इसके अलावा, यह, एक पदानुक्रम का निर्माण करने के लिए यदि आप बटन के कई प्रकार का उपयोग संभव है। इस प्रकार, पारदर्शी बटन अतिरिक्त कार्य या मध्यवर्ती अभिनय करने के लिए बात करने के लिए की जरूरत है, और के लिए कुछ छाया लागू होते हैं, उपयोगकर्ता आसानी से श्रेणीबद्ध संबंध पढ़ सकते हैं।
इशारों
सेंसर और gyroscopes उपयोगकर्ता उपकरणों की शुरूआत के साथ अधिक बुद्धिमान गति बन जाते हैं। डिवाइस के साथ मानव बातचीत नल के माध्यम, लेकिन असली संकेत से न केवल संभव बनाया है।
लोग सहज समझ कैसे डिवाइस इशारा करने के लिए प्रतिक्रिया करता है। आप कहें तो (कोई बात नहीं क्या यह लिंग या उम्र है), किसी आइटम को निकालने के लिए कैसे, यह स्क्रीन से smahnot सिर्फ एक आंदोलन है। बटन पर क्लिक करें उपयोगकर्ताओं के अनुभव में वृद्धि के साथ कम और अधिक स्क्रॉल। डिवाइस के साथ बातचीत करने के तरीके और अधिक इंटरैक्टिव होते जा रहे हैं, और स्क्रीन बस क्लिक के लिए एक क्षेत्र की तुलना में अधिक कुछ में बदल जाता है।
प्रस्ताव
प्रौद्योगिकी डिजाइनरों में नवाचारों के लिए धन्यवाद शैलियों के साथ परतों के आंदोलन को नियंत्रित करने में सक्षम थे। बढ़ते डिजाइन तत्वों संक्रमण, एनीमेशन, और यहां तक कि बनावट है कि 3 डी गहराई की नकल सहित कई रूपों ले सकते हैं। सदस्य डिजाइनर या डेवलपर्स को संकेत दिए बिना गति में सब कुछ लाने के लिए सीखा है। वे अपने स्वयं के सामग्री बदलने कर रहे हैं, तत्वों, वस्तुओं, डेटा को संशोधित जल्दी से सबसे महत्वपूर्ण पढ़ें।
आंदोलन ध्यान आकर्षित किया। लेकिन यह समझना महत्वपूर्ण है कि यह उपयोगकर्ता में मदद कर सकते हैं, और उसे विचलित कर सकते हैं महत्वपूर्ण है। और आंदोलनों के साथ पता करने के लिए जब रोकने के लिए की जरूरत है। लेकिन सामान्य तौर पर, प्रतिक्रिया का एक दृश्य अभिव्यक्ति अक्सर उनकी पहुंच वाह कारक के कारण बढ़ जाती है।
लघु उपयोगकर्ता परिदृश्यों
उपयोगकर्ताओं को अब पृष्ठों की जटिल संरचना को समझने की जरूरत है। डिजाइनर एक ही पृष्ठ, जिस पर, के रूप में आवश्यक है, वहाँ अतिरिक्त तत्व हैं पैदा करता है। यह समाधान दोनों समय और प्रयास को बचाने के लिए मदद करता है। उदाहरण के लिए, प्रपत्र स्वत: ही प्रदर्शित या प्रकाश डाला है जब उपयोगकर्ता एक विशेष क्षेत्र तक पहुँचता है और गायब हो जाता है जब यह अगले करने के लिए ले जाता है है।
स्मार्टफोन उपयोगकर्ताओं के लिए यह की तरह जब सब कुछ आवेदन में आसान और सरल है। पूरी डिजाइन अनुभव उपयोगकर्ता प्रयास को कम करने और प्रतिक्रिया की गति को बढ़ाने के लिए सुनिश्चित करने के लिए प्रतिबद्ध है, तो स्क्रिप्ट और छोटे बन जाते हैं।
डिजाइन मानकों - सबसे अच्छा समाधान
डिजाइन मानक - प्रारंभिक डिजाइन चरण में एक दृश्य भाषा के गठन की प्रक्रिया। मानकों के डिफाइंड समूहों: रंग, प्रतीक, सामग्री के समग्र प्रस्तुति।
मानकों की परिभाषा विभिन्न प्लेटफार्मों पर बेमेल बिना एक तार्किक और लगातार उत्पाद बनाने के लिए मदद करता है। यह यह संभव परियोजना के कार्यान्वयन में त्रुटियों की संभावना शून्य के कम करने के लिए और यह भविष्य में परिवर्तन करने के लिए आसान है बनाता है।
प्रोटोटाइप
प्रोटोटाइप - इस उत्पाद के एक प्रारंभिक संस्करण पर प्रारंभिक काम है। प्रोटोटाइप का उपयोग करते हुए एक कार्यात्मक डिजाइन बनाने के लिए, संभव परिवर्तन की भविष्यवाणी और बर्बाद कर समय और बलों डिजाइनर के बिना उपयोगकर्ताओं के अनुरोध का जवाब देना।
महत्वपूर्ण विशेषताओं और तकनीकी आवश्यकताओं: प्रोटोटाइप है जिसमें गुणात्मक हो सकता है परियोजना के प्रमुख घटक बाहर काम - सस्ती प्रयोगात्मक समाधान बना रहा है। यह समय और संसाधनों को बचाने में मदद करता है, अनुभव से सीखने के लिए, और बेहतर उत्पाद बनाने की प्रक्रिया का प्रबंधन करने के।