बेसलाइन ग्रिड बनाम पठनीयता


23

उनके नमक के लायक कोई भी डिजाइनर ग्रिड के महत्व के बारे में बात करेगा, और ठीक ही ऐसा है। हालांकि, जैसा कि मैंने अपने व्यापार का अभ्यास करना जारी रखा है, मैंने पाया है कि विशेष रूप से बेसलाइन ग्रिड मुझे हमेशा व्यावहारिक नहीं लगता है।

उदाहरण के लिए, मैं बहुत सारी मार्केटिंग शीट्स के साथ काम करता हूं, जिनकी सूची बुलेटेड है। मेरा पहला झुकाव सब कुछ समान रूप से स्थान देना है और बेसलाइन ग्रिड रखना है, जैसे:

बेसलाइन ग्रिड रिक्ति के साथ अनियंत्रित सूची

लेकिन बहुत बार, हम इस निष्कर्ष पर आते हैं कि भले ही गोलियां आइटम को अलग करती हैं, यहां तक ​​कि लाइनों के बीच और सूची आइटम के बीच के अंतर को भी नेत्रहीन रूप से अंक को अलग करना कठिन हो जाता है। तो हम कुछ इस तरह से समाप्त करते हैं:

बेसलाइन ग्रिड रिक्ति के बिना अनियंत्रित सूची

प्रत्येक सूची आइटम बेहतर रूप से प्रतिष्ठित है, लेकिन अब बेसलाइन ग्रिड चला गया है और पूरी चीज थोड़ी गड़बड़ है।

एक छोटे स्तर पर, यहाँ एक और उदाहरण है:

एक और रिक्ति उदाहरण

एक उचित बेसलाइन ग्रिड रखने से दो-पंक्ति वाला शीर्षक अलग-अलग चीजों की तरह दिखता है, लेकिन अंतर को सही करने के लिए बदलकर प्रवाह को नुकसान पहुँचाता है (यदि कुछ लोगों के पास केवल एक-पंक्ति वाला शीर्षक था)।

यह संभव है कि मैं अभी भी अनुभवहीन हो सकता हूं कि मुझे पता नहीं है कि मेरा केक कैसे है और यहां भी खाएं। लेकिन मुझे संदेह है कि यह एक ऐसा परिदृश्य हो सकता है जहां विभिन्न प्राथमिकताओं को संबोधित करने के लिए डिजाइन नियमों को लचीला होना चाहिए।

लेकिन मैं इसकी परवाह किए बिना पूछूंगा: जो अधिक महत्वपूर्ण है - इस तरह की स्थिति में बेसलाइन ग्रिड को बनाए रखना, या पठनीयता में लाभ प्राप्त करने के लिए ग्रिड से समझौता करना?


1
+1 मैंने सोचा कि मैं बेसलाइन ग्रिड के साथ इन मुद्दों को रखने में असामान्य था। कुछ जो मैं अक्सर करता हूं, दो बार (या कभी-कभी तीन बार) बेसलाइन ग्रिड के साथ-साथ सामान्य लाइन रिक्ति के रूप में ठीक है, और जहां मुझे ऑफ-ग्रिड तंग की जरूरत है, या तो इसे सामान्य के 2/3 पर स्नैप करें, या, पहले संरेखित करें प्रत्येक चंक की पंक्ति बदसूरत अंतराल से बचने के लिए पर्याप्त लचीलापन देने वाली आधा-रेखा के साथ ग्रिड तक जाती है। यह सिर्फ कुछ ऐसा है जो मैं कभी-कभी करता हूं, कोई विचार नहीं है अगर यह अच्छा अभ्यास है या नहीं।
user56reinstatemonica8

1
मुझे लगता है कि आपके पहले दो दृष्टांतों में जैसे-जैसे तुलना करना आसान हो सकता है यदि आप अग्रणी को समान रखते हैं (मैं दूसरे से मूल्य का उपयोग करूँगा) और पैराग्राफ रिक्ति जोड़ा।
e100

इसके अलावा, अलगाव में एकल टेक्स्ट बॉक्स के लिए ग्रिड का सख्त पालन करना मुश्किल है; लेकिन आप मार्केटिंग शीट के बारे में बात कर रहे हैं, जिसमें संभवतः आसन्न कॉलम में अन्य ग्रिड वाले तत्व हैं, जो एक अधिक जटिल मुद्दा है। शायद आपको पृष्ठ अधिक दिखाने की आवश्यकता है?
e100 के

जवाबों:


14

आधारभूत ग्रिड के साथ समस्याओं को हल करना आसान है यदि आप इस ओवरराइडिंग नियम को ध्यान में रखते हैं: ग्राफिक डिज़ाइन का एकमात्र उद्देश्य संचार को सुविधाजनक बनाना है। यही कारण है कि आप के लिए काम पर रखा है, आप के लिए भुगतान कर रहे हैं, और आप क्या करने के लिए पर निर्भर हैं। एक ग्रिड (या किसी अन्य डिजाइन तत्व) एक उपयुक्त उपयोगी है केवल अगर यह उस उद्देश्य को प्राप्त करता है।

किसी पृष्ठ पर जानकारी पहुंचना आसान है और इसे आत्मसात करना आसान है यदि इसमें एक अच्छा दृश्य पदानुक्रम है (हेडलाइन्स, सबहेड्स, बॉडी कॉपी, साइडबार), उचित रूप से समूहीकृत किया जाता है (चीजें जो एक साथ हैं, वास्तव में, एक साथ हैं, और उचित रूप से दूरी पर हैं) हाशिये और अन्य सफेद स्थान शामिल हैं।

एक लेआउट ग्रिड पृष्ठ पर आदेश लाता है और चित्र, श्वेत स्थान, सुर्खियों और पाठ जैसे ग्राफिक तत्वों को एक क्रमबद्ध तरीके से संरेखित करने की अनुमति देता है जो पृष्ठ पर अधिकार या "अधिकार" की भावना दे सकते हैं। एक के कई तरीके हैं; वे सभी समान रूप से फैली लाइनों और स्तंभों से मिलकर नहीं बनते हैं।

एक बेसलाइन ग्रिड, जैसा कि DA01 बताते हैं, मल्टी-कॉलम लेआउट में अच्छी तरह से काम करता है। यह उन स्थितियों में भी उपयोगी है जहां एक बहुत ही औपचारिक, नियंत्रित या शल्य चिकित्सा से साफ दिखना उचित है। पुस्तकों और अन्य पाठ-भारी प्रकाशनों के बाहर, अधिक बार नहीं, आपको कम औपचारिक रूप की आवश्यकता होती है।

प्रश्न आप किसी भी डिज़ाइन विकल्प से पूछ सकते हैं, विशेष रूप से टाइपोग्राफी में, "क्या इससे संचार आसान हो जाएगा, आसानी से मिल जाएगा, या अधिक प्रभावी हो जाएगा?" यदि उत्तर "नहीं" है, तो यह गलत है।

आपका उदाहरण बिंदु में एक महान मामला है: आधार रेखा पर बुलेट बिंदुओं को मजबूर करना पाठ की पठनीयता को मिटा देता है। संचार बॉस है, इसलिए आप तुरंत जानते हैं कि ग्रिड से चिपकना गलत है। जानकारी का एक आइटम, जैसे पता या बुलेट बिंदु का पाठ, पृष्ठ पर एकल दृश्य आइटम भी होना चाहिए । यह इस प्रकार है कि जानकारी के अलग-अलग आइटम पेज पर अलग-अलग होने चाहिए।

इसलिए बेहतर संचार प्राप्त करने के लिए ग्रिड से समझौता करना ठीक है या नहीं, यह कोई बात नहीं है। यह है कि आपको संचार, अवधि से कभी समझौता नहीं करना चाहिए । इसे संवाद करने के लिए डिज़ाइन करें। डिजाइन के नियमों और तकनीकों का जितना चाहें उतना उपयोग करें, ताकि यह शानदार ढंग से संवाद कर सके। लेकिन कभी भी, संचार के तरीके से नियमों या तकनीकों को प्राप्त न होने दें।


13

'बेसलाइन ग्रिड' के विचार का दुरुपयोग होता है ... विशेषकर वेब पर।

बेसलाइन ग्रिड वास्तव में बहु-स्तंभ प्रकाशनों में उपयोग के लिए है। सभी स्तंभों में निरंतर क्षैतिज 'रेखाएँ' रखने का विचार है।

और इसे डिफ़ॉल्ट रूप से उपयोग किया जाना चाहिए, लेकिन आपको यह भी पता होना चाहिए कि इसका उपयोग कब नहीं करना चाहिए।

आपका बुलेटेड सूची उदाहरण एक अच्छा मामला है जहां ग्रिड को तोड़ना संभव है। आप ग्रिड से कुछ हद तक पालन करने के लिए अभी भी चीजों को मोड़ सकते हैं, हालांकि।

उदाहरण के लिए, आपके पास 12/14 प्रकार हो सकते हैं। आप फिर गोलियों के बीच जगह बना सकते हैं 7. जो अभी भी ग्रिड (आधे चरणों तक) का पालन करेगा।


8

मैं सूचियों के लिए एक पैराग्राफ शैली रखने का सुझाव दूंगा जहां केवल पहली पंक्ति आधार रेखा ग्रिड से संरेखित होती है। इस तरह सूची गड़बड़ नहीं होगी, गोलियों के साथ सभी लाइनें अभी भी बेसलाइन ग्रिड पर चलेंगी, संरेखण के समग्र स्वरूप को बनाए रखते हुए, जबकि निम्नलिखित लाइनों में एक अलग अंतर है। एक समान रूप में देखने के परिणामस्वरूप जैसा कि आपने बताया कि आप अक्सर इसके लिए व्यवस्थित होते हैं, लेकिन अधिक तत्वों के साथ ग्रिड में संरेखित करते हैं।


5

आप बेसलाइन ग्रिड को छोटी संख्याओं और उपखंडों के प्रबंधन के लिए पुनर्गणना कर सकते हैं ताकि आप भिन्नात्मक वृद्धि कर सकें जो कि हर अंतराल संयोग करेगा। यदि आपकी आधार रेखा ग्रिड इकाई 9 पीटी है तो इसका मतलब है कि एक प्राकृतिक उपखंड 3pt होगा। 8pt पर सेट किए गए टेक्स्ट में आप 9pt या 12pt कर सकते हैं, 12pt के लिए सेट किए गए टेक्स्ट में आप 15pt, 18pt की एक लाइन ऊंचाई रख सकते हैं ... संबंधित आकारों का एक सेट होने पर आप लाइन स्पेसिंग के अनुपात को बनाए रखते हैं।

हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.