रिस्पॉन्सिव वेब डिज़ाइन
सभी डिवाइसेज़ में सामग्री को सुव्यवस्थित करें और इसका दोबारा उपयोग करें. आपके ग्राहक के पसंदीदा डिवाइस में फ़िट होने के लिए लेआउट, टेक्स्ट आकार, सामग्री, नेविगेशन और तस्वीरों जैसे तत्व स्वचालित रूप से समायोजित हो जाते हैं.
कई डिवाइस. एक वेब अनुभव.
ऐसा कितनी बार हुआ है कि कोई वेब पेज आपके डेस्कटॉप पर ठीक हो लेकिन मोबाइल पर खराब हो गया हो? यदि आपकी वेबसाइट — मोबाइल या अन्य — प्रत्येक प्लेटफ़ॉर्म और डिवाइस के लिए अनुकूलित नहीं है, तो आपको असंगत ऑनलाइन अनुभव डिलीवर करने और झंझट के कारण ग्राहक खोने का जोखिम होता है. आखिरकार, आपका प्रतिस्पर्धी मात्र एक क्लिक दूर है.
रिस्पॉन्सिव वेब डिज़ाइन आपको सभी डिवाइसेज़ में आसानी से अनुकूलित होने वाले वेब पेज डिज़ाइन करने की क्षमता देता है. इसका अर्थ है कि आपकी वेबसाइट आपके ग्राहक को सफलतापूर्वक सभी प्लेटफ़ॉर्मों पर लगातार शामिल करती है. रिस्पॉन्सिव वेब डिज़ाइन विभिन्न स्क्रीन आकारों और कार्यात्मकताओं के अनुकूल होने के लिए लेआउट, टेक्स्ट आकार, सामग्री और नेविगेशन टूल्स को दोबारा कॉन्फ़िगर करता है. आप द्वारा प्रकाशित करने से पहले ही, आप विभिन्न डिवाइसेज़ पर प्रदर्शन का प्रीव्यू और अनुकूलन कर सकते हैं. साथ ही, आप सभी उपकरणों में स्वतः आकार बदलने को स्वचालित कर सकते हैं, सामग्री गति बढ़ा सकते हैं और अपना समय बचा सकते हैं.
देखें कि यह कैसे कारगर होती है.
प्रवाहमान ग्रिड विकसित करें
अपनी सामग्री को उचित रूप से फ़िट करने के लिए स्केफ़ोल्डिंग के रूप में कार्य करने वाला प्रवाहमान ग्रिड बनाएँ. डिवाइस के स्क्रीन आकार के आधार पर प्रवाहमान ग्रिड आसानी से आकार बदलते हैं.
समस्त सामग्री का विस्तार करें
रिस्पॉन्सिव वेब डिज़ाइन से, आप मात्र यही सुनिश्चित नहीं करते हैं कि आपकी लिखित सामग्री कहीं भी डिलीवर किए जाने पर उचित रूप से दिखे. यह फ़ीचर तस्वीरों को भी स्केल करता है जिससे यह सुनिश्चित किया जा सके कि वे प्रस्तुत की जा रही सामग्री के अनुरूप हों ताकि आप अटकने वाली तस्वीर से बच सकें.
विशिष्ट उपकरणों के लिए प्रीव्यू
आप यह चुनें कि आप किस डिवाइस पर प्रीव्यू करना चाहते हैं और हम आपको दिखाएँगे कि टैबलेट और स्मार्टफोन सहित प्रत्येक डिवाइस पर आपका पेज कैसा दिखेगा.
तस्वीर अनुकूलन
आप जो भी अनुभव बना रहे हैं, उसके लिए बैंडविड्थ, स्क्रीन आकार और DPI के आधार पर आप बेहतरीन तस्वीर आकार डिलीवर कर सकते हैं.
Adobe Experience Manager Sites में रिस्पॉन्सिव वेब डिज़ाइन के बारे में अधिक जानें.
मोबाइल वेब डिज़ाइन के बारे में जानें.
हमारे दस्तावेज़ों में संगत वेब अनुभव बनाने के लिए मीडिया प्रश्नों, अनुकूली तस्वीरों और प्रवाहमान ग्रिडों के उपयोग का तरीका पढ़ें.
लगातार बदलते स्क्रीन आकारों से निपटना सीखें.
हमारे Adobe ब्लॉग में स्क्रीन आकार के लगातार बदलते परिदृश्य के बावजूद बाकियों से आगे रहने का तरीका पढ़ें.
संबंधित फ़ीचर देखें
रिस्पॉन्सिव वेब डिज़ाइन
आपके ग्राहक के पसंदीदा डिवाइस में फ़िट होने के लिए स्वचालित रूप से समायोजित होने वाले लेआउट, टेक्स्ट आकार, सामग्री, नेविगेशन और तस्वीरों जैसे तत्वों से सभी डिवाइसेज़ में सामग्री सुव्यवस्थित करें और इसका दोबारा उपयोग करें.
स्टाइल प्रणाली
बैक-एंड डेवलपमेंट के बिना कम्पोनेंट्स या पेजों में स्टाइल और डिज़ाइन का मानकीकरण करें. तुरंत फॉन्ट, रंग और फ़ॉर्मैट को अनुकूलित करते हुए पूर्वनिर्धारित स्टाइलों की सूची से, बस विभिन्न विविधताओं के बीच चयन करें.
आउट-ऑफ़-द-बॉक्स कम्पोनेंट्स
ब्रेड क्रम्ब, फ़ॉर्म, पेज नेविगेशन, खोज टीज़र्स और खोज जैसे बैकवर्ड-संगत और लचीले आउट-ऑफ़-द-बॉक्स कम्पोनेंट्स के साथ पेज बनाएँ और ऑथर्स एवं डेवलपर्स, दोनों का समय बचाएँ.