फ़ॉन्ट आकार के संबंध में इष्टतम लाइन ऊंचाई


24

क्या इस बात पर सहमति है कि लाइन ऊंचाई का इष्टतम गणितीय अनुपात और पाठ का आकार क्या है? और अगर वहाँ है, तो क्या यह प्रिंट और वेब के लिए समान है?


यह भी ध्यान दें: एक डिजिटल फ़ॉन्ट का आकार काल्पनिक है, इस अर्थ में कि टाइप डिज़ाइनर की फ़ॉन्ट में परिभाषित 1 मीटर ऊँचाई है, लेकिन ग्लिफ़ के शरीर को कहीं भी और किसी भी आकार में रख सकते हैं। मतलब 'H' 1em के 75% या 50% या 5% को कवर कर सकता है, फ्लश करें कि शीर्ष, केंद्र, या नीचे, और फ़ॉन्ट का आंतरिक "इन-बिल्ट" लाइन-ऊंचाई भिन्न हो। इसके परिणामस्वरूप फ़ॉन्ट से फ़ॉन्ट तक, शून्य लीडिंग पर भी एक अलग लाइन-ऊंचाई होगी। चूंकि केवल कन्वेंशन है, लेकिन कोई मानक नहीं है, प्रत्येक फॉन्ट का एम स्क्वायर में अपनी विशिष्ट ऊंचाई है, फिर चाहे एडिटिंग सॉफ्टवेयर में कोई अग्रणी हो।
कांट

जवाबों:


19

संक्षिप्त उत्तर: "नहीं।"

लंबा उत्तर: अग्रणी तय करने में चार कारक शामिल होते हैं (आजकल का अर्थ है एक बेसलाइन से दूसरे की दूरी, जिसे लाइन ऊंचाई भी कहा जाता है): वर्णों की x- ऊंचाई, माप (लाइन की लंबाई), वजन पात्रों के स्ट्रोक स्वयं और प्रकार के आकार। इस जवाब में, सादगी के लिए, मैं "अग्रणी" और "लाइन ऊंचाई" का उपयोग करने जा रहा हूं।

इनमें से, जो हावी है वह माप है, इसके बाद एक्स-ऊंचाई और बिंदु आकार है।

व्यापक रूप से, माप, व्यापक रूप से पठनीयता बनाए रखने के लिए लाइन की ऊँचाई अधिक होनी चाहिए। यदि आपका माप आपके चुने हुए टाइपफेस और पॉइंट साइज के लगभग 70 वर्णों से अधिक लंबा है, तो आपको लाइन की ऊँचाई बढ़ाने की आवश्यकता होगी ताकि पाठक पढ़ते समय कोई रेखा छोड़ें या गलती से न दोहराएं।

वर्णों का आकार कभी भी बिंदु आकार के समान नहीं होता है, जो धातु के दिनों में सबसे निचले डिसेंडर के नीचे से कुल माप के रूप में लिया गया था (उदाहरण के लिए, लोअरकेस की पूंछ "y") से शीर्ष पर उच्चतम आरोही (जैसे लोअरकेस "h" के ऊर्ध्वाधर स्ट्रोक के रूप में)। लोअरकेस की ऊंचाई "x", जिसमें से "x-ऊँचाई" निकलती है, बिंदु आकार के संबंध में लंबा (एरियल) या बहुत छोटा (बर्नहार्ड मॉडर्न) हो सकता है। प्रकार सेट करें ताकि लाइन की ऊंचाई समान हो, बिंदु आकार "ठोस सेट" हो - लाइनों के बीच कोई अतिरिक्त लीड नहीं। एरियल या हेल्वेटिका भयानक सेट ठोस दिखते हैं। बर्नहार्ड आधुनिक नहीं करता है।

पठनीयता बनाए रखने के लिए, टोपी और आरोही ऊँचाई (जैसे, सेंचुरी स्कूलबुक या हेल्वेटिका) के संबंध में एक बड़ी एक्स-ऊँचाई वाले टाइपफेस को गरमाड़ या फ़्यूचरा की तुलना में अधिक लाइन ऊँचाई, पॉइंट साइज़ के सापेक्ष, जिसकी छोटी x- ऊँचाई होती है, की आवश्यकता होती है।

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

इन सभी विचारों को संशोधित किया जाता है कि डिज़ाइनर कैसे पेज देखना चाहता है। कुछ विषयों को पृष्ठ के लिए एक अधिक हवादार रूप से बढ़ाया जाता है (जैसे, रोमांटिक कविता, गेंडा कहानियाँ), एक नाजुक टाइपफेस और खुले अग्रणी के लिए कॉल करना। दूसरों को अधिक अधिकार की आवश्यकता होती है (पाठ्यपुस्तक, कहते हैं) और एक गहरे रंग के "प्रकार के रंग" से लाभ होता है।

अब मुझे स्वर्णिम अनुपात ( फी) के साथ बांटना है ) के विचार से । यह लगभग सभी मामलों में गलत होगा। गणित का इससे कोई लेना-देना नहीं है। सूरत करता है।

आप जो सोच सकते हैं, उसके विपरीत, हेडलाइन जैसे बड़े टेक्स्ट को पैरा टेक्स्ट की तुलना में अधिक सख्त होना चाहिए। सुर्खियों को अक्सर "नकारात्मक अग्रणी" के साथ सेट किया जाता है - लाइन की ऊंचाई बिंदु आकार से कम है। यह सभी कैप्स में सुर्खियों के लिए विशेष रूप से सच है, जिसे हमेशा कम अग्रणी की आवश्यकता होती है। (आरोही और अवरोही के कारण, बहु-पंक्ति सुर्खियों में प्रत्येक पंक्ति पर अलग-अलग अग्रणी होना आम बात है ताकि लाइन रिक्ति को देखो बना सके ।) इसके विपरीत, छोटे आकार, जैसे कैप्शन या फ़ुटनोट्स के लिए, अधिक अग्रणी या उनकी आवश्यकता होती है। पढ़ना कठिन हो गया। टाइप "शिथिल" दिखता है क्योंकि यह बड़ा हो जाता है और "छोटा" हो जाता है क्योंकि यह छोटा हो जाता है, जिसमें अधिकांश टाइपफेस के लिए 8 पीटी से नीचे और 24 पीटी से ऊपर के अक्षर के समायोजन की आवश्यकता होती है।

यदि आप फी (या किसी भी) का उपयोग करने की कोशिश करते हैं, तो आप गंभीरता से भटक जाएंगे लाइन की ऊंचाई की गणना निश्चित अनुपात) का , क्योंकि आप केवल दुर्घटना के साथ ही सही होंगे।

वेब के लिए, कम-रिज़ॉल्यूशन वाले उपकरणों के लिए डिज़ाइन किए गए टाइपफेस का उपयोग कम से कम अगले कुछ वर्षों के लिए करें, जब तक कि मध्यम-रिज़ॉल्यूशन स्क्रीन (250 - 400 पीपीआई) सामान्य नहीं हो जाते। Google, एक्सटेन्सिस या टाइपेकिट जैसे प्रदाताओं के सभी "वेब फोंट" अधिकांश डिस्प्ले पर पाठ आकारों में उपयोग करने योग्य नहीं हैं। वेब पाठ बेहतर पढ़ने के लिए जाता है जब एक मुद्रित पृष्ठ की तुलना में थोड़ा अधिक खुलकर सामने आता है, क्योंकि मोटे डॉट ग्रिड और ओएस जोड़तोड़ करते हैं जो स्ट्रोक और विकृत चरित्र आकृतियों को धुंधला करते हैं।


फ्लोटिंग लेबल या ब्लॉक कोट्स जैसी कुछ पंक्तियों के साथ बहुत ही कम-माप वाला पाठ कभी-कभी नकारात्मक (बिंदु आकार से कम) से लाभान्वित होता है, इसलिए जब तक कि बिंदु आकार बहुत कम न हो। मुझे लगता है कि यह पाठ की लय को स्थापित करने की तरह एक छोटा सा है (हालांकि अब मैं उस सादृश्य को शब्दों में
ढालने की

आप सही हे। और "पाठ की लय" पूरी तरह से अवधारणा को संप्रेषित करता है, मुझे लगता है। :)
एलन गिल्बर्टन

-4

ठीक है, इसलिए, "शायद गलत नहीं हो सकता" संपादित करें शब्दों का सबसे अच्छा विकल्प नहीं था। बेशक कोई सार्वभौमिक इष्टतम नहीं है, लेकिन सुनहरा अनुपात वास्तव में बहुत सारे मामलों में अच्छा दिखता है। इस phi आधारित लेआउट कैलकुलेटर की जाँच करें। http://www.pearsonified.com/typography/

और यहाँ प्रोग्रामर के तर्क को समझाने वाला एक बेहतरीन लेख है http://www.pearsonified.com/2011/12/golden-ratio-typography.php


आप सुनहरे अनुपात के साथ गलत नहीं कर सकते।

पंक्ति की ऊँचाई = पाठ ऊँचाई x 1.62

बढ़िया सवाल, वैसे।


1
आप अपने फोंट को आकार देने के लिए भी उन्हें उपयोग कर सकते हैं। वेब पर यह .01 के नीचे जा सकता है जो कि 1/2 पिक्सेल है।
जूलियन

2
यह उत्तर अच्छी सलाह नहीं है। यह टाइपोग्राफिक अभ्यास के सदियों के विपरीत चलता है। कोई भी टाइपसेट सभी पाठ के लिए एक निश्चित अनुपात का उपयोग नहीं करेगा, और लगभग कभी भी phi जितना बड़ा नहीं होगा।
एलन गिल्बर्टन

2
बेशक आप सुनहरे अनुपात के साथ गलत हो सकते हैं। यह एक ऐसा अनुपात है जो प्राचीन स्मारकीय वास्तुकला में समझ में आता है, लेकिन जरूरी नहीं कि यह बाकी सब के लिए उपयुक्त हो।
DA01

3
यह उत्तर सभी पारंपरिक ज्ञान की बहुत उपेक्षा करता है और पूरी तरह से मनमाना है - यह टाइपोग्राफिक अभ्यास को प्रतिबिंबित नहीं करता है और यह वास्तव में एक अच्छा विचार नहीं है। यह खाते के कारकों जैसे टाइपफेस (शायद सबसे बड़ा कारक) के डिजाइन, संदर्भ, प्रकार के आकार, स्तंभ की चौड़ाई और मार्जिन, और अन्य को भी लेने में विफल रहता है।
thomasrutter

2
यह सुनहरा अनुपात टाइपोग्राफी की घटना में कोई ठोस टंकण ग्राउंडिंग नहीं है और मूल रूप से एक नौटंकी या सनक है जो "गीकी लगता है, इसलिए इसे शांत होना चाहिए"। यह लेख लगभग अपने आग्रह की तरह है कि सुनहरा अनुपात हमारी सभी टाइपोग्राफिक समस्याओं को हल करने वाला है।
thomasrutter
हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.