वेबसाइट के लिए उपयोग करने के लिए फ़ॉन्ट आकार की आदर्श संख्या क्या है?


11

मैं जानना चाहूंगा कि आप किसी वेबसाइट के लिए कितने फ़ॉन्ट आकार का उपयोग कर सकते हैं।

किसी ने मुझसे कहा कि 3 से अधिक भिन्न फ़ॉन्ट आकार (जैसे शीर्षक के लिए 16px, पाठ के लिए 11px और छोटी सुर्खियों के लिए 13 px) का उपयोग न करना बेहतर है।

क्या वेबपृष्ठ (जैसे 4) पर 3 से अधिक फ़ॉन्ट आकार का उपयोग करना अच्छा या बुरा विचार है? मैं सिर्फ इसलिए पूछता हूं क्योंकि मैं एक चौथे का उपयोग करने पर विचार कर रहा हूं, लेकिन यह नहीं जानता कि क्या यह मेरे डिजाइन को बर्बाद कर सकता है।

जवाबों:


10

यह सवाल दिलचस्प है। मैं ईमानदारी से फ़ॉन्ट-आकारों की सीमित संख्या के बारे में कभी नहीं सुना है। हालाँकि, आमतौर पर फ़ॉन्ट-चेहरों की संख्या 2 या 3 से अधिक नहीं होती है। आज के उत्तरदायी वेब में, आप व्यूपोर्ट के आधार पर हर समय फ़ॉन्ट-आकार बदलते हुए देखेंगे।

यह कुछ स्रोतों के बिना एक अच्छा जवाब नहीं होगा, इसलिए दो दिलचस्प लेख हैं जो मुझे लगता है कि आपको स्मैशिंग पत्रिका से पढ़ना चाहिए। एक टाइपोग्राफी दिशा-निर्देशों और तकनीकों पर है (मैंने आपको उस अनुभाग से जोड़ा है जो वे शीर्ष लेखों को सापेक्ष शब्दों में स्केल करने की बात करते हैं) h1: 1.5ems, h2: 1.375ems आदि।

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

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


1
वाह! उस भयानक उत्तर के लिए आपका बहुत-बहुत धन्यवाद !: D आपने मेरा दिन बचाया! :) बस यह उल्लेख करना चाहता था कि उस व्यक्ति ने जो मुझसे कहा था कि आपको कभी भी 3 से अधिक विभिन्न फ़ॉन्ट आकारों का उपयोग नहीं करना चाहिए, वह एक ग्राफिक डिज़ाइन का मेरा पूर्व बॉस था जर्मनी में एजेंसी। मैं उसे बहुत पसंद नहीं करता था और उसने मुझे बुल $ हिट के बारे में बताया था जब मैं वहां काम कर रहा था, इसलिए मुझे लगता है कि यदि आप मुझसे पूछते हैं तो 3 अलग-अलग आकार के उनके नियम पूरे बकवास हैं। बस एक त्वरित नोट ...
drpelz

4

मैं जानना चाहूंगा कि आप किसी वेबसाइट के लिए कितने फ़ॉन्ट आकार का उपयोग कर सकते हैं।

तकनीकी रूप से, एक अनंत राशि है।

किसी ने मुझसे कहा कि 3 से अधिक विभिन्न फ़ॉन्ट आकारों का उपयोग न करना बेहतर है

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

क्या वेबपृष्ठ प्रति 3 से अधिक फ़ॉन्ट आकारों का उपयोग करना अच्छा या बुरा विचार है

हाँ। और नहीं। एर ... यह निर्भर करता है।

यह सब आपके डिजाइन के विवरणों पर आधारित है। अपने आप से पूछें: क्या 4 के फॉन्ट साइज़ को जोड़ने का काम है? क्या आप इसका उपयोग कर सकते हैं? यदि हां, तो इसके लिए जाएं।


2

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


जबकि समाचार पत्र महत्व के विभिन्न स्तरों को समायोजित करने के लिए पैमाने का उपयोग करते हैं, उन्हें पारंपरिक रूप से कॉपी फिटिंग के साधन के रूप में भी उपयोग किया जाता था।
DA01

टैग बादल एक अच्छा उदाहरण हैं!
unor

2

मैं उन अधिकांश उत्तरों से सहमत हूं जो ऊपर दिए गए हैं, लेकिन यहां एक और जोड़ना चाहते हैं।

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

दूसरे, उपयोगकर्ता आधार पर विचार करें। आपकी साइट का उपयोग करने वाले कौन हैं? कुछ लोग विभिन्न प्लेटफार्मों का उपयोग करते हैं और कुछ फ़ॉन्ट आकार विभिन्न प्लेटफार्मों पर अलग दिखते हैं।

सबसे महत्वपूर्ण बात यह है कि अपने पृष्ठों पर लगातार नज़र रखें। सौभाग्य!


1
मूल रूप से आप सही हैं,! :) लेकिन 3 फ़ॉन्ट आकार केवल मेरे मामले में एक जटिल गेमिंग साइट को विकसित करना मुश्किल बना सकते हैं।
drpelz
हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.