टाइपोग्राफी 10 सहायक उपकरण और संसाधन को समझना

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

ये HTML ग्रिड और सामग्री क्षेत्रों के निर्माण में मदद कर सकते हैं, CSS शैलियों का निर्माण कर सकते हैं, फ़ॉन्ट नाम तैयार कर सकते हैं, और अन्य शांत सामग्री का एक गुच्छा बना सकते हैं। नीचे दिए गए कुछ लिंक देखें और चर्चा के क्षेत्र में अपने विचारों से हमें अवगत कराना सुनिश्चित करें.

अनुशंसित पाठ: टाइपोग्राफी समझना: लेखन वेब के लिए

फ़ॉन्ट मैट्रिक्स

यह ऑनलाइन गाइड 24वेज डिजाइन ब्लॉग द्वारा पोस्ट किया गया था। इसमें सभी मानक वेब फोंट की एक मैट्रिक्स तालिका है जो आपको विभिन्न सॉफ़्टवेयर विक्रेताओं से डिफ़ॉल्ट रूप से मिलेगी। लोकप्रिय खिताब में विंडोज, मैक ओएस एक्स, माइक्रोसॉफ्ट ऑफिस और एडोब क्रिएटिव सूट कार्यक्रम शामिल हैं.

रंग कंट्रास्ट चेक

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

एचटीएमएल-Ipsum

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

Typechart

Typechart CSS डेवलपर के रूप में मेरे पसंदीदा टूल में से एक है। मैं बार-बार अपने सिस्टम पर एक वेब प्रोजेक्ट के लिए एक विशिष्ट फ़ॉन्ट का मिलान कर रहा हूं, लेकिन मेरे पास अपने संपूर्ण संग्रह के माध्यम से फ्लिप करने का समय नहीं है। यह भयानक उपकरण आपको फ़ॉन्ट परिवारों के लोकप्रिय विकल्पों के माध्यम से झारना और उचित सीएसएस कोड डाउनलोड करने देता है!

PX-to-EM.com

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

सीएसएस प्रकार सेट

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

ठेठ flipping

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

टाइपोग्राफिक ग्रिड

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

क्या फ़ॉन्ट है!

हम सभी को कुछ वास्तव में शांत अज्ञात फ़ॉन्ट के साथ एक लोगो या छवि मिली है। WhatFont ने कुछ वर्षों के लिए इंटरनेट पर चक्कर लगाए हैं और यह अभी भी मेरा पसंदीदा है। आप अपलोड करने के लिए एक छवि चुनते हैं और उनकी स्क्रिप्ट किसी भी इसी प्रकार के मिलान के लिए चित्र के भीतर पाठ का विश्लेषण करेगी। ऐप आपको बाहरी उत्पादों से भी जोड़ेगा जहाँ आप अपनी सुविधानुसार प्रत्येक फ़ॉन्ट खरीद सकते हैं.

बेसलाइन / लाइन-हाईट कैलकुलेटर

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