सामग्री
- 01. ग्रीड वापरा
- 02. एकच फोकल पॉईंट निवडा
- 03. तृतीय नियम वापरा
- 04. पांढरी जागा वापरा
- 05. डिझाइन घटकांची पुनरावृत्ती करा
- 06. पदानुक्रम वापरा
- 07. स्केल, कॉन्ट्रास्ट आणि सुसंवाद वापरा
आपण डिझाइन केलेल्या कोणत्याही पृष्ठ लेआउटचे प्राथमिक उद्दीष्ट, ते मुद्रित माहितीपत्रकासाठी किंवा नवीनतम वेब अ‍ॅपचे असले तरीही वाचकांपर्यंत माहिती स्पष्ट आणि प्रभावीपणे संप्रेषित करणे होय. मुख्य संदेश वाचकांपर्यंत पोचविण्यात आले आहेत याची खात्री करण्याचा एक उत्तम मार्ग म्हणजे संतुलित पृष्ठ लेआउट तयार करणे.
पृष्ठ लेआउट डिझाइनमध्ये विशेषत: भरपूर प्लेसमेंट, पुनर्रचना आणि घटकांचे स्वरूपन समाविष्ट असते. बरेच डिझाइनर या प्रक्रियेस सेंद्रियपणे संपर्क साधतात, त्यांना त्यांच्या सुखद शेवटच्या परिणामापर्यंत जाणवतात. यामुळे काही उत्कृष्ट आनंदी अपघात होऊ शकतात, परंतु एक धोका आहे की फ्री-फॉर्म पद्धती वापरल्यामुळे पृष्ठावरील दृश्य संतुलनाची कमतरता उद्भवू शकते.
एक चांगली पृष्ठ रचना दोन्ही डोळ्यांना आवडेल आणि त्या महत्त्वाच्या संदेशांना अभिप्रेत प्रेक्षकांपर्यंत स्पष्टपणे संप्रेषित करेल. आपल्या पृष्ठ लेआउट डिझाइनमध्ये संतुलन आहे याची खात्री करण्यासाठी आम्ही काही शीर्ष टिपा एकत्रित केल्या आहेत (एक चांगली वेबसाइट बिल्डर देखील मदत करेल). हे कार्य आपण कार्य करीत असलेल्या माध्यमांची पर्वा न करता शिल्लक रचनेची रचना प्रदान करण्यासाठी चांगले कार्य करेल.
अधिक वेब-विशिष्ट सल्ल्यासाठी, अचूक वेबसाइट लेआउट तयार करण्यासाठी आमचे मार्गदर्शक पहा.
01. ग्रीड वापरा
आपल्या पृष्ठावरील शिल्लक पदवी असल्याचे सुनिश्चित करण्याचा सर्वात सोपा मार्ग म्हणजे ग्रीड सिस्टम वापरणे. ग्रीड हे छापील पृष्ठाचे एकमेव जतन होते, परंतु ग्रीडची संकल्पना डिजिटल माध्यमात स्थलांतरीत करण्यात मदत करण्यासाठी गेल्या काही वर्षांत बरेच काम ऑनलाइन पूर्ण झाले आहे.
पृष्ठावरील भिन्न घटकांच्या स्थितीबद्दल माहिती देण्यासाठी ग्रीडचा वापर करून, आपण आपले पृष्ठ बनविणार्‍या भिन्न घटकांमधील कनेक्शन तयार कराल. हे आपल्या लेआउटवर ऑर्डरची भावना प्रदान करण्यात मदत करू शकते, वाचकास परत येण्यास स्पष्ट स्ट्रक्चरल संदर्भ प्रदान करते आणि आपल्या पृष्ठाची यशस्वीरित्या वाढवते.
हे महत्त्वाचे आहे कारण जेव्हा आपल्या सर्व पृष्ठ घटकांमध्ये एकमेकांशी संपर्क साधण्याची भावना असते, तेव्हा एकूणच परिणाम वाचकांना अधिक आरामदायक वाटतो, त्यांना सहजतेने मदत करतो आणि महत्त्वपूर्ण सामग्रीवर त्यांचा प्रवेश सुलभ करतो: सामग्री.
02. एकच फोकल पॉईंट निवडा
संतुलनाची भावना प्रदान करण्याचा सर्वात प्रभावी मार्ग म्हणजे आपल्या लेआउट डिझाइनसाठी एकच फोकल पॉईंट निवडणे. पृष्ठावरील सर्वात मोठी एकल घटक म्हणून मोठ्या प्रतिमेचा उपयोग करणे हे या व्यावहारिकतेचे एक चांगले उदाहरण आहे.
सशक्त व्हिज्युअल वाचकांना आपल्या पृष्ठाकडे नेण्यासाठी एक शक्तिशाली मार्ग प्रदान करू शकतो (जसे की आदर्श वेब होस्टिंग सेवेचे तज्ञ विश्लेषण देखील करू शकते) आणि आपल्या लेआउटमध्ये उर्वरित सामग्रीची व्यवस्था कशी करावी यासाठी एक उपयुक्त स्ट्रक्चरल घटक देखील पुरवितो. आपल्याकडे एकाधिक व्हिज्युअल घटक असल्यास, त्याच प्रकारे संरेखित करून, त्यांना एकत्रित करण्यासाठी गेस्टल्ट थियरीचे निकटता तत्व वापरा.
हे लक्षात ठेवण्यासारखे देखील आहे की आपण त्याच प्रकारे एक मथळा वापरू किंवा कोट पुल करू शकता; चांगली डिस्प्ले हेडलाइन आपल्याला संतुलित मांडणी सुनिश्चित करण्यात मदत करेल अशी रचना प्रदान करत असताना प्रतिमेइतकी व्हिज्युअल रूची देखील देऊ शकते.
03. तृतीय नियम वापरा
समतोलपणाची भावना प्रदान करण्याचा एक उत्तम मार्ग म्हणजे डिझाइनरचा आवडता नियम ऑफ थर्ड्स किंवा गोल्डन रेशियो. सोप्या भाषेत सांगायचे तर तृतीयांश नियम सांगते की जर आपण आपल्या पृष्ठास अनुलंब आणि आडव्या दोन्ही भागामध्ये विभाजित केले तर ज्या बिंदूवर ग्रीड रेषा एकमेकांना जोडतात त्या रचनांचे नैसर्गिक केंद्रबिंदू प्रदान करतात.
आपल्या मुख्य घटकांना या चार बिंदूंवर संरेखित करून, आपण आपल्या पृष्ठावरील घटक पूर्णपणे मध्यभागी घेतल्यास त्यापेक्षा अधिक आनंददायक रचना साध्य कराल.
स्वतःच, तृतीयांश नियम जादूने आपला लेआउल शिल्लक देणार नाही, परंतु तत्त्वाचा विस्तार करून, आपल्या लेआउटची शिल्लक माहिती देण्यात मदत करण्यासाठी नैसर्गिक प्रवृत्तीकडे या प्रवृत्तीचा वापर करणे सोपे आहे.
एक सामान्य दृष्टीकोन म्हणजे आपल्या पृष्ठाचे सर्वात महत्वाचे घटक पृष्ठाच्या वरच्या (किंवा खालच्या) तिसर्‍या, प्राथमिक फोकल पॉईंटसह एका छेदनबिंदूशी जुळण्यासाठी ठेवलेले असतात. आपल्या साइटसाठी बर्‍याच मालमत्ता संग्रहित केल्या? हे क्लाउड स्टोरेज पर्याय पहा.
04. पांढरी जागा वापरा
नवशिक्या डिझाइनरसाठी पृष्ठावरील प्रत्येक जागेचा वापर करणे आणि प्रत्येक अंतर पूर्ण होईपर्यंत सामग्रीमध्ये सामग्री भरणे सामान्य आहे. अधिक अनुभवी लोकांना हे माहित आहे की काहीवेळा उत्कृष्ट डिझाइनमध्ये घटकांना शूज देण्याऐवजी घटक सोडणे समाविष्ट असते.
मुद्रित माध्यमात, पांढर्‍या जागेचा वापर करण्याचा सर्वात सामान्य मार्ग म्हणजे पृष्ठ मार्जिन आणि गटारी विस्तृत करणे. वेबवर, घटकांभोवती भरपूर श्वासोच्छवासाची खोली उपलब्ध करुन देणे आपल्या लेआउटची रचना बनविण्यास आणि संतुलित बनविण्यात मदत करते.
आपल्याकडे सामग्री एकत्रित करणारी स्पष्ट रचना असल्यास (जसे की ग्रीडद्वारे प्रदान केलेली) नकारात्मक जागेचा वापर करणे चांगले कार्य करते, कारण पांढpha्या जागेचा धोका पत्करलेल्या अवस्थेने ओळखला गेला तर पृष्ठ घटकांमधील आपसातील संपर्क तुटू शकतो.
05. डिझाइन घटकांची पुनरावृत्ती करा
पुनरावृत्ती देखील कनेक्टिव्ह डिझाइनची रचना आणि समतोलपणाची तीव्र भावना प्रदान करू शकते. कल्पना अशी आहे की आपल्या संपूर्ण लेआउटमध्ये एक मूलभूत रचना किंवा रचना उपचार ओळखून आणि पुन्हा वापरुन आपण वाचकासाठी एक संदर्भ प्रदान करू शकता जेणेकरून भिन्न क्षेत्रे कनेक्ट होऊ शकतात आणि समान एकूण रचनांचा एक भाग आहे.
पुनरावृत्तीद्वारे परिचयातील समानतेचा हेतू हेतुपुरस्सर फोडून, संपूर्ण समतोल राखून आपल्या डिझाइनमध्ये केंद्रबिंदू प्रदान करण्यासाठी आपण हे तंत्र देखील वापरू शकता.
06. पदानुक्रम वापरा
पृष्ठ लेआउट निर्वाण साध्य करण्यासाठी एक महत्त्वपूर्ण मार्ग म्हणजे रचना आणि श्रेणीरचनाची स्पष्ट भावना. आम्ही संरचनेवर आधीच स्पर्श केला आहे, परंतु आपल्या पृष्ठावरील सामग्रीच्या वेगवेगळ्या तुकड्यांचे सापेक्ष महत्त्व देखील सांगणे महत्वाचे आहे. एक मथळा, उदाहरणार्थ, मुख्य मजकूर सामग्रीपेक्षा जवळजवळ नेहमीच दृश्यास्पद असतो.
आपले लेआउट डिझाइन बनवणारे भिन्न घटक पहा आणि कोणता घटक सर्वात महत्वाचा आहे हे ठरवा. पृष्ठावरील उर्वरित घटकांसाठी स्ट्रक्चरल हुक प्रदान करण्यासाठी या घटकाचा वापर करा, त्यास सर्वात महत्वाचे ठेवून.
07. स्केल, कॉन्ट्रास्ट आणि सुसंवाद वापरा
शेवटी, आपल्या लेआउटमध्ये एक चांगला व्हिज्युअल शिल्लक साधण्यासाठी स्केलचा वापर करणे ही एक प्रभावी पद्धत असू शकते. इतरांपेक्षा काही घटक मोठे करून, ऑर्डर आणि पदानुक्रमेची भावना उदयास येईल. हे एक आरामदायक लेआउट तयार करण्यात मदत करते कारण दर्शक आपोआप आधी त्या लेआउटमधील मोठ्या घटकांकडे पाहतील आणि त्या वाचत असताना लहान घटकांकडे जातील.
हे सिद्धांत वाढीव कॉन्ट्रास्टसह देखील कार्य करते, जेणेकरून कॉन्ट्रास्टद्वारे पृष्ठावरील घटक वेगळे करून त्या बिंदूवर डोळा प्रथम लक्ष केंद्रित करेल. हे पृष्ठास एक मार्ग प्रदान करते आणि येथून आपला लेआउट विकसित करण्यासाठी पुन्हा एक उपयुक्त स्ट्रक्चरल पॉईंट देते.
जेव्हा ते एका घटकावर लागू होते तेव्हा ते प्रमाण आणि भिन्नता दोन्ही चांगले कार्य करतात ज्यामुळे ते आपल्या लेआउटच्या इतर भागांपेक्षा भिन्न होते. इतरांना जोडलेले वाटण्यासाठी आणि केंद्रबिंदू स्पष्ट करण्यासाठी समरसतेच्या तत्त्वांचा वापर करा.
