प्रख्यात फ़ीचर पोस्ट विजेट के लिए शानदार विचार और रुझान

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

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

ठेठ कंट्रास्ट

अधिकांश चित्रित पोस्ट ध्यान खींचने के लिए थंबनेल छवियों पर निर्भर हैं। यह प्रायः प्रत्येक लेख के शीर्षक से जुड़ी एक पृष्ठभूमि छवि का रूप ले लेता है.

यह तकनीक शानदार लग रही है, लेकिन यह है टाइपोग्राफी और गतिशील पृष्ठभूमि चित्रों के बीच ध्यान देने योग्य विपरीत बनाने के लिए मुश्किल है. अन्य पत्रिकाओं का अध्ययन करके आप पठनीयता में सुधार करने में मदद करने के लिए सूक्ष्म तकनीकों को उठा सकते हैं.

नेक्स्ट वेब एक बड़ी ऑनलाइन पत्रिका है जिसमें होमपेज पर एक प्रमुख पोस्ट विजेट है। प्रत्येक थंबनेल आकार में भिन्न होता है लेकिन वे सभी उपयोग करते हैं अंधेरे विपरीत सुधार के लिए ढाल.

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

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

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

यहां अंतर यह है कि प्रत्येक पृष्ठभूमि का रंग 100% ठोस है। आप संपूर्ण थंबनेल फ़ोटो नहीं देख सकते हैं छोटे हिस्से देखने से खो जाते हैं. लेकिन पाठ स्पष्ट रूप से सुपाठ्य है जो केवल डिजिटल ट्रेंड्स होमपेज पर आने वाले आगंतुकों को आकर्षित करने के लिए अपील कर सकता है.

कंट्रास्ट की सही मात्रा का पता लगाना मुश्किल है। टेकक्रंच जैसी कुछ वेबसाइट इस समस्या को पूरी तरह से दूर करने के लिए थंबनेल के बगल में पाठ रखने की कोशिश करती हैं.

लेकिन अगर आप एक थंबनेल के शीर्ष पर शीर्षक पाठ की डिजाइन शैली पसंद करते हैं, तो आप चाहते हैं विचार करें कि समीकरण में इसके विपरीत कारक कैसे हैं.

छिटपुट छवि आकार

विशेष रुप से प्रदर्शित पोस्ट विजेट का मान है सुविधा सामग्री पन्ने के शीर्ष पर। विषमता किसी चीज़ की ओर ध्यान आकर्षित करने का एक शानदार तरीका है, और इस मामले में विषम थंबनेल आकार बहुत अच्छा काम करते हैं.

उदाहरण के लिए ZDNet का मुखपृष्ठ लें। उनके फ़ीचर्ड विजेट में बाईं ओर का सबसे बड़ा लेख अधिक स्थान लेने के लिए चौड़ी थंबनेल छवि का उपयोग करता है और उम्मीद है कि अधिक ध्यान आकर्षित करेगा। अन्य विशेषताओं वाले थंबनेल छोटे आकार में छोटे सुर्खियों में आते हैं.

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

इसके अलावा ZDNet स्थानों एक अंधेरा ढाल प्रत्येक थंबनेल छवि के ऊपर टाइपोग्राफिक कंट्रास्ट बनाएं अधिक पठनीय पाठ के लिए। मौलिक रूप से यह मेरे द्वारा देखे गए सबसे अच्छे पोस्ट विजेट डिजाइनों में से एक है.

CNET के होमपेज पर एक समान डिज़ाइन शैली पाई जा सकती है। सबसे बड़ा थंबनेल बाईं ओर से अपनी जगह लेता है क्योंकि अधिकांश आगंतुक बाएं से दाएं पढ़ते हैं.

अपने स्वयं के चित्रित पोस्ट विजेट को डिजाइन करते समय आप इसी तकनीक का पालन करने के लिए बाध्य महसूस नहीं करते हैं। आप किसी भी थंबनेल आकार के साथ जा सकते हैं जब तक वे एक साथ मिलकर फिट होते हैं और एकीकृत ग्रिड लेआउट बनाते हैं.

कस्टम थंबनेल शैलियाँ

डिज़ाइन विकल्प लेआउट से लेआउट में व्यापक रूप से भिन्न होते हैं, इसलिए कोई भी सही समाधान नहीं है। विशेष रुप से पोस्ट विजेट निश्चित रूप से डिजाइन करने के लिए अधिक जटिल हैं, इसलिए उन्हें कस्टम लेआउट में फिट होने के लिए अध्ययन और धैर्य की आवश्यकता होती है.

प्रत्येक थंबनेल की शैली प्रभावित करती है कि संपूर्ण विजेट आपके दर्शकों को कैसा दिखता है। उदाहरण के लिए द वर्ज पर पाया जाने वाला फ़ीचर्ड विजेट स्टाइल लें.

प्रत्येक थंबनेल में फोटो के ऊपर एक रंगीन ढाल है। यह विपरीतता को बढ़ाता है और पठनीयता में सुधार करता है, लेकिन यह वेबसाइट पर एक निश्चित स्वभाव भी जोड़ता है.

कुछ लोग इस शैली को पसंद नहीं करते हैं क्योंकि वे इसे भड़कीला या अस्पष्ट पाते हैं। लेकिन यह भी Verge पाठकों के बीच लोकप्रिय है और अन्य डिजाइनर इस शैली की नकल कर रहे हैं.

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

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

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

लेकिन साइट पर उतरने के ठीक बाद आप देखेंगे कि यह विश्वसनीयता का एहसास दिलाता है. यह शैली बहुत मुख्य धारा को महसूस करती है और रीडरबेस के साथ विश्वास बनाने के लिए लगभग किसी भी प्रकार की ऑनलाइन पत्रिका द्वारा इसका उपयोग किया जा सकता है। एकमात्र समस्या पृष्ठ को भरने के लिए पर्याप्त सामग्री लिख रही है!

मल्टी-पोस्ट विजेट

कुछ चुनिंदा पोस्ट विजेट में लेख प्रदर्शित होते हैं स्थिर ग्रिड. यह अक्सर सबसे लोकप्रिय विकल्प होता है क्योंकि यह हो सकता है उत्तरदायी बनाया और अच्छी तरह से मिश्रणों किसी भी लेआउट में.

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

थम्बनेल और शीर्षक ऑटो-अपडेट दोनों एक साधारण हॉवर इंटरैक्शन के साथ। ध्यान देने वाली एक बात यह है कि यह उन इंटरनेट उपयोगकर्ताओं के लिए बहुत भ्रामक हो सकता है जो इस गतिशील होवर तकनीक से परिचित नहीं हैं.

लेकिन सकारात्मक पक्ष पर यह तकनीक होगी स्थान सुरक्षित करें पृष्ठ पर अतिरिक्त सामग्री छिपाकर.

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

जटिल पत्रिका उनके विशेष रुप से प्रदर्शित विजेट के लिए एक पूर्ण स्लाइड शो का उपयोग करती है। प्रत्येक पोस्ट में टाइपोग्राफिक कंट्रास्ट के लिए नीचे की ओर ढाल के साथ एक थम्बनेल थंबनेल है.

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

लपेटें

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

मुझे उम्मीद है कि यह पोस्ट आपके खुद के चुनिंदा पोस्ट विजेट को डिजाइन करते समय उपयोग करने के लिए व्यावहारिक सुझाव प्रदान करता है। यदि आपको कभी लगता है कि प्रेरणा के लिए सिर्फ अन्य पत्रिकाओं को देखें। उन लक्षणों का पता लगाएं, जो आपको पसंद हैं और यह पता लगाना है कि उन्हें अपनी पत्रिका के डिजाइन में कैसे मिलाएं.