एक टाइप स्केल सावधानीपूर्वक चुने गए फ़ॉन्ट साइज़ का एक संग्रह है जिसका उपयोग हम विभिन्न टेक्स्ट एलिमेंट्स को प्रतिनिधित्व करने के लिए करते हैं ताकि हमारे उत्पादों में एक संतुलित और सामंजस्यपूर्ण संरचना स्थापित की जा सके। अपने स्वयं के टाइप स्केल से समान फ़ॉन्ट साइज़ का लगातार उपयोग करके, हम स्वचालित रूप से अपने डिज़ाइन में एकरूपता पैदा कर सकते हैं और एक ऐसे उत्पाद से बच सकते हैं जो पदानुक्रम और प्राथमिकताओं के मामले में हर जगह बिखरा हुआ दिखता है।
एक टाइप स्केल को "टाइपोग्राफिक स्केल" भी कहा जाता है।
प्रतिबंध स्थिरता लागू करता है
सिद्धांत रूप में, टाइप स्केल उसी तरह काम करते हैं जैसे स्पेसिंग स्केल और कलर पैलेट करते हैं। आपके डिज़ाइन विकल्प जितने अधिक सीमित हैं, उतना ही आसान है स्थिरता लागू करना, इस संदर्भ में कि आपका उत्पाद कैसा दिखता और महसूस होता है। स्थिरता अपने दर्शकों के साथ विश्वास बनाने का एक महत्वपूर्ण हिस्सा है।
एक टाइप स्केल एक टाइपोग्राफर या डिज़ाइनर के रूप में आपकी स्वतंत्रता को प्रतिबंधित करने का एक तरीका है, बदले में अपने दर्शकों को एक सुसंगत यूज़र अनुभव प्रदान करने के लिए।
आपके दर्शकों को आपके उत्पाद के संपर्क में आने पर जितनी कम नई जानकारी (सभी विज़ुअल्स ऐसी जानकारी हैं जिनके लिए प्रोसेसिंग की आवश्यकता होती है) पचानी पड़ती है, उतना कम भ्रमित और थकाऊ होता है। आखिरी चीज़ जो आप चाहते हैं जब लोग आपकी वेबसाइट पर आते हैं या आपके उत्पादों को देखते हैं, वह है उन्हें भ्रमित या थका हुआ करना।
अपनी परियोजना के लिए टाइप स्केल कैसे चुनें
चाहे आप ब्लॉग पोस्ट लिख रहे हों या वाइन लेबल डिज़ाइन कर रहे हों, आप मुट्ठी भर विभिन्न टेक्स्ट एलिमेंट्स के साथ काम करने जा रहे हैं, दोनों फ़ॉन्ट साइज़ के मामले में, और कभी-कभी अलग-अलग टाइपफेसेस (फ़ॉन्ट-फैमिलीज़) के मामले में।
चीजों को सरल रखने के लिए, मान लीजिए आप एक टाइपफेस के साथ काम कर रहे हैं। मुख्य प्रश्न जिसका आपको उत्तर देने की आवश्यकता है वह यह है कि आपके प्रोजेक्ट को अपने विभिन्न टेक्स्ट एलिमेंट्स को इष्टतम रूप से प्रस्तुत करने के लिए कितने फ़ॉन्ट साइज़ की आवश्यकता है।
निम्नलिखित कुछ सबसे सामान्य प्रकार के टेक्स्ट एलिमेंट्स हैं:
- शीर्षक और हेडिंग्स
- पैराग्राफ और लिस्ट्स (बॉडी टेक्स्ट)
- कैप्शन्स
- सबटाइटल्स
- ब्लॉककोट्स/पुल कोट्स
यदि आप एक लेखक हैं, तो आप शायद नियमित रूप से उन सभी का उपयोग कर रहे हैं।
आप आमतौर पर उपरोक्त टेक्स्ट एलिमेंट प्रकारों में से प्रत्येक के लिए एक फ़ॉन्ट साइज़ चुनेंगे — हेडिंग्स अपवाद हैं। एक पेशेवर डिज़ाइनर आमतौर पर अपनी परियोजना की प्रकृति के आधार पर 1 से 6 हेडिंग्स तक कुछ भी उपयोग करेगा।
अधिकांश वेबसाइट-प्रकार की परियोजनाओं के लिए, आप अपने स्केल के लिए न्यूनतम पांच अलग-अलग फ़ॉन्ट साइज़ का उपयोग करते हुए पाएंगे।
अपना स्केल चुनना
तो हम अपना स्केल कैसे बनाते हैं? हम प्रत्येक टेक्स्ट एलिमेंट को प्रतिनिधित्व करने के लिए सही फ़ॉन्ट साइज़ कैसे ढूंढते हैं, और हम कैसे सुनिश्चित करते हैं कि प्रत्येक टेक्स्ट एलिमेंट अपने समकक्षों के साथ अच्छी तरह से काम करता है? आपके टाइप स्केल को बनाने के दो तरीके हैं:
- मौजूदा टाइप स्केल टेम्पलेट का उपयोग करना
- आईबॉलिंग + ट्रायल एंड एरर
- 1 और 2 का संयोजन
दूसरे विकल्प (आईबॉलिंग + ट्रायल एंड एरर) का उपयोग करने के लिए, आपको एक अनुभवी टाइपोग्राफर होने की आवश्यकता है।
यदि आप अपने दम पर फ़ॉन्ट साइज़ के साथ आने में सहज नहीं हैं, तो आप पेशेवर डिज़ाइनरों द्वारा पहले से ही आपके लिए बनाए गए मौजूदा टाइप स्केल्स में से एक का लाभ उठा सकते हैं, जैसे मटेरियल डिज़ाइन से:
यह एक ठोस टाइप स्केल है, और शुरुआती लोगों के लिए, पेशेवर डिज़ाइनरों द्वारा प्रदान किए गए टेम्पलेट को लागू करना हमेशा बेहतर होता है, बजाय केवल अपने तरीके से परिणाम का अनुमान लगाने के। बस अन्य डिज़ाइनरों के टाइप स्केल्स का उपयोग करते समय सावधान रहें, और पहचानें कि अलग-अलग टाइपफेसेस को अलग-अलग टाइप स्केल्स की आवश्यकता होती है।
टाइपोग्राफी में कोई एक आकार सभी के लिए फिट नहीं होता, इसलिए यदि आप मौजूदा स्केल का उपयोग करने का निर्णय लेते हैं, जैसे मटेरियल डिज़ाइन द्वारा प्रदान किया गया टाइप स्केल, तो इसे अंधाधुंध उपयोग न करें। मटेरियल डिज़ाइन रोबोटो टाइपफेस का उपयोग करता है, और उसके लिए, उनका टाइप स्केल बहुत अच्छा काम करता है।
यदि आप अपनी परियोजना के लिए रोबोटो से अलग फ़ॉन्ट फैमिली का उपयोग कर रहे हैं, तो आप अभी भी मटेरियल डिज़ाइन के टेम्पलेट को प्रारंभिक बिंदु के रूप में उपयोग कर सकते हैं, लेकिन आपके टाइपफेस की संरचना के आधार पर, आपको इसे ठीक करने के लिए कुछ चीजों को ट्वीक करना पड़ सकता है।
टाइप स्केल जेनरेटर का उपयोग करें
आप type-scale.com से टाइप स्केल जेनरेटर का भी उपयोग कर सकते हैं। यह शानदार वेबसाइट आपको विभिन्न गणितीय स्केल्स (असली संगीत स्केल्स पर आधारित) के बीच चयन करने और स्वचालित रूप से आपके लिए एक CSS स्टाइलशीट जेनरेट करने की अनुमति देती है।
आप गूगल फॉन्ट्स के माध्यम से सैकड़ों फ़ॉन्ट-फैमिलीज़ और 8 अलग-अलग टाइप स्केल टेम्पलेट्स का परीक्षण कर सकते हैं। आप अपना खुद का कस्टम स्केल भी बना सकते हैं (शुरुआती लोगों के लिए नहीं)।
वेबसाइट पर नीचे स्क्रॉल करके जेनरेटर का उपयोग करने के निर्देश पढ़ें।
हालांकि कोई गारंटी नहीं है, type-scale.com से सिद्ध टाइप स्केल्स में से एक को लागू करके आप लगभग हमेशा केवल इसे विंग करने की तुलना में अधिक सामंजस्यपूर्ण परिणाम प्राप्त करेंगे।
यही कारण है कि मैं सुझाव देता हूं कि आप मेरी पहले की सूची से सुझाव 1 और 2 को मिलाएं: मटेरियल डिज़ाइन या type-scale.com से स्केल्स में से एक जैसे मौजूदा टेम्पलेट को प्रारंभिक बिंदु के रूप में चुनें और फिर ट्रायल एंड एरर के माध्यम से अपनी आवश्यकताओं के अनुसार इसे ट्वीक करें।
एक बेहतर टाइपोग्राफर बनने का एकमात्र तरीका प्रयोग के माध्यम से है, लेकिन कुछ सामूहिक ज्ञान का उपयोग करके आपको सही रास्ते पर मार्गदर्शन करने में कोई बुराई नहीं है।
