उत्तरदायी वेब डिज़ाइन क्या है?

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

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

$config[code] not found

इन वेबसाइटों को अप्रैल 2018 में Google द्वारा घोषित मोबाइल-फर्स्ट इंडेक्स पर भी विचार करना होगा। अधिक छोटे व्यवसायों के रूप में उनकी मोबाइल उपस्थिति में वृद्धि होती है, उनकी वेबसाइट, ईकामर्स, Google बिजनेस पेज, सोशल मीडिया पेज और अन्य परिसंपत्तियां आसानी से उपलब्ध हो सकती हैं। उपकरण।

उत्तरदायी वेब डिज़ाइन क्या है?

उत्तरदायी डिजाइन का उद्देश्य एक साइट है, लेकिन विभिन्न तत्वों के साथ जो विभिन्न आकारों के उपकरणों पर देखे जाने पर अलग-अलग प्रतिक्रिया देते हैं।

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

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

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

बिंदु यह है: उत्तरदायी डिजाइन के साथ, वेबसाइट उस डिवाइस के आधार पर स्वचालित रूप से समायोजित हो जाती है जिसे दर्शक इसमें देखता है।

उत्तरदायी वेब डिज़ाइन कैसे काम करता है?

उत्तरदायी साइटें तरल पदार्थ ग्रिड का उपयोग करती हैं।सभी पृष्ठ तत्व पिक्सेल के बजाय अनुपात से आकार के होते हैं। इसलिए यदि आपके पास तीन कॉलम हैं, तो आप यह बिल्कुल नहीं कहेंगे कि प्रत्येक को कितना चौड़ा होना चाहिए, बल्कि यह कि वे दूसरे कॉलम के संबंध में कितने विस्तृत होने चाहिए। उदाहरण के लिए कॉलम 1 में आधा पृष्ठ, कॉलम 2 में 30% और कॉलम 3 में 20% हिस्सा होना चाहिए।

मीडिया जैसे चित्रों को भी अपेक्षाकृत आकार दिया जाता है। इस तरह एक छवि अपने स्तंभ या रिश्तेदार डिजाइन तत्व के भीतर रह सकती है।

छोटे व्यवसायों को उत्तरदायी वेब डिज़ाइन पर स्विच करने की आवश्यकता क्यों है

अधिक लोग मोबाइल उपकरणों का उपयोग कर रहे हैं। 2018 में हाल ही में प्यू का अध्ययन करने वाले 77% अमेरिकियों के पास खुद के स्मार्टफोन हैं जो कि 2011 में किए गए प्यू रिसर्च सेंटर के पहले स्मार्टफोन स्वामित्व सर्वेक्षण में सिर्फ 35% से ऊपर है।

अपने ट्रैफ़िक की जाँच करें और मोबाइल डिवाइस के माध्यम से आपकी वेबसाइट पर कितने आगंतुक आ रहे हैं, आप बस चौंक सकते हैं। (अपने Google Analytics में, बाईं ओर "ऑडियंस" चुनें, फिर "मोबाइल" यह देखने के लिए कि मोबाइल उपकरणों से ट्रैफ़िक का अनुपात क्या है। आप यह भी देखने के लिए नीचे ड्रिल कर सकते हैं कि कौन से डिवाइस ट्रैफ़िक भेज रहे हैं।)

उत्तरदायी डिजाइन टेम्पलेट अब हर जगह हैं, खरीद के लिए। यदि, उदाहरण के लिए, आपके पास एक वर्डप्रेस साइट है, तो आप एक प्रतिष्ठित टेम्प्लेट गैलरी जैसे कि थीमफ़ोरेस्ट पर जा सकते हैं और उत्तरदायी वर्डप्रेस विषयों की खोज कर सकते हैं। "$ 50 के तहत एक खरीद करें। आपका वेब डेवलपर फिर इसे अपने लोगो और ब्रांड के लिए अनुकूलित कर सकता है।

संपादक का ध्यान दें: यहां लघु व्यवसाय के रुझान पर, हम एक नए उत्तरदायी डिजाइन पर काम कर रहे हैं। क्या आपको नहीं करना चाहिए?

शटरस्टॉक के माध्यम से फोटो

More in: कंटेंट मार्केटिंग, क्या है 95 टिप्पणियाँ,