"गलत" अक्षर लिखना अधिक "सही" प्रतीत होता है


43

मैं वर्तमान में एक ग्राहक के लिए एक लोगो पर काम कर रहा हूँ। यहां कार्य प्रगति पर है। यहाँ छवि विवरण दर्ज करें

मुझे यह स्पष्ट प्रतीत होता है कि S को ऊपर की पंक्ति के साथ संरेखित करना चाहिए। मुझे लगता है कि इसे संरेखित करने का सबसे अच्छा तरीका हालांकि शीर्ष वक्र के बजाय एस के निचले हिस्से को संरेखित करना है, यहां तक ​​कि सोचा कि शीर्ष वक्र अधिक फैला हुआ है। निम्न उदाहरण देखें यहाँ छवि विवरण दर्ज करें

लोगो के दूसरे छोर पर, एआई महसूस भी कुछ ऐसा ही कर सकता है, लोगो के अंत में सफेद अंतरिक्ष त्रिकोण को कम से कम

यहाँ छवि विवरण दर्ज करें

मुझे लगता है कि अंतिम परिणाम इसके संरेखण में अधिक मनभावन है यहाँ छवि विवरण दर्ज करें

मुझे लगता है कि यह सही है, लेकिन मेरे ग्राहक इस पर सवाल उठा रहे हैं। यह संरेखण एक आदत है जिसे मैंने अपने करियर के दौरान उठाया है, इसलिए मुझे औपचारिक रूप से यह नहीं सिखाया गया है, वास्तव में मुझे यह याद नहीं है कि मैंने उसे कहाँ चुना था।

मुझे बताओ, क्या मैंने यहाँ एक बुरी आदत को उठाया है? क्या मेरा ग्राहक सही है? यदि यह सही है तो क्या इस प्रकार के संरेखण का कोई नाम है? या वहाँ एक लेख है कहीं मैं अपने ग्राहक को संदर्भित कर सकता हूं?


3
मुझे नहीं लगता कि इस तरह के संरेखण का कोई नाम है। लेकिन अंतिम परिणाम और भी संतुलित दिख रहा है। यह अच्छा है।
भारत

1
@ भातर मैं वास्तव में नहीं जानता कि :-)मुझे पता है कि बहुत मददगार नहीं है। मुझे लगता है कि "ऑप्टिकल" का अर्थ आमतौर पर "आंख से, पूर्ण नियम से नहीं" के रूप में किया जाता है, यह सिर्फ मेरे लिए सहज नाम की तरह लगता है, और यह अन्य डिजाइनरों के साथ बातचीत में आया है और सभी को पता है (या, पता लगा) क्या था का मतलब है। "ऑप्टिकल संरेखण" के लिए लिंक करने के लिए एक संदर्भ खोजने के लिए संघर्ष करते हुए मैंने जो अन्य शब्द खोजे ...
1356 में user56reinstatemonica8

1
टाइपोग्राफी का पूरा मैनुअल (जेम्स फेलिसि द्वारा और एडोब प्रेस द्वारा प्रकाशित) इस बहुत सी बात पर चला जाता है। आपने स्वाभाविक रूप से क्या अंतर्ज्ञान किया, मुझे यह उत्कृष्ट संदर्भ पढ़कर सीखना था!
रान्डेल स्टीवर्ट

3
हां 'ऑप्टिकल' संरेखण बनाम 'गणितीय' संरेखण। पूर्व वह है जो आपके पेशेवर डिजाइन कौशल के लिए है। :)
DA01

1
ग्राहक हमेशा सही होता है, भले ही ग्राहक एक बेवकूफ हो। लेकिन आप हमेशा कह सकते हैं "हम में से किसके पास डिजाइन में मास्टर डिग्री है? मुझे वह काम करने दें जो आपने मुझे करने के लिए नियुक्त किया है।"
रॉबर्ट सूप

जवाबों:


43

हाँ, ये वैध चीजें हैं और उनके नाम हैं।

"दृश्य संरेखण" , या, "ऑप्टिकल संरेखण"

यह सामान्य सिद्धांत है - आप आंख से संरेखित कर रहे हैं जो नियम के बजाय नेत्रहीन सही दिखता है। यह न केवल टाइपोग्राफी में उपयोग किया जाता है, लेकिन कहीं भी दृश्य स्थिरता महत्वपूर्ण है, उदाहरण के लिए आइकन सेट को डिजाइन करना - सीधे किनारों के साथ आइकनों के साथ पंक्तिबद्ध होने पर घटता के साथ आइकन साफ ​​दिखते हैं।


नीचे दिए गए अधिक विशिष्ट तकनीकी शब्द आमतौर पर उपयोग नहीं किए जाते हैं (मुझे उन्हें ऊपर देखना था), वे बस जिज्ञासु के लिए यहां हैं।

टंकण Overshoot

यह तब होता है जब एक चरित्र उपयुक्त ऊर्ध्वाधर बिंदु से गुजरता है क्योंकि ऐसा करना सख्ती से रोकने की तुलना में अधिक प्राकृतिक दिखता है। जूजा के जवाब के बहुत सारे उदाहरण हैं, मैं इसे सिर्फ Microsoft के टाइपोग्राफी मानकों से जोड़ूंगा (हंसो मत, दुनिया पर कॉमिक सैंस को लाने के बावजूद एमएस के पास आमतौर पर अच्छी टाइपोग्राफी टीम है) जो दिखाती है कि यह सिर्फ आधार रेखा नहीं है यह कहाँ प्रयोग किया जाता है:

यहाँ छवि विवरण दर्ज करें

ऑप्टिकल मार्जिन संरेखण

अनिवार्य रूप से क्षैतिज ओवरशूट, आमतौर पर घुमावदार या तिरछे वर्णों पर लागू किया जाता है, और अन्य पात्रों में थोड़ी सी बैठक होती है जो एक कठिन रेखा के खिलाफ गलत दिखेंगे। यह मूल रूप से हाशिये पर कड़ा है, और जिन वर्णों पर इसे लागू किया जाता है, वे आम तौर पर वही होते हैं जो कहीं और तंग कर्निंग प्राप्त करते हैं।

यहां बताया गया है कि वर्तमान में विकिपीडिया कैसे इसका वर्णन करता है:

यहाँ छवि विवरण दर्ज करें


3
LaTeX से परिचित लोगों के लिए, ऑप्टिकल मार्जिन संरेखण को चरित्र फैलाव के रूप में बेहतर जाना जा सकता है , क्योंकि यह microtypeपैकेज द्वारा उपयोग किया जाने वाला शब्द है जो इस और कई अन्य टाइपोग्राफिक फाइन-ट्यूनिंग तकनीकों पर नियंत्रण प्रदान करता है।
सिग्मा

35

यदि आप कई फोंट देखते हैं, तो आप देखेंगे कि अक्षर की वक्रता आधार रेखा और कई अन्य छोटे अक्षरों के पूर्ण संरेखण में छेद करती है। और एक सामान्य नियम के रूप में गोल आकार ऐसा करते हैं - सीधे किनारों के आधार रेखा को छेदते हैं। मेरे पास इस घटना के बारे में एक लेख था, और ऐसा क्यों होता है, मेरे बुकमार्क में कहीं और है लेकिन लिंक मुझे इस समय विकसित करता है।

गोल आकार आधार रेखा को छेदते हैं

चित्र 1 : बेसलाइन को छेदने वाले गोल के कुछ उदाहरण, बेसलाइन के छेदों को उजागर करते हैं।

यदि आप देखते हैं, तो भी फोंट जो बहुत ज्यामितीय हैं, ऐसा करते हैं (चित्र 1 देखें)। ऐसा होने से अधिक बार ऐसा होता है - इतना कि मैंने इसे एक नियम के रूप में सुना है। हालांकि ध्यान दें कि राशि स्थिति से स्थिति और आकार से आकार में कैसे भिन्न होती है। तो आज भी यह आपकी आँखों का फैसला है।

यदि आपकी आंख उत्सुक है, तो आप यह भी देखेंगे कि कुछ लेटरफॉर्म ऊर्ध्वाधर साइडवे को भी छेदते हैं। वह इसलिए क्योंकि वहां भी वही घटना घटती है।

"एस" की वक्र ऊर्ध्वाधर सेरिफ़ के साथ संरेखण के अधिकार तक फैली हुई है

चित्र 2 : समान प्रभाव बग़ल में। यह आमतौर पर तब होता है जब आपके पास सीधी रेखाएं और घुमावदार रेखाएं मिश्रित बग़ल में होती हैं।

पुनश्च : क्षमा करें, मेरे अस्थायी वर्कस्टेशन पर उपलब्ध फोंट थोड़े सीमित हैं।


15

यह एक तकनीक है जिसे ओवरसूटिंग (या ओवरहैंडिंग) कहा जाता है । कारण है कि हम ओवरसाइटिंग का उपयोग करते हैं, क्योंकि जिस तरह से हम चीजों को मनुष्यों के रूप में समझते हैं (कम से कम शुद्ध गणित के संदर्भ में) गलत है।

मुझे विश्वास नहीं है? मुझे समझाने दो:

इस छवि पर विचार करें:

यहाँ छवि विवरण दर्ज करें

क्या सर्कल और त्रिकोण ऐसा महसूस करते हैं कि उनके पास आपके समान वजन है? सच्चाई यह है कि उनके पास एक ही ऊंचाई है लेकिन एक अलग क्षेत्र है।

अब दिखाते हैं कि वे एक ही क्षेत्र के साथ कैसे दिखते हैं:

यहाँ छवि विवरण दर्ज करें

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

यहाँ छवि विवरण दर्ज करें

गाइड के बिना:

यहाँ छवि विवरण दर्ज करें

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

यहाँ छवि विवरण दर्ज करें

जब दृश्य संरेखण की बात आती है तो स्ट्रोक की चौड़ाई भी खेल में आ जाती है। इस पर एक नजर डालिए:

यहाँ छवि विवरण दर्ज करें

यह स्केलिंग और रिक्ति समान होने के बावजूद भी सही नहीं लगता है, एह?

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

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


मैंने कभी इसे 'ओवरसोस्टिंग' नहीं कहा। लेकिन काम लगता है!
DA01

@ DA01 user568458 ने इसे "टाइपोग्राफिक ओवरशूट" भी कहा है और मैंने इसे पहले भी देखा है, मुझे लगता है कि यह अपेक्षाकृत मानक है
Zach Saucier

1
मैंने हमेशा ' ओवरहांग ' शब्द का इस्तेमाल किया है: ilovetypography.com/2009/01/14/inconspicuous-vertical-metrics लेकिन 'ओवरशूट' भी वैसे ही काम करता है!
DA01

3
मैं इसे गठबंधन करने जा रहा हूं और इसे ओवरहांग कहूंगा!
DA01

1
@ निकोलसडॉक्ट करेक्ट, मिसकैरेज के लिए खेद
Zach Saucier

6

मेरे पास इसे वापस करने के लिए कोई लेख नहीं है, लेकिन मैं आपको अनुभव से बता सकता हूं कि आप सही हैं। जैसे मैनुअल कर्निंग, स्पेसिंग और लेटरफॉर्म (और अन्य ऑब्जेक्ट्स) को इस तरह से पार्ट साइंस, पार्ट आर्ट। अपनी आंखों और आंतों को सटीक संख्या और गणित के बजाय आपका मार्गदर्शन करने दें।


4

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

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

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