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