कैसे तय करें कि वेब डिज़ाइन के लिए किस फ़ॉन्ट परिवार का उपयोग करना है

आज किसी भी वेबपेज को ऑनलाइन देखें, चाहे वह साइट के आकार या उद्योग के लिए ही क्यों न हो, और आप देखेंगे कि एक चीज जो वे सभी साझा करते हैं, वह है टेक्स्ट सामग्री।

किसी वेब पेज के डिज़ाइन को प्रभावित करने के सबसे आसान तरीकों में से एक उस साइट पर टेक्स्ट सामग्री के लिए आपके द्वारा उपयोग किए जाने वाले फोंट के साथ है। दुर्भाग्य से, कई वेब डिज़ाइनर जो अपने करियर की शुरुआत में हैं, प्रत्येक पृष्ठ पर बहुत अधिक फोंट का उपयोग करके थोड़ा पागल हो जाते हैं। यह एक गंदे अनुभव के लिए बना सकता है जिसमें डिजाइन सामंजस्य की कमी होती है। अन्य उदाहरणों में, डिजाइनर फोंट के साथ प्रयोग करने की कोशिश करते हैं जो वस्तुतः अपठनीय हैं, उनका उपयोग सिर्फ इसलिए करते हैं क्योंकि वे "शांत" या अलग हैं। वे वास्तव में शांत दिखने वाले फोंट हो सकते हैं, लेकिन यदि वे जिस पाठ को संप्रेषित करने के लिए हैं, उसे पढ़ा नहीं जा सकता है, तो उस फ़ॉन्ट की "शीतलता" तब खत्म हो जाएगी जब कोई उस वेबसाइट को नहीं पढ़ेगा और इसके बजाय उस साइट के लिए छोड़ देगा जिसे वे कर सकते हैं प्रक्रिया!

अंगूठे के कुछ नियम

  1. किसी एक पेज पर ३-४ से ज्यादा फॉन्ट का इस्तेमाल न करें। इससे ज्यादा कुछ भी शौकिया लगने लगता है - और कुछ मामलों में 4 फोंट भी बहुत अधिक हो सकते हैं!
    instagram viewer
  2. मत करो फ़ॉन्ट बदलें मध्य-वाक्य में जब तक कि आपके पास बहुत अच्छा कारण न हो।
  3. सामग्री के उन ब्लॉकों को पढ़ने में आसान बनाने के लिए बॉडी टेक्स्ट के लिए बिना सेरिफ़ फ़ॉन्ट या सेरिफ़ फ़ॉन्ट का उपयोग करें।
  4. टाइपराइटर टेक्स्ट और कोड ब्लॉक के लिए मोनोस्पेस फोंट का उपयोग उस कोड को पेज से अलग करने के लिए करें।
  5. बहुत कम शब्दों के साथ उच्चारण या बड़े शीर्षक के लिए स्क्रिप्ट और फंतासी फ़ॉन्ट का प्रयोग करें।

याद रखें कि ये सभी सुझाव हैं, कठोर और तेज़ नियम नहीं। हालांकि, अगर आप कुछ अलग करने जा रहे हैं, तो आपको इसे इरादे से करना चाहिए, दुर्घटना से नहीं।

सैन्स सेरिफ़ फ़ॉन्ट्स आपकी साइट का आधार हैं

सैन्स सेरिफ़ फोंट क्या वे फॉन्ट हैं जिनमें "सेरिफ़”- अक्षरों के सिरों पर थोड़ा जोड़ा गया डिज़ाइन उपचार।

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

बिना सेरिफ़ फ़ॉन्ट के कुछ उदाहरण हैं:

  • एरियल
  • जिनेवा
  • Helvetica
  • लुसीडा संसो
  • ट्रेबुशेट
  • वर्दाना

ध्यान दें

वर्दाना एक फ़ॉन्ट परिवार है जिसका आविष्कार किया गया था वेब पर उपयोग करें.

प्रिंट के लिए सेरिफ़ फ़ॉन्ट्स का प्रयोग करें।

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

कुछ सेरिफ़ फोंट के उदाहरण हैं:

  • गैरामोंड
  • जॉर्जिया
  • बार
  • टाइम्स न्यू रोमन

मोनोस्पेस फ़ॉन्ट्स प्रत्येक अक्षर के लिए समान स्थान लेते हैं

यहां तक ​​कि अगर आपकी साइट कंप्यूटिंग के बारे में नहीं है, तो आप निर्देश प्रदान करने, उदाहरण देने, या टाइप किए गए टेक्स्ट को इंगित करने के लिए मोनोस्पेस का उपयोग कर सकते हैं। मोनोस्पेस अक्षरों में प्रत्येक वर्ण के लिए समान चौड़ाई होती है, इसलिए वे पृष्ठ पर हमेशा समान मात्रा में स्थान लेते हैं। मोनोस्पेस फोंट कोड नमूने के लिए विशेष रूप से अच्छा काम करते हैं।

टाइपराइटर आमतौर पर मोनोस्पेस फोंट का इस्तेमाल करते हैं, और उन्हें अपने वेबपेज पर इस्तेमाल करने से आप उस टाइपराइटेड सामग्री का अनुभव कर सकते हैं।

मोनोस्पेस फोंट के कुछ उदाहरण हैं:

  • संदेशवाहक
  • नया संदेशवाहक
  • लुसीडा कंसोल
  • मोनाको

फंतासी और स्क्रिप्ट फ़ॉन्ट्स को पढ़ना मुश्किल है

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

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

फंतासी फोंट के कुछ उदाहरण हैं:

  • ताम्रपत्र
  • डेस्डेमोना
  • प्रभाव
  • किनो

ध्यान दें

प्रभाव मैक, विंडोज और यूनिक्स मशीनों पर होने की सबसे अधिक संभावना वाला फ़ॉन्ट परिवार है।

स्क्रिप्ट फोंट के कुछ उदाहरण हैं:

  • एप्पल चांसरी
  • कॉमिक सैन्स एमएस
  • लुसीडा लिखावट

ध्यान दें

अध्ययनों से पता चला है कि पढ़ने में कठिन फोंट छात्रों को अधिक जानकारी बनाए रखने में मदद कर सकते हैं।

instagram story viewer