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