संतुलित पेज लेआउट कैसे बनाएं

विषय

• 01. ग्रिड का प्रयोग करें
• 02. एक एकल केंद्र बिंदु चुनें
• 03. तिहाई के नियम का प्रयोग करें
• 04. सफेद जगह का प्रयोग करें
• 05. डिजाइन तत्वों को दोहराएं
• 06. पदानुक्रम का प्रयोग करें
• 07. पैमाने, कंट्रास्ट और सद्भाव का प्रयोग करें

आपके द्वारा डिज़ाइन किए गए किसी भी पेज लेआउट का प्राथमिक उद्देश्य, चाहे वह प्रिंटेड ब्रोशर के लिए हो या नवीनतम वेब ऐप के लिए, पाठक को जानकारी को स्पष्ट और प्रभावी ढंग से संप्रेषित करना है। यह सुनिश्चित करने के सर्वोत्तम तरीकों में से एक है कि मुख्य संदेश पाठक तक पहुँचाए जाते हैं, एक संतुलित पृष्ठ लेआउट बनाना है।

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

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

अधिक वेब-विशिष्ट सलाह के लिए, संपूर्ण वेबसाइट लेआउट बनाने के लिए हमारी मार्गदर्शिका देखें।

01. ग्रिड का प्रयोग करें

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

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

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

02. एक एकल केंद्र बिंदु चुनें

संतुलन की भावना प्रदान करने के सबसे प्रभावी तरीकों में से एक है अपने लेआउट डिज़ाइन के लिए एकल केंद्र बिंदु चुनना। व्यवहार में इसका एक अच्छा उदाहरण एक पृष्ठ पर सबसे बड़े एकल तत्व के रूप में एक बड़ी छवि का उपयोग है।

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

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

03. तिहाई के नियम का प्रयोग करें

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

अपने प्रमुख तत्वों को इन चार बिंदुओं पर संरेखित करके, यदि आप, उदाहरण के लिए, अपने पृष्ठ पर तत्वों को पूरी तरह से केंद्र में रखते हैं, तो आप अधिक सुखद रचना प्राप्त करेंगे।

अपने आप में, तिहाई का नियम जादुई रूप से आपके लेआउट को संतुलन प्रदान नहीं करेगा, लेकिन सिद्धांत का विस्तार करके, अपने लेआउट के संतुलन को सूचित करने में मदद करने के लिए प्राकृतिक केंद्र बिंदु की ओर इस प्रवृत्ति का उपयोग करना आसान है।

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

04. सफेद जगह का प्रयोग करें

नौसिखिए डिजाइनरों के लिए एक पृष्ठ पर हर एक जगह का उपयोग करना आम बात है, जब तक कि हर अंतर को भर नहीं दिया जाता है। अधिक अनुभवी लोग जानते हैं कि कभी-कभी सबसे अच्छे डिजाइन में तत्वों को बाहर निकालना शामिल होता है, बजाय उन्हें शूहॉर्न करने के।

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

नकारात्मक स्थान का उपयोग करना सबसे अच्छा काम करता है जब आपके पास एक स्पष्ट संरचना होती है जो एक साथ सामग्री को लंगर डालती है (जैसे कि ग्रिड द्वारा प्रदान की गई), क्योंकि सफेद स्थान का जोखिम पृष्ठ तत्वों के बीच वियोग की भावना हो सकता है यदि इसे बेतरतीब ढंग से पेश किया जाए।

05. डिजाइन तत्वों को दोहराएं

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

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

06. पदानुक्रम का प्रयोग करें

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

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

07. पैमाने, कंट्रास्ट और सद्भाव का प्रयोग करें

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

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

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