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