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