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