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