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