मैं केंद्रित पाठ के बड़े पैराग्राफ को कैसे संभाल सकता हूं?


11

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

बहुत सारा केंद्रित पाठ!

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

संपादित करें 2:

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

सफेद पर काला

संपादित करें 3:

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

बाईं ओर जस्टिफाय!


आपको यह बताने की आवश्यकता क्यों है कि आप अंग्रेजी बोलते हैं? यदि वे एक या अधिक विदेशी भाषा बोलते हैं तो अन्य देशों में लोग अपने सीवी में एक नोट बनाते हैं।
मार्क

1
@DrunkenMaster आप मान रहे हैं कि स्टेसी एक अंग्रेजी भाषी देश में है। :)
स्कॉट

मैं 11 आधिकारिक भाषाओं के साथ एक देश में हूं और मूल रूप से अंग्रेजी बोलने में सक्षम होना मेरी प्रतियोगिता के बीच सुपर आम नहीं है।

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

@DrunkenMaster आप किसी भी मुद्दे का जवाब देने में किसी भी मुद्दे का उल्लेख करने के लिए पूरी तरह से स्वागत करते हैं - जब यह इस पर आता है तो मैं एक पूर्ण noob हूं (जैसा कि आप शायद बता सकते हैं!) और मुझे प्राप्त होने वाली सभी सहायता की आवश्यकता हो सकती है।

जवाबों:


10

अनुच्छेद पाठ संरेखित करना सबसे अच्छा विकल्प नहीं है। मानव समझ को कुछ तरीकों से पाठ को देखने के लिए कुशलता से प्रशिक्षित किया गया है और जब आप पैराग्राफ को केंद्र में संरेखित करते हैं, तो आप पाठक को बहुत मेहनत करने और पाठ के माध्यम से दृश्य पथ को बनाए रखने के लिए कहते हैं।

लघु, एक या दो वाक्य, पैराग्राफ देखने पर यह किसी भी महान डिग्री के लिए महसूस नहीं किया जाता है। लेकिन जितना अधिक पाठ होता है उतना ही बुरा होता है।

यहाँ पाठ संरेखण के बारे में एक लेख है

और UX.SE के पास एक संबंधित प्रश्न है: क्या बाएं-संरेखित पाठ आम तौर पर केंद्रित पाठ पर बेहतर है?

यदि बायीं संरेखण केवल एक विकल्प नहीं है (निश्चित नहीं है कि ऐसा क्यों होगा), तो आपको डिज़ाइन को पुनर्विचार करने की आवश्यकता हो सकती है।

(साइड नोट: वेब पर उल्टा प्रकार भी पाठक पर बहुत मुश्किल है।)

यदि आप उस टेम्प्लेट का उपयोग करते हुए मृत हो गए हैं । मेरा सुझाव है कि सभी क्षेत्रों में अनुच्छेद पाठ को संरेखित करना और बाईं ओर से एक काल्पनिक स्थिति का उपयोग करके उन सभी को संरेखित करना। उदाहरण के लिए, मैं एक सामग्री क्षेत्र को परिभाषित करूँगा और उस क्षेत्र के भीतर संरेखित करूँगा:

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

चीजें बहुत आसान "पढ़ेगी" ...।

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


ऐसा लगता है कि मैंने जो टेम्प्लेट चुना है उसमें कुछ मुद्दे हैं! मुझे लगता है कि आपको मुफ्त में क्या मिलता है।

मैं पूरी तरह से टेम्पलेट पर सेट कर रहा हूँ, लेकिन मैं कुछ और देने और खोजने से पहले इसे एक उचित प्रयास देना चाहूंगा।

मैं सिर्फ हाई-कॉन्ट्रास्ट जानता हूं, रिवर्स टाइप यूजर्स को टेक्स्ट अलाइनमेंट की तुलना में दूर कर देगा।
स्कॉट

मैंने पहले ही संकल्प कर लिया है कि मौका मिलने पर सफेद पर काले पाठ को स्विच करूं।

और मैंने अभी-अभी रंग बदले हैं। संपादित देखें।

5

यदि पाठ में 2 या 3 पैराग्राफ कम होते तो मुझे समस्या नहीं होती। केंद्रित करना पाठ की छोटी मात्रा के लिए अच्छा काम करता है, लेकिन बहुत अधिक होने पर यह पठनीयता का मुद्दा बन जाता है।

इस दृष्टिकोण से, बाएं संरेखित केंद्रित (या दाएं संरेखित) से बेहतर है।

पैराग्राफ के लिए केन्द्रित पाठ की तुलना में बाएं संरेखित पाठ को पढ़ना आसान है। ऐसा इसलिए है क्योंकि जब आप अपने पाठ को केंद्र में रखते हैं, तो प्रत्येक पंक्ति का प्रारंभिक स्थान बदल जाता है। यह आपके उपयोगकर्ताओं को यह जानने के लिए कड़ी मेहनत करने के लिए मजबूर करता है कि प्रत्येक पंक्ति पढ़ना जारी रखना कहां से शुरू होता है।

पाठ को समझने के लिए अधिक व्यायाम करने के लिए तर्क आपकी आंखों के नीचे आता है। अपने व्यक्तिगत मामले में, मुझे लगा कि मेरी दृष्टि पाठ के केंद्र तक खिंच गई है, उदाहरण के लिए मतलब / वीएचडीएल और पायथन सी ++ जैसे शब्द। वे मुझे एक विचार देते हैं कि आप क्या करते हैं, लेकिन आप केवल कौशल को सूचीबद्ध करने की कोशिश नहीं कर रहे हैं, आप खुद का वर्णन कर रहे हैं।

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


2

दूसरों ने पहले से ही केंद्रित पाठ पर मान्य अंक बनाए हैं, इसलिए मैं इसे दोहरा नहीं सकता।

कुछ अन्य बातें हैं जिन पर आपको विचार करना चाहिए:

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

  • अधिक व्यक्तिगत स्पर्श के साथ कुछ फ़ॉन्ट का उपयोग करें, सादे जॉर्जिया या टाइम्स पाठ भारी साइटों के लिए संभवतः एक सभ्य विकल्प है, जिन्हें तेजी से लोड करने की आवश्यकता होती है, लेकिन 2015 में लगभग हर वेब डिजाइनर टाइपोग्राफी से ग्रस्त है । Http://www.google.com/fonts/ पर फोंट देखें। बहुत अधिक सुपाठ्य सेरिफ़ और सैन्स-सेरिफ़ फोंट हैं जो आपके आगंतुकों को विस्मित कर देंगे। कंट्रास्ट का उपयोग करें, कुछ अच्छे फोंट जोड़ीएं, अलग-अलग वज़न का उपयोग करें, और इसी तरह।

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

  • अपने पाठ की संरचना करें , यदि आप चीजों को सूचीबद्ध कर रहे हैं, तो शीर्षकों का उपयोग करते हुए एक सूची का उपयोग करें। टेक्स्ट को अच्छा दिखाने के लिए बहुत सारे विकल्प हैं। सादे पुराने सुस्त पैराग्राफ आज फैशन से बाहर हैं।


2

सामान्य तौर पर, बड़ी मात्रा में केंद्रित पाठ का होना अच्छा नहीं है क्योंकि यह बहुत पठनीय नहीं है। हम बाईं ओर से संरेखित पाठ लाइनों (या आरटीएल भाषाओं के लिए सही संरेखित) को ट्रैक करते हैं जो संरेखित संरेखित की तुलना में आसान है।

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

यह इस तरह के किसी न किसी उदाहरण की तरह लग सकता है :

खंडित उदाहरण

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


2

यदि जटिल या विविध सामग्री है, तो हेडिंग एक शानदार विचार है। हालाँकि आपके मामले में, आप बेहतर पैराग्राफ संरचना से भी लाभ उठा सकते हैं। उदाहरण के लिए, पहले दो पैराग्राफ में शामिल हो सकता है ताकि आपकी शिक्षा से संबंधित हो कि आप कौन हैं। कुल मिलाकर, यह पाठक को इस बात की बेहतर समझ प्रदान करता है कि चर्चा के प्रवाह को बनाए रखते हुए आप कौन हैं।

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

निम्नलिखित को धयान मे रखते हुए:

मेरा नाम स्टेसी है और मैं एक योग्य इंजीनियर हूँ। मैंने एक बैचलर ऑफ इंजीनियरिंग प्राप्त किया है, जिसने मुझे पिछले पांच वर्षों के लिए डिजिटल सिस्टम डिजाइन करने का ज्ञान और कौशल दिया है। मेरे द्वारा डिज़ाइन किए गए सिस्टम के उदाहरणों में शामिल हैं (...)। अपने तकनीकी ज्ञान के अलावा, मैं पेशेवर अंग्रेजी संचार में एक औपचारिक शिक्षा के साथ एक देशी अंग्रेजी वक्ता हूं।

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

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