किसी पृष्ठ पर यादृच्छिक वस्तुओं का सामना करते समय, दर्शक अक्सर कनेक्शन ढूंढने का प्रयास करेंगे। डिजाइनर अर्थों को व्यक्त करने और उनके संदेश प्रसारित करने में सहायता के लिए समूहों में वस्तुओं (पाठ और / या छवियों) की व्यवस्था करके दर्शकों की सहायता कर सकते हैं। इन समूहों का यह निकटता निकटता, डिजाइन का एक सिद्धांत है।
निकटता पृष्ठ तत्वों के बीच एक बंधन बनाता है। ऑब्जेक्ट्स को कितनी करीब रखी जाती है, रिश्ते का सुझाव दे सकते हैं। ऑब्जेक्ट्स को अलग रखा गया अंतर भिन्नता का सुझाव दे सकता है।
हालांकि कभी-कभी एक अलग सिद्धांत, एकता या "दस्तावेज़ के हिस्सों के साथ-साथ कितने अच्छे काम करते हैं" माना जाता है, कभी-कभी निकटता के लिए उपयोग किया जाता है। निकटता निकटता है। हालांकि, निकट निकटता वाले तत्वों को तीसरे तत्व को पेश करके एकीकृत किया जा सकता है। एक उदाहरण: नक्शा के बीच में एक बिंदु के साथ मार्जिन में एक टेक्स्ट लेबल को जोड़ने वाला एक तीर। इस तरह, एक तत्व या एकता उन तत्वों के बीच हासिल की जा सकती है जो बहुत दूर हैं लेकिन एक साथ हैं।
ग्रुपिंग ऑब्जेक्ट्स को स्पेस स्पेस के साथ किया जा सकता है, समूहों के बीच भौतिक बाधाओं (जैसे नियम), और यहां तक कि आकार, रंग या बनावट के उपयोग से वस्तुओं की तरह दृष्टि से समूह और दृश्यों के विपरीत, वस्तुओं के विपरीत।
पृष्ठ लेआउट में निकटता का उपयोग करना
अलग-अलग इकाइयों में समूह वस्तुओं के निकटता का उपयोग करके पृष्ठ पर बहुत सारे व्यक्तिगत तत्व होने पर दर्शक को जबरदस्त से बचें।
- छवियों के नजदीक कैप्शन रखना न केवल यह स्पष्ट करता है कि कैप्शन छवि के साथ जाता है, यह दो अलग-अलग दृश्यों से एक एकल दृश्य इकाई बनाता है।
- पता, फोन नंबर, ईमेल पता, और वेब पता जैसे ग्रुपिंग तत्व न केवल सभी संपर्क जानकारी को एक आसान-से-स्पॉट इकाई में डालते हैं, यह आंखों को आराम करने के लिए एक स्थान बनाता है (और जानकारी प्राप्त करता है) चार स्थानों के बजाय चारों ओर कूदो और संभवतः अनदेखा करें।
- यदि समूहबद्ध करने के लिए कई तत्व हैं, तो उप-समूहीकरण पर विचार करें। उदाहरण के रूप में संपर्क जानकारी का उपयोग करके, उन्हें एक साथ समूहित करें, उदाहरण के लिए, एकाधिक फ़ोन नंबरों के उप-समूह बनाने के लिए अंतर (या अन्य माध्यम) का उपयोग करें।
सहायता नेविगेशन के निकटता का उपयोग करना
- यदि आप पाठक को पाठ में सीधे ले जाना चाहते हैं तो शीर्षक की प्रतिलिपि (एक विज्ञापन, एक न्यूज़लेटर लेख इत्यादि) के पास रखें। यदि पाठ के साथ एक साथ दृश्य विशेष रूप से महत्वपूर्ण है, तो आप शीर्षक के तुरंत बाद दृश्य डाल सकते हैं।
- डेविड ओगिल्वी के काम के आधार पर 5 चरण विज्ञापन डिजाइन फॉर्मूला आम तौर पर विज्ञापन के माध्यम से दर्शकों का नेतृत्व करने के लिए एक विशिष्ट पैटर्न में पांच प्रकार की सामग्री की व्यवस्था करता है। निकटता का उपयोग समूह सामग्री के लिए भी किया जा सकता है जो उन पांच प्रकार की सामग्री बनाता है।
निकटता क्योंकि यह उपयोगकर्ता की मदद करता है
दर्शकों को एक साथ जाने वाले तत्वों को एक साथ लाने और अन्य भागों को अलग करने के लिए निकटता का उपयोग करके जटिल पृष्ठों या सूचना-पैक लेआउट को समझने में सहायता करें।
- उदाहरण के लिए, एक संगोष्ठी के लिए एक ब्रोशर जिसमें कई अलग-अलग कार्यशालाएं होती हैं जिनमें कई दिन और स्थान फैलते हैं, आसानी से अभिभूत हो सकते हैं। प्रत्येक व्यक्तिगत कार्यशाला (शीर्षक, विवरण, दिनांक / समय, स्थान) के लिए एक साथ समूहीकृत होने के लिए निकटता का उपयोग करें (शीर्षक, विवरण, दिनांक / समय, स्थान) एक समूह को प्रदान करते हुए, जिसमें समग्र विवरण जैसे पंजीकरण, लागत, और संपर्क जानकारी।
- किसी वेब पेज पर, आप अपने फ़ंक्शन (जैसे शॉपिंग / कैटलॉग, साप्ताहिक स्पेशल और तकनीकी सहायता) के अनुसार समूहों में मुख्य और सहायक नेविगेशन लिंक (चाहे टेक्स्ट, टैब या बटन) को समूहबद्ध करने के लिए निकटता का उपयोग कर सकते हैं।