पढ़ने के अनुभव में सुधार के लिए सर्वश्रेष्ठ फोंट


13

मैं एक वेबसाइट का निर्माण कर रहा हूं जिसका प्रमुख उद्देश्य सामग्री (विधायिका) की सेवा करना है और मैं उपयोगकर्ताओं को सर्वश्रेष्ठ पठन अनुभव देना चाहता हूं। आप उदाहरण पृष्ठ पर एक नज़र डाल सकते हैं:

http://iura.cl/cc/44

जैसा कि आप देख सकते हैं, मैंने वह सब कुछ छीन लिया है, जिस समय मैं टेलेक्स वेबफोन का उपयोग कर रहा हूं। मेरे पास रात में पढ़ने के लिए एक विकल्प है जो चमक को कम करना चाहिए:

http://iura.cl/cc/44?estilo=nocturno

मुझे आश्चर्य है कि मुझे उस फ़ॉन्ट के बारे में क्या विचार करना चाहिए जिसे मैं यह सुनिश्चित करने के लिए चुनता हूं कि यह सुपाठ्य है, अगर पालन करने के लिए कोई गाइड है?


2
"आप किस फॉन्ट की सलाह देते हैं" बस एक सवाल का जवाब देने के लिए हमारे लिए बहुत व्यापक है। यह भी ध्यान दें कि जब एक फ़ॉन्ट निश्चित रूप से 'पठनीय' का एक प्रमुख हिस्सा होता है, तो अन्य चर (स्तंभ की चौड़ाई, लाइन रिक्ति, रंग, संकेत, लेआउट, आदि) का
ढेर भी होता है

@ DA01 शायद एक गाइड है जिसे आप सुझा सकते हैं?
दान

एक अच्छा प्राइमर: amazon.com/Stop-Stealing-Sheep-Works-Edition/dp/0201703394
DA01

1
प्रश्न मुझे ठीक लगता है - यह "आप किस फ़ॉन्ट की अनुशंसा करते हैं", यह "कैसे एक वेबसाइट के लिए उच्च-पठनीयता फ़ॉन्ट चुनने के लिए " है - मानदंड के ढेर।
user56reinstatemonica8

जवाबों:


10

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

  1. मुख्यधारा सोचो। के लिए धन्यवाद @font-faceआप सकता है हजारों और हज़ारों फ़ॉन्ट में से चुन - कम लोकप्रिय या नए फोंट अक्सर ब्राउज़रों और ऑपरेटिंग सिस्टम के बीच मुद्दों प्रतिपादन, कभी कभी है तब भी जब वे सम्मानजनक foundaries से आते हैं। यदि पठनीयता आपकी प्राथमिकता है, और आप भारी मात्रा में क्रॉस ब्राउज़र क्रॉस ओएस परीक्षण नहीं करना चाहते हैं, तो आप इसे सुरक्षित रूप से खेलना चाहते हैं और एक भरोसेमंद, आजमाए हुए और परीक्षण किए गए फ़ॉन्ट का उपयोग कर सकते हैं। जैसे पुराने वेब-सुरक्षित फोंट Verdanaऔर Georgiaसुरक्षित दांव क्योंकि वे इतने व्यापक रूप से इस्तेमाल कर रहे हैं, वे भी दुर्लभ ब्राउज़र / OS सेटअप में परीक्षण किया गया है कर रहे हैं। इसके अलावा, परिचितता पठनीयता को प्रभावित करती है।
  2. उच्च एक्स-ऊंचाई, और चौड़ा। आपको नहीं पता कि आपके पाठक की स्क्रीन की गुणवत्ता या पिक्सेल घनत्व क्या है, इसलिए, यदि आप पठनीयता को प्राथमिकता दे रहे हैं, तो सुनिश्चित करें कि अक्षरों की महत्वपूर्ण विशिष्ट विशेषताएं अतिरिक्त स्पष्ट हैं। वेब पठनीयता के लिए डिज़ाइन किए गए फॉन्ट, जैसे Verdana- जैसे Georgiaउनके पिक्स का x- ऊँचाई के लिए जितना संभव हो उतना उपयोग करें जहाँ एक अक्षर का मुख्य विवरण हो, और एस्केंडर या डेसकेंडर पर कम से कम पिक्सेल का उपयोग करें जहाँ एक या दो पिक्सेल बम्प आसानी से पर्याप्त हो a या a bसे बताओ ।op
  3. प्रकाश भी नहीं। प्रकाश प्रकार प्रिंट या उच्च पिक्सेल घनत्व स्क्रीन पर बहुत अच्छा लगता है - लेकिन इसका एक अच्छा कारण है कि इसे शायद ही कभी ios7 तक स्क्रीन पर इस्तेमाल किया गया था और तब भी विवादास्पद था: अगर दर्शक इष्टतम स्थितियों में नहीं देख रहा है, जैसे स्थिर में उच्च गुणवत्ता स्क्रीन इनडोर प्रकाश व्यवस्था, यह पठनीयता को जोखिम में डालती है। एक अच्छे ठोस नियमित वजन वाले फ़ॉन्ट के लिए जाएं - क्या मैंने उल्लेख किया है Verdanaऔर Georgia?

फोंट के बहुत सारे हैं जो इन मानदंडों के अलावा Verdanaऔर Georgiaनिश्चित रूप से मिलते हैं , और इन दोनों को कभी-कभी थोड़ा उबाऊ माना जाता है क्योंकि 2009 तक या जब @fontface व्यापक रूप से उपयोग किया जाता है तो वे वेब के बहुत सारे फोंट थे। ।

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


संपादित करें: webtype विक्रेताओं और foundaries जब करते हैं अच्छा पठनीयता के लिए परीक्षण की मुसीबत के लिए जाना है, वे अपने विपणन में इसके बारे में चिल्लाओ की संभावना हो। उदाहरण के लिए, वेबटाइप "रीडिंग एज" श्रृंखला ( क्रिस बर्टन के लिए हैट टिप, जिन्होंने यहां इसका उल्लेख किया है )। फिर भी, व्यापक रूप से परीक्षण करें।


1
मैं एक डिजाइनर नहीं हूं और मेरी आंखों से कुछ मुद्दे हैं। मुझे कुछ विधायिका पाठ पढ़ना पसंद है, लेकिन मुझे लगता है कि ब्राज़ीलियाई साइट को कभी-कभी दर्द होता है, इसलिए मैंने आपका सुझाव (वरदाना) लिया और 1.5-लाइन, फ़ॉन्ट-आकार 16px और रंग काला के साथ स्टाइलिश नामक एक प्लगइन में डाल दिया । यह अब मेरे लिए बहुत सहज है।
फैबियो मोंटेफुसकोलो

5

ठीक है मैं आगे जाऊंगा और इस पर अपने विचार दूंगा। कोई अंतिम 'सर्वश्रेष्ठ फ़ॉन्ट' नहीं है और न ही हो सकता है क्योंकि फ़ॉन्ट चुनना कई अलग-अलग पहलुओं पर निर्भर करता है। वहाँ क्या हो सकता है 'एक फ़ॉन्ट चुनने के लिए सबसे अच्छा तरीका है'।

तो अपनी परियोजना के लिए सबसे अच्छा फ़ॉन्ट चुनने में मदद करने के लिए विचार करने वाली चीजें;

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

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

कंट्रास्ट / रंग: फिर से यह आपके प्रोजेक्ट के संदर्भ में विचार करने के लिए कुछ है। बेशक आप बहुत अधिक विपरीत लोगों के परिणामस्वरूप नेत्रहीन लोगों को नहीं चाहते हैं, या उन्हें कुछ ऐसी चीजों को निचोड़ने से झुर्रियां देते हैं जिनमें बहुत कम विपरीत है - यह हिस्सा स्पष्ट है। लेकिन अपनी रंग योजना के आधार पर आप चमक और कंट्रास्ट सेटिंग्स के साथ फील करना चाह सकते हैं। आप ध्यान देंगे कि उदाहरण के लिए GD.SE पूरी तरह से काला और पूरी तरह से सफेद नहीं है (जैसा कि यहाँ पूछा गया है और उत्तर दिया गया है ) - इसकी तुलना में कम विपरीत है, फलस्वरूप तुलनात्मक रूप से इस वेबसाइट को लंबे समय तक देखना काफी आसान है। बहुत अधिक विपरीत के साथ कुछ देखने के लिए- आपकी आँखें थक जाती हैं!

वजन: सामान्य लाइटर भारित फोंट में दस कुछ भारी लोगों की तुलना में थोड़ा अधिक सुपाठ्य होने के लिए, यह आगे यहां चर्चा की गई है, साथ ही साथ इसमें अन्य उपयुक्तता के पहलुओं के बारे में बताया गया है, जो आपको उपयोगी लग सकते हैं।

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

ये कुछ पहलू हैं, जिन्हें आपको खाली स्लेट से जाना चाहिए, लेकिन यद्यपि यह विचार करने के लिए बहुत कुछ है कि यह वास्तव में नीचे आता है या नहीं, लेकिन यह उतना बुरा नहीं है। किसी परियोजना के शुरुआती चरण में सही फ़ॉन्ट / फ़ॉन्ट चुनने का मूल्य कोई तुलना नहीं है! यहां एक फ़ॉन्ट चुनते समय विचार करने के लिए कारकों के बारे में अधिक है।

एक अच्छा सादृश्य यह है कि यह कपड़े पहनने जैसा है, एक सरल अवधारणा है जिसकी चर्चा यहाँ की जाती है

तो जैसा कि मेरे उत्तर का प्रारूप स्वाभाविक रूप से गिर गया है, आप पहले यह पता लगाना चाहते हैं कि यह किसके लिए है और इसे क्या कहना है - फिर आप संचार के साधनों का पता लगाना चाहते हैं, जो फ़ॉन्ट :) और चूंकि यह एक प्रारूप नहीं होगा लिंक की एक बहुतायत के बिना जेना-जवाब, यह आगे यहाँ चर्चा की है

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

आशा है कि मैंने मदद की है और बहुत ज्यादा नहीं डगमगाया है, मैं सही फ़ॉन्ट के बारे में थोड़ा भावुक हूं :) आपकी परियोजना के साथ शुभकामनाएं।


2

मेरा मानना ​​है कि लंबे समय तक पढ़ने के लिए आँखों पर सेरिफ़ फोंट आसान होते हैं। एक बेहतर पढ़ने के अनुभव के लिए, मुझे लगता है कि एडोब गारमोंड जैसे सेरिफ़ फ़ॉन्ट अच्छी तरह से काम करता है। यह टाइम्स के रूप में "ब्ला" के रूप में नहीं है। सेरिफ़ में कुछ दिलचस्प मोड़ हैं जो इसे कुछ और "पवित्रता" बनाने में मदद करते हैं जहां तक ​​सेरिफ़ फोंट चलते हैं।

यहाँ छवि विवरण दर्ज करें

यहाँ इस विषय पर एक लेख है जिससे मैं सहमत हूँ:

सेरिफ़ बनाम सैंस: अंतिम लड़ाई


1
इस बात का कोई निर्णायक प्रमाण नहीं है कि सेरिफ़ चेहरे किसी भी अधिक या कम पठनीय हैं जो कि सेन्स-सेरिफ़ चेहरे हैं। एक अपवाद स्क्रीन पर होगा, जहां कम रिज़ॉल्यूशन डिस्प्ले सेरिफ़ चेहरे के विवरण को प्रस्तुत करना कठिन हो सकता है।
DA01

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

@ GavinR.Putland आप एक्स / एम अनुपात के बारे में विस्तार से बता सकते हैं? यह केवल पठनीयता को क्षीण कर सकता है यदि पंक्ति रिक्ति बहुत छोटी = गलत हो। कम से कम 140% लाइन स्पेसिंग की सिफारिश की जाती है।
मिखाइल वी

@ DA01 मैंने देखा है कि एक प्रवृत्ति के लोग कुछ "सबूत" तर्क का उल्लेख करते हैं। एक विशेषज्ञ के रूप में मैं बता सकता हूं कि गारमोंड जैसे फॉन्ट सबसे अधिक पठनीय हैं, और वही आपको अन्य टाइपोग्राफी विशेषज्ञों को बताएगा। क्या यह आपके लिए "सबूत" नहीं है?
मिखाइल वी।

@MikhailV इसका सबूत नहीं है। यही राय है। वहाँ क्या सबूत है (जो न्यूनतम है) "सबसे पठनीय चेहरे हैं जो व्यक्ति सबसे परिचित पढ़ने वाले चेहरे हैं" की ओर झुकते हैं
DA01

हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.