सरल टाइपोग्राफी

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

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

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

लेखक का उत्साह


किसी और के काम को डांटना आसान है, लेकिन, मुझे लगता है, कई लोगों ने देखा कि जब वे खुद निर्माता बन गए तो उनका व्यवहार कैसे बदल गया। बेशक, प्रत्येक अक्षर अत्यधिक महत्वपूर्ण है और विडंबना के बिना, इस पर ध्यान देने की आवश्यकता है। हमें डर है कि लोग महत्वपूर्ण जानकारी को याद करेंगे और परिणामस्वरूप, हमारी सरल योजना को नहीं समझेंगे, उत्पाद नहीं खरीदेंगे, सेवा का उपयोग नहीं करेंगे। एक नियम के रूप में, "प्रचुर चयन" विपरीत प्रभाव पैदा करता है - वही झुंझलाहट जब हम दूसरे कॉपी राइटिंग या बॉसी क्रिएशन से सैकड़ों अतिरिक्त टैग्स को काटने के लिए मजबूर होते हैं या अपरकेस में बोल्ड टेक्स्ट को ब्लिंक करने के बारे में हमारी आँखें तोड़ते हैं। इसलिए, आपको कम से कम लोगों पर भरोसा करना सीखना चाहिए:
  1. पाठ के चयनित खंड चयनित नहीं होने की तुलना में काफी कम होना चाहिए। एसईओ कॉपीराइटर आपको पाठ में कीवर्ड के घनत्व के बारे में बेहतर बताएंगे, और मैं कहूंगा कि यह संभव है और इससे भी कम। केवल उन जगहों पर ध्यान आकर्षित करें जो त्वरित पढ़ने के लिए स्पष्ट नहीं हैं: विशेष रूप से पाठ के एक ब्लॉक के अंदर महत्वपूर्ण शब्द, नए या समझ से बाहर शब्दों के लिए, स्पष्टीकरण की आवश्यकता है, शीर्षकों और नियंत्रणों के लिए, लिंक।
  2. पाठ रचना का सिद्धांत पिछले एक से निम्नानुसार है: ब्लॉक का उपयोग करें। समूह सजातीय पाठ और हेडिंग, विभिन्न उद्देश्यों के लिए अर्थ ब्लॉक और ब्लॉक में अलग-अलग विषम। मोटे तौर पर, पिछले ब्लॉक के अंत और अगले के शीर्षक के बीच का अंतर अगले और अगले पाठ के शीर्षक के बीच की तुलना में अधिक होना चाहिए। गलत या अनदेखा - बिना खंडों में विभाजन के या किसी भी ब्लॉक के बीच एक समान विभाजक के साथ - लेआउट पाठ के माध्यम से पठनीयता और नेविगेशन की आसानी को बार-बार बाधित करता है।
  3. वैसे, याद रखें कि कई के लिए, केवल एक ब्लॉक महत्वपूर्ण है! कुछ लोग वास्तव में बहुत अधिक बिकने वाले लेख पढ़ते हैं, लेकिन सामानों का वर्गीकरण या बगफिक्स कोड निश्चित रूप से केवल इसके उद्देश्य के कारण ध्यान आकर्षित करेगा। इसलिए, आपको पाठक को महत्वपूर्ण पर सीधे जाने का अवसर देने की आवश्यकता है। हेडर का प्रयोग करें। वेब के मामले में, हेडर्स के नेस्टिंग के महत्व और स्तर के आधार पर <h1> - <h5> का उपयोग करें। मुख्य रूप से, शीर्षकों के लिए स्थानों को रेखांकित करना बहुत आसान है यदि आप ब्लॉक को सही ढंग से एक साथ रखते हैं - पहले स्तर की हेडिंग पूरे पाठ के सामने दिखाई देगी, दूसरे स्तर की हेडिंग एक दूसरे से बड़े भागों को अलग करेगी, और छोटे पहले से ही अंदर काम करेंगे।

पाठ को बड़े टुकड़ों में काटकर, आप बारीक खत्म कर सकते हैं। और यहाँ एक दूसरी समस्या उत्पन्न होती है, आंशिक रूप से पहली से संबंधित।

काफी उपयुक्त भावुकता और अलंकरण नहीं


ऐसे कुछ प्रोग्रामर हैं जो सौंदर्य संबंधी विचारों के पालन के लिए सचेत रूप से गलती करने के अधिकार का बचाव करेंगे - और यह आवश्यक नहीं है, क्योंकि कोड की सुंदरता अलग है। लेकिन रूसी भाषा के साथ सब कुछ अधिक जटिल है। ऐसा लगता है कि कई "सौंदर्य" है, सबसे पहले, दृश्यता: चमक, आकार, एक पृष्ठभूमि के साथ एक आकृति के विपरीत और अन्य आंकड़े। वास्तव में, इस प्रकार का ध्यान खींचने वाला एक सुखद प्रोत्साहन की तुलना में एक खतरा होने की अधिक संभावना है। सौंदर्य, एक नियम के रूप में, आदेश और कार्यक्षमता की अभिव्यक्ति है। इसलिए:
  1. रूसी भाषा के नियम डिजाइन और विज्ञापन विचारों से पहले प्राथमिक हैं (जो, विरोधाभासी रूप से, डिजाइन और विज्ञापन प्रभाव दोनों में सुधार कर सकते हैं)। बिंदु और अल्पविराम अगले शब्द से एक स्थान से अलग हो जाते हैं। डैश को दोनों तरफ रिक्त स्थान द्वारा अलग किया गया है। हाइपेन को रिक्त स्थान द्वारा अलग नहीं किया जाता है। शीर्षकों को डॉट्स की आवश्यकता नहीं होती है। एक नई लाइन, ब्लॉक या वाक्य एक बड़े अक्षर से शुरू होता है। हालाँकि, पूरी तरह से बड़े अक्षरों में शब्दों का एक सेट दस में से नौ मामलों में अनुचित है, और सबसे अधिक संभावना है कि आपका नौ में से सिर्फ एक है। तीन से अधिक बिंदु या विस्मयादिबोधक बिंदु निर्धारित नहीं हैं - और दो बिंदु या विस्मयादिबोधक बिंदु भी विराम चिह्न के रूप में मौजूद नहीं हैं।
  2. एक समूह शब्द से संबंधित समान वस्तुओं को समूह में सूचीबद्ध करने की आवश्यकता है। गिने जाने वाले सूचियों का सबसे अच्छा उपयोग किया जाता है यदि सूची में आइटम नंबर मायने रखता है: यह कार्रवाई के रैखिक अनुक्रम में चरणों में से एक है या, उदाहरण के लिए, एक महत्वपूर्ण विशेषता द्वारा छांटे गए वस्तुओं का वर्णन करता है। अन्य मामलों में, बुलेटेड सूचियों का उपयोग किया जा सकता है। एक मार्कर एक डॉट नहीं है, लेकिन एक टैग जो केवल डॉट की तरह दिख सकता है। इसलिए, सामने वाले आइटम में अंक जोड़ने से अभी तक एक सूची नहीं बनती है। सूची मार्करों को 10 में से 9 मामलों में पाठ में स्टाइल नहीं किया जाना चाहिए।
  3. अन्य डेटा के साथ कनेक्टिविटी के एक से अधिक स्तर वाले डेटा का प्रतिनिधित्व करने के लिए तालिकाओं की आवश्यकता होती है। यदि डेटा को स्ट्रिंग या सूची के रूप में दर्शाया जा सकता है, तो ऐसा करना सबसे अच्छा है। दो स्तंभों और दो पंक्तियों की एक तालिका सबसे अधिक संभावनाहीन है। संरेखण, कोशिकाओं के भीतर इंडेंटेशन, बोल्डनेस और टेबल की उपस्थिति को बदलने के अन्य तरीके स्पष्ट रूप से सेट नहीं होने चाहिए यदि आप वेब के लिए सामग्री तैयार कर रहे हैं - सब कुछ कक्षाओं का उपयोग करके किया जाएगा। केवल संरचनात्मक उपकरणों का उपयोग करें: तालिकाएँ, पंक्तियाँ और कोशिकाएँ स्वयं बनाना।
  4. बोल्ड और इटैलिक्स को विभिन्न तत्वों में सबसे अच्छा लागू किया जाता है, और आपको दस में से नौ मामलों में एक तत्व पर संयोजन नहीं करना चाहिए।
  5. उद्धरण चिह्न समान होना चाहिए। ऐसे: "", ऐसे: "", या कुछ अन्य, लेकिन पूरे पाठ में समान। फिर किस मामले में उन्हें कम से कम दो नियमित अभिव्यक्तियों द्वारा प्रतिस्थापित किया जा सकता है।
  6. बेशक, यह सही ढंग से लिखने के लिए समझ में आता है, लेकिन, अजीब तरह से पर्याप्त है, यह सबसे महत्वपूर्ण नहीं है। भाषण की संरचना का उचित निर्माण वर्तनी के सख्त पालन से अधिक है। कार्यात्मक रूप से बोलना, img टैग में ऑल्ट एट्रीब्यूशन के मान को निर्दिष्ट नहीं करना फ़ॉन्ट-आकार: 48px का उपयोग करके हेडर बनाना उतना बुरा नहीं है।

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

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


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

PS और यहाँ Habré पर कुछ लेख दिए गए हैं जो नियमों को पूरी तरह से प्रकट करते हैं:


हालांकि, मेरी राय में, यह अभी भी उत्साही लोगों, प्रिंट मीडिया और स्थिर साइटों के लिए है जो एक बार और सभी के लिए बनाई गई हैं। एक लाइव अपडेट की गई साइट जल्द ही या बाद में वर्ड और WYSIWYG संपादकों में काम करने वाले एक कंटेंट मैनेजर के हाथों में आ जाएगी, जो कि दार्शनिकता और टाइपोग्राफी से दूर है, इसलिए उसे नौकरी कर्तव्यों के स्तर पर डिजाइन की आवश्यकताएं देना बहुत आसान और बेहतर है, जो बाद में डोपिंग की सुविधा देता है, डांट और मांग से। डाहल के शब्दकोश और gramota.ru को याद करें।

Source: https://habr.com/ru/post/In185972/


All Articles