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