प्रतिसाद डिझाइन म्हणजे काय? (स्पष्टीकरणकर्ता व्हिडिओ आणि इन्फोग्राफिक)

प्रतिसाद वेब डिझाइन

त्याला एक दशक लागला आहे प्रतिसाद वेब डिझाइन (आरडब्ल्यूडी) पासून मुख्य प्रवाहात जाण्यासाठी प्रथम कॅमेरून अ‍ॅडम्सची ओळख झाली संकल्पना. ही कल्पना कल्पक होती - आम्ही ज्या साइटवर पाहिले जात आहे त्या डिव्हाइसच्या व्ह्यूपोर्टशी जुळवून घेणार्‍या साइटचे डिझाइन आपण का करू शकत नाही?

प्रतिसाद डिझाइन म्हणजे काय?

रिस्पॉन्सिव्ह वेब डिझाईन (आरडब्ल्यूडी) एक वेब डिझाइन पध्दत आहे ज्याचा हेतू साइटला कल्पित दृष्टीक्षेपाचा अनुभव प्रदान करणे - कमीतकमी आकार बदलणे, पॅनिंग करणे आणि स्क्रोलिंगसह सहज वाचन करणे आणि नेव्हिगेशन करणे - विविध उपकरणांमधून (मोबाईल फोनपासून डेस्कटॉप संगणकापर्यंत) मॉनिटर्स). आरडब्ल्यूडीसह डिझाइन केलेली साइट फ्लुइड, प्रमाण-आधारित ग्रीड्स, लवचिक प्रतिमा आणि सीएसएस 3 मीडिया क्वेरी, @ मीडिया नियमाचा विस्तार देऊन दृश्य वातावरणाशी अनुकूलित करते.

विकिपीडिया

दुसर्‍या शब्दांत, प्रतिमांसारख्या घटकांचे समायोजन तसेच त्या घटकांचे लेआउट देखील समायोजित केले जाऊ शकते. येथे एक व्हिडिओ आहे जो प्रतिसाद देणारी रचना काय आहे तसेच आपली कंपनी ती का अंमलात आणत आहे हे स्पष्ट करते. आम्ही अलीकडेच पुनर्विकास केला Highbridge साइट प्रतिसादात्मक असेल आणि आता त्यावर कार्य करीत आहे Martech Zone तेच करण्यासाठी!

साइटला प्रतिसाद देण्याची पद्धत थोडी त्रासदायक आहे कारण आपल्याला व्ह्यूपोर्टच्या आकाराच्या आधारावर आयोजित केलेल्या आपल्या शैलींमध्ये श्रेणीबद्ध करणे आवश्यक आहे.

ब्राउझर त्यांच्या आकाराबद्दल आत्म-जागरूक असतात, म्हणूनच ते स्क्रीनच्या आकारासाठी लागू असलेल्या शैली शोधत, वरपासून खालपर्यंत स्टाईलशीट लोड करतात. याचा अर्थ असा नाही की आपल्याला प्रत्येक आकाराच्या स्क्रीनसाठी भिन्न शैली पत्रके तयार कराव्या लागतील, आपल्याला फक्त आवश्यक घटक बदलण्याची आवश्यकता आहे.

मोबाइल-प्रथम मानसिकतेसह कार्य करणे हे आजचे आधारभूत प्रमाण आहे. बेस्ट-इन-क्लास ब्रँड केवळ त्यांची साइट मोबाइल-अनुकूल आहेत की नाही तर संपूर्ण ग्राहकांच्या अनुभवाबद्दल विचार करीत आहेत.

लुसिंडा डन्काल्फे, आर्थिक सीईओ

एकाधिक डिव्हाइसेससाठी एक जबाबदार डिझाइन तयार करण्याचे संभाव्य फायदे दर्शविणारे मनीटेटमधील इन्फोग्राफिक हे येथे आहे:

प्रतिसाद वेब डिझाइन इन्फोग्राफिक

आपण कृतीतून प्रतिसाद देणारी साइट पाहू इच्छित असल्यास, आपल्यास सूचित करा Google Chrome ब्राउझर (माझ्या मते फायरफॉक्समध्ये समान वैशिष्ट्य आहे) Highbridge. आता निवडा पहा> विकसक> विकसक साधने मेनू वरुन हे ब्राउझरच्या तळाशी असलेल्या साधनांचा एक समूह लोड करेल. विकसक साधने मेनू बारच्या डाव्या बाजूला असलेल्या लहान मोबाइल चिन्हावर क्लिक करा.

प्रतिसाद-चाचणी-क्रोम

आपण लँडस्केप वरून पोर्ट्रेटमध्ये दृश्य बदलण्यासाठी शीर्षस्थानी नॅव्हिगेशन पर्याय वापरू शकता किंवा कितीही प्रीप्रोग्राम व्ह्यूपोर्ट आकार निवडू शकता. आपणास हे पृष्ठ रीलोड करावे लागेल, परंतु आपल्या प्रतिसाद सेटिंग्जचे सत्यापन करण्यासाठी आणि आपली साइट सर्व डिव्हाइसवर छान दिसते हे सुनिश्चित करण्यासाठी हे जगातील सर्वात छान साधन आहे!

3 टिप्पणी

  1. 1

    वेब डिझाइन यापुढे वेबमास्टर्सची निवड नाही, आता त्यांच्यासाठी हे अनिवार्य आहे. ही माहितीपूर्ण पोस्ट सामायिक केल्याबद्दल धन्यवाद.

  2. 2

    या चांगल्या लेखासाठी भरपूर डग्लस धन्यवाद. गोष्टींच्या बाजूने असले तरी मी याशी सहमत असले पाहिजे. बर्‍याच साइट्ससाठी आम्ही प्रतिसाद देणारा लेआउट पुरेसा नसतो. आम्हाला उत्तरदायी सामग्रीची आवश्यकता आहे. परंतु अधिक मूलभूत वेबसाइट्ससाठी आम्ही हे निश्चितपणे हाताळण्यासाठी आपल्या चांगल्या दस्तऐवजीकरणाचा लेख वापरणार आहोत.

    • 3

      मला वाटते की तू एकदम बरोबर आहेस अहरोन. केवळ गोष्टींचे आकार बदलणे आणि स्थानांतरित करणे इतके पुरेसे नाही ... आम्हाला सामग्रीचा देखील प्रभावीपणे वापर करणे आवश्यक आहे.

तुला काय वाटत?

ही साइट स्पॅम कमी करण्यासाठी अकिस्मेट वापरते आपल्या टिप्पणी डेटावर प्रक्रिया कशी केली जाते ते जाणून घ्या.