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

यह श्रृंखला का छठा लेख है "फिगमा खोलने से पहले एक इंटरफ़ेस बनाने के लिए एक बुनियादी गाइड", इस श्रृंखला को बनाने वाले लेखों की अनुक्रमणिका के लिए नीचे दिए गए लिंक को देखें।

मार्जिन और रिक्ति

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

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

क्लिक या टैप करने योग्य क्षेत्र कम से कम 44x44 पिक्सेल आकार के होने चाहिए, जब तक कि यह क्षेत्र टेक्स्ट के ब्लॉक में स्थित वाक्य में न हो।

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

वस्तुओं के बीच का स्थान क्षैतिज और लंबवत हो सकता है, जो आपके इंटरफ़ेस में घटकों के दृश्य पढ़ने की लय को निर्धारित करता है।

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

रिक्ति के साथ सफेद स्थान बनाना भी संभव है, यह आपके इंटरफ़ेस को अधिक हवादार बनाने में मदद करेगा और इसे अन्य तत्वों से अलग करने के लिए सबसे महत्वपूर्ण क्या है।

रिक्ति नियमों को निर्धारित करना ताकि उनके पास एक पैटर्न हो और एकरूपता बहुत महत्वपूर्ण है।

तकनीकी रूप से हम एक घटक में मार्जिन बनाने के लिए मार्जिन और पैडिंग नामक गुणों का उपयोग कर सकते हैं।

मार्जिन एक वस्तु के अंदर-बाहर की दूरी है और आमतौर पर इसका उपयोग अन्य घटकों के बीच एक स्थान बनाने के लिए किया जाता है:

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

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

यह भी देखें:

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

यह श्रृंखला का अंतिम लेख था, और अगला लेख होगा: "घटकों का एनाटॉमी"