विषय
यह लेख पहली बार .net पत्रिका के अंक 229 में प्रकाशित हुआ - वेब डिजाइनरों और डेवलपर्स के लिए दुनिया की सबसे अधिक बिकने वाली पत्रिका।
सबसे महत्वपूर्ण चीजों में से एक जिस पर आप ध्यान केंद्रित कर सकते हैं जब वह एचटीएमएल/सीएसएस में एक पृष्ठ को बिछाने की बात आती है, तो वह दृश्य पैटर्न होता है - दृश्य पैटर्न जो कि प्रकार के ब्लॉक या प्रकार की रेखाएं जब आप पृष्ठ को स्कैन करते हैं।
इस लय को प्रभावित करने के लिए अन्य चीजें आ सकती हैं जैसे शीर्षक, सूची आइटम, चित्र, आदि। अच्छी लंबवत लय होना सर्वोपरि है क्योंकि यह आपके पृष्ठ की पठनीयता और स्कैन-क्षमता में मदद करता है।
वेब पर कुछ बेहतरीन ट्यूटोरियल हैं (उदाहरण के लिए यहां और यहां देखें) जहां आप अपनी लाइन-ऊंचाई के लिए ईएमएस का उपयोग करके तकनीकी रूप से उचित लंबवत लय प्राप्त करने के तरीके के बारे में जान सकते हैं और अपने प्रकार को 'चरण में' रखने के बारे में सीख सकते हैं। बोले तो।
अनुक्रम
तत्वों और पृष्ठ पर समग्र दृश्य पदानुक्रम के बीच की रेखा-ऊंचाई पर ध्यान देने के लिए बुनियादी चीजें हैं। उचित रेखा-ऊंचाई अनुपात निर्धारित करना एक सम्मिलित डिज़ाइन अभ्यास हो सकता है लेकिन इसमें महारत हासिल करना महत्वपूर्ण है। पदानुक्रम भी महत्वपूर्ण है, जिसमें छवियों और पाठ तत्वों को एक दूसरे के साथ दृष्टिगत रूप से सामंजस्य होना चाहिए - सबसे महत्वपूर्ण चीजें आम तौर पर बड़ी होती हैं और पृष्ठ पर पहले आती हैं।
प्रिंट डिजाइनरों ने कई वर्षों तक लंबवत लय के विचार से निपटा है और यह हाल के दिनों में ही वेब डिजाइनरों को वास्तव में इस सामान में शामिल होना पड़ा है। ग्रिड लेआउट का उपयोग करके वेबसाइट बनाने और कई स्क्रीन चौड़ाई को समायोजित करने के लिए उत्तरदायी कार्यान्वयन पर ध्यान देने की बढ़ती आवश्यकता के साथ, दृश्य डिजाइन परिप्रेक्ष्य से पहले से कहीं अधिक महत्वपूर्ण है, शायद तकनीकी से कहीं अधिक।
जाँच करने के लिए पाँच उदाहरण
1. टाइपोग्राफिक शैली के तत्वs रॉबर्ट ब्रिंगहर्स्ट की यह पुस्तक टाइपोग्राफी अध्ययन के लिए मानक है। इसे पढ़ें, इसका सेवन करें, किसी भी तरह से इसे अपने दिमाग में डालें।
2. फ्रैंक चिमेरो सामान्य रूप से बिल्कुल आश्चर्यजनक होने के अलावा, डिजाइनर फ्रैंक चिमेरो की निजी वेबसाइट का हालिया नया स्वरूप एक शानदार लंबवत लय प्रदर्शित करता है। जब आप पृष्ठ को नीचे भी स्क्रॉल करते हैं तो वह ताल को घर चलाने में मदद करने के लिए एक लंबन प्रभाव का उपयोग करता है।
3. डैन सीडरहोम महान टाइपोग्राफ़िक लंबवत लय के एक अच्छे उदाहरण के लिए, डैन सेडरहोम के ब्लॉग पर एक नज़र डालें। कॉपी और हेडलाइन की लाइन-ऊंचाई सही अनुपात में है।
4. फोकस लैब वेब डिज़ाइन और ब्रांडिंग फ़र्म फ़ोकस लैब विज़िटर के लिए सबसे महत्वपूर्ण चीज़ों को संप्रेषित करने में मदद करने के लिए चतुराई से पदानुक्रम का उपयोग करती है।
5. टाइपोफोन्डेरी टाइपोग्राफी स्टूडियो टाइपोफोन्डेरी के लिए वेबसाइट में छवियों और टेक्स्ट के साथ महान लंबवत लय है। तत्वों के बीच की दूरी पूरे वेबसाइट के अनुपात में है और मुख्य छवि और माध्यमिक छवियों/अनुभागों के बीच पदानुक्रम एकदम सही है।
क्रिएटिव ब्लोक पर प्रयोगात्मक डिजाइन के 10 अद्भुत उदाहरण खोजें।