सबसे बुनियादी स्पष्टीकरण का उपयोग करने के लिए, टाइपोग्राफी संचार के साधन के रूप में टाइपफेस का डिज़ाइन और उपयोग है। बहुत से लोग टाइपोग्राफी को गुटेनबर्ग के साथ शुरू करने और चलने योग्य प्रकार के विकास पर विचार करते हैं, लेकिन टाइपोग्राफी उस से काफी आगे जाती है। डिजाइन की इस शाखा में वास्तव में इसकी जड़ें हस्तलिखित लेटरफॉर्म में हैं।
टाइपोग्राफी डिजिटल प्रकार के माध्यम से सुलेख से सबकुछ शामिल करती है जिसे हम आज सभी प्रकार के वेब पृष्ठों पर देखते हैं। टाइपोग्राफी की कला में टाइप डिज़ाइनर भी शामिल हैं जो नए लेटरफॉर्म बनाते हैं जिन्हें तब फ़ॉन्ट फाइलों में बदल दिया जाता है, जो अन्य डिज़ाइन उनके काम में, मुद्रित कार्यों से उन उपरोक्त वेबसाइटों में उपयोग कर सकते हैं। जैसा कि उन कार्यों के रूप में भिन्न हो सकता है, टाइपोग्राफी की मूल बातें उन सभी को कम कर देती हैं।
टाइपोग्राफी के तत्व
यदि आपने कभी किसी वेब डिज़ाइनर से बात की है जो अपने काम में टाइपोग्राफी का उपयोग करता है, तो संभवतः आपने "टाइपफेस" और / या "फ़ॉन्ट" शब्द सुने हैं। बहुत से लोग इन दोनों शर्तों को एक दूसरे के रूप में उपयोग करते हैं, लेकिन वास्तव में इन दो वस्तुओं के बीच कुछ अंतर हैं।
टाइपफेस शब्द फोंट के परिवार को दिया जाता है (जैसे हेल्वैटिका रेग्युलर, हेल्वेटिका इटालिक, हेल्वेटिका ब्लैक, और हेल्वेटिका बोल्ड)। हेल्वेटिका के सभी विभिन्न संस्करण पूरे टाइपफेस को बनाते हैं।
फ़ॉन्ट शब्द का उपयोग तब किया जाता है जब कोई उस परिवार के भीतर केवल एक वजन या शैली का जिक्र कर रहा हो (जैसे हेल्वेटिका बोल्ड)। इतने सारे टाइपफेस में कई अलग-अलग फोंट शामिल हैं, जिनमें से सभी समान और संबंधित हैं लेकिन किसी भी तरह से अलग हैं। कुछ टाइपफेस में केवल एक फ़ॉन्ट शामिल हो सकता है, जबकि अन्य फ़ॉन्ट्स बनाने वाले लेटरफॉर्म की कई भिन्नताओं को शामिल कर सकते हैं।
अगर यह भ्रमित लगता है, तो चिंता न करें, अगर कोई टाइपोग्राफी विशेषज्ञ नहीं है तो वे संभवतः "फ़ॉन्ट" शब्द का उपयोग करेंगे, भले ही इनमें से कौन सा शब्द वास्तव में इसका मतलब है, और यहां तक कि कई पेशेवर डिजाइनर इन दो शर्तों का एक-दूसरे से उपयोग करते हैं। जब तक आप शिल्प के यांत्रिकी के बारे में एक शुद्ध प्रकार के डिजाइनर से बात नहीं कर रहे हैं, तो आप शायद इन दो शर्तों में से किसी भी का उपयोग करके बहुत सुरक्षित हैं। ऐसा कहा जा रहा है, यदि आप भेद को समझते हैं और सही शर्तों का सही ढंग से उपयोग कर सकते हैं, तो यह कभी भी बुरी बात नहीं है!
टाइपफेस वर्गीकरण
कभी-कभी "जेनेरिक फ़ॉन्ट परिवार" कहा जाता है, ये विभिन्न सामान्य वर्गीकरणों के आधार पर टाइपफेस के बड़े समूह हैं जो विभिन्न फ़ॉन्ट्स के अंतर्गत आते हैं। वेब पृष्ठों पर, छह प्रकार के फ़ॉन्ट वर्गीकरण होते हैं जिन्हें आप देख सकते हैं:
- सेरिफ़
- सान्स सेरिफ़
- लिपि
- Monospaced
- कर्सिव
- कपोल कल्पित
इनमें से कई अन्य फ़ॉन्ट वर्गीकरण भी हैं जो इनके ऑफशूट हैं। उदाहरण के लिए, "स्लैब सेरिफ़" फ़ॉन्ट्स सेरिफ़ के समान होते हैं, लेकिन वे सभी लेटरफॉर्म पर मोटी, चंकी सेरिफ़ के साथ एक पहचानने योग्य डिज़ाइन की सुविधा देते हैं। सेरिफ़ और सैन्स-सेरिफ दो सबसे आम फ़ॉन्ट वर्गीकरण हैं जिनका उपयोग अधिकांश वेबसाइटों पर किया जाता है।
टाइपफेस एनाटॉमी
प्रत्येक टाइपफेस विभिन्न तत्वों से बना होता है जो इसे अन्य टाइपफेस से अलग करते हैं, जिन्हें टाइपफेस एनाटॉमी कहा जाता है। जब तक कि आप विशेष रूप से टाइप डिज़ाइन में जाने और ब्रांड नए फोंट बनाने की तलाश में नहीं जा रहे हैं, वेब डिज़ाइनर को आमतौर पर टाइपफेस शब्दावली की मूल बातें जानने की आवश्यकता होती है।
एक बुनियादी स्तर पर, टाइपफेस शरीर रचना के तत्व जिन्हें आपको "टोपी" और "एक्स-ऊंचाई" और "अवरोधक" और "ascenders" के बारे में पता होना चाहिए।
कैप और एक्स-ऊंचाई टाइपफेस में पूंजी अक्षरों की ऊंचाई और अक्षर x की ऊंचाई है। यह आपको बताता है कि सबसे बड़ा अक्षर कितना लंबा होगा, साथ ही साथ अधिकांश लोअरकेस अक्षर कितने बड़े होंगे। इन दो विशेषताओं के आधार पर सभी फोंट आकार में हैं।
Descenders और ascenders अक्षरों के भाग हैं जो एक्स-ऊंचाई रेखा के नीचे और ऊपर जाते हैं। यह आम तौर पर लोअरकेस अक्षरों का जिक्र है। उदाहरण के लिए, "बी" अक्षर में एक आरोही (वह टुकड़ा जो पत्र से "ऊपर" चिपकता है) जबकि पत्र "पी" में अवरोधक होता है (वह भाग जो पत्र से "नीचे" डुबकी लेते हैं)।
पत्रों के आसपास अंतर
टाइपोग्राफी को प्रभावित करने वाले अक्षरों के बीच और आसपास कई समायोजन किए जा सकते हैं। इन फ़ॉन्ट्स में से कई विशेषताओं के साथ डिजिटल फोंट बनाए जाते हैं, और वेबसाइटों पर, हमारे पास फ़ॉन्ट के इन पहलुओं को बदलने की सीमित क्षमता है। फोंट प्रदर्शित होने के डिफ़ॉल्ट तरीके से आमतौर पर यह बेहतर होता है क्योंकि आमतौर पर यह एक अच्छी बात है।
- कर्निंग: व्यक्तिगत अक्षरों के बीच क्षैतिज स्थान
- नज़र रखना: अक्षरों के समूहों के बीच की जगह
- अग्रणी: प्रकार की रेखाओं के बीच लंबवत स्थान (इसे वेबसाइट शर्तों में रेखा-ऊंचाई के रूप में जाना जाता है)
- उपाय: पाठ की रेखाओं की लंबाई
- संरेखण: दृष्टि से बाएं, दाएं, केंद्रित, या उचित पर पाठ डालना
- ligatures: पत्र एक साथ इतने करीब चले गए कि उनके शरीर रचनाएं संयुक्त हैं, अनिवार्य रूप से एक पत्र को दूसरे में बहती हैं
अधिक टाइपोग्राफी तत्व
टाइपोग्राफी केवल टाइपफेस से अधिक है और उनके चारों ओर सफेद जगह है। किसी भी डिजाइन के लिए एक अच्छी टाइपोग्राफिक प्रणाली बनाते समय आपको कुछ अन्य चीजों को ध्यान में रखना चाहिए:
"हाइफेनेशन" पठनीयता में समस्याओं को रोकने में मदद करने या औचित्य को बेहतर बनाने में मदद के लिए लाइनों के अंत में एक हाइफ़न (-) के अतिरिक्त है। आमतौर पर मुद्रित दस्तावेज़ों में पाया जाता है, अधिकांश वेब डिज़ाइनर हाइफेनेशन को अनदेखा करते हैं और अपने काम में इसका उपयोग नहीं करते हैं क्योंकि यह ऐसा कुछ नहीं है जो वेब ब्राउज़र द्वारा स्वचालित रूप से संभाला जाता है।
"राग" पाठ के एक ब्लॉक के असमान लंबवत किनारे है। टाइपोग्राफी पर ध्यान देते समय, आपको यह सुनिश्चित करने के लिए पूरी तरह से अपने टेक्स्ट ब्लॉक को देखना चाहिए कि रैग डिज़ाइन को प्रभावित नहीं कर रहा है।यदि रैग बहुत जंजीर या असमान है, तो यह टेक्स्ट ब्लॉक की पठनीयता को प्रभावित कर सकता है और इसे विचलित कर सकता है। यह ऐसा कुछ है जो ब्राउजर द्वारा स्वचालित रूप से संभाला जाता है कि यह लाइन से लाइन के प्रकार को कैसे लपेटता है।
कॉलम के अंत में एक शब्द एक विधवा है और यदि यह एक नए कॉलम के शीर्ष पर है तो यह अनाथ है। "विधवा" और "अनाथ" खराब दिखते हैं और पढ़ने के लिए मुश्किल हो सकते हैं।
एक वेब ब्राउज़र में पूरी तरह प्रदर्शित करने के लिए टेक्स्ट की अपनी लाइनें प्राप्त करना एक गंभीर प्रस्ताव है, खासकर जब आपके पास एक संवेदनशील वेबसाइट और विभिन्न स्क्रीन आकारों के लिए अलग-अलग डिस्प्ले होते हैं। आपका लक्ष्य अलग-अलग आकारों पर साइट की समीक्षा करना चाहिए ताकि यह सुनिश्चित किया जा सके कि कुछ मामलों में आपकी सामग्री में खिड़कियां, अनाथ, या अन्य कम से कम आदर्श प्रदर्शन होंगे। आपका लक्ष्य किसी प्रकार के डिज़ाइन के इन पहलुओं को कम करना चाहिए, जबकि इस तथ्य में यथार्थवादी भी होना चाहिए कि आप प्रत्येक स्क्रीन आकार और प्रदर्शन के लिए पूर्णता प्राप्त नहीं कर सकते हैं।
अपनी टाइपोग्राफी की जांच करने के लिए कदम
- Typefaces सावधानी से चुनें, प्रकार की शारीरिक रचना के साथ-साथ किस प्रकार के परिवार में है।
- यदि आप प्लेसहोल्डर टेक्स्ट का उपयोग करके डिज़ाइन का निर्माण करते हैं, तो अंतिम डिज़ाइन को तब तक स्वीकृति न दें जब तक कि आपने डिज़ाइन में वास्तविक टेक्स्ट नहीं देखा हो।
- टाइपोग्राफी के छोटे विवरण, जैसे कि हाइफ़न और डैश पर ध्यान दें।
- टेक्स्ट के प्रत्येक ब्लॉक को देखें जैसे कि इसमें कोई शब्द नहीं था। पृष्ठ पर टेक्स्ट किस आकार को बनाता है? सुनिश्चित करें कि उन आकारों में पूरे पृष्ठ के डिज़ाइन को आगे ले जाएं।
