उत्तरदायी डिजाइन के हो? (स्पष्टीकरणकर्ता भिडियो र इन्फोग्राफिक)

उत्तरदायी वेब डिजाइन

यो एक दशक को लागी हो उत्तरदायी वेब डिजाइन (RWD) पछि मुख्य प्रवाहमा जान क्यामरन एडम्स पहिलो शुरू भयो अवधारणा। यो विचार सरल थियो - हामी किन साइटहरू डिजाइन गर्न सक्दैनौं जुन यो हेरिरहेको छ उपकरणको भ्यूपोर्टमा अनुकूल छ?

उत्तरदायी डिजाइन के हो?

उत्तरदायी वेब डिजाइन (आरडब्ल्यूडी) एक वेब डिजाइन दृष्टिकोण हो जुन शिल्प साइटहरूको उद्देश्यले इष्टतम दृश्य अनुभव प्रदान गर्न सजिलो हुन्छ - सजिलो पठन र नेविगेशन कम्तिमा पुन: आकार, प्यानिंग, र स्क्रोलि—को साथ - विभिन्न उपकरणहरूमा (मोबाइल फोनबाट डेस्कटप कम्प्युटरमा) मोनिटर)। RWD को साथ डिजाइन गरिएको साइटले तरल पदार्थ, अनुपात-आधारित ग्रिडहरू, लचिलो छविहरू, र CSS3 मिडिया क्वेरीहरू, @ मीडिया नियमको विस्तारको उपयोग गरेर दृश्य वातावरणमा लेआउटलाई अनुकूलन गर्दछ।

विकिपीडिया

अर्को शब्दहरुमा, तत्वहरु जस्तै छविहरु समायोजित गर्न सकिन्छ साथ साथै ती तत्वहरूको सजावट। यहाँ एक भिडियो छ जसले उत्तरदायी डिजाइन के हो साथै तपाईंको कम्पनीले यसलाई किन कार्यान्वयन गर्नुपर्दछ भनेर वर्णन गर्दछ। हामीले भर्खरै पुन: विकास गर्नुभयो DK New Media साइट उत्तरदायी हुन र अब काम गर्दै छन् Martech Zone उही गर्न!

साइट उत्तरदायी बनाउने कार्यविधि थोरै पेचिलो छ किनकि तपाईंलाई भ्यूपोर्टको आकारको आधारमा व्यवस्थित गरिएको तपाईंको शैलीहरूमा पदानुक्रम हुनु आवश्यक छ।

ब्राउजरहरू तिनीहरूको आकारका बारे आत्म-सचेत छन्, यसैले तिनीहरू शैलीसीट माथि देखि तल लोड गर्दछन्, स्क्रीनको आकारका लागि लागू शैलीहरू क्वेरी गर्दै। यसको मतलब यो होइन कि तपाईले हरेक साइज स्क्रिनको लागि बिभिन्न स्टाइलशिटहरू डिजाइन गर्नुपर्दछ, तपाईलाई आवश्यक तत्त्वहरू शिफ्ट गर्नु पर्छ।

एक मोबाइल पहिलो मानसिकता संग अपरेटिंग आज आधारभूत मानक हो। बेस्ट-इन-क्लास ब्रान्डहरू तिनीहरूको साइट मोबाइल मैत्री हो कि भनेर होइन तर पूर्ण ग्राहक अनुभवको बारेमा सोच्दैछन्।

लसिंडा डन्काल्फे, मोनेटेट सीईओ

यहाँ धेरै उपकरणहरूको लागि एक उत्तरदायी डिजाइन सिर्जना गर्ने सम्भावित फाइदाहरूको चित्रण गर्ने मोनेटबाट एक इन्फोग्राफिक छ:

उत्तरदायी वेब डिजाइन इन्फोग्राफिक

यदि तपाइँ कार्यको उत्तरदायी साइट हेर्न चाहानुहुन्छ भने, तपाइँको औंल्याउनुहोस् गुगल क्रोम ब्राउजर (मलाई लाग्छ फायरफक्समा उस्तै सुविधा छ) DK New Media। अब चयन गर्नुहोस् हेर्नुहोस्> विकासकर्ता> विकासकर्ता उपकरणहरू मेनूबाट यसले ब्राउजरको तल उपकरणहरूको गुच्छा लोड गर्दछ। विकासकर्ता उपकरण मेनू पट्टीको बाँया पट्टि सानो मोबाइल प्रतिमामा क्लिक गर्नुहोस्।

उत्तरदायी-परीक्षण क्रोम

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

3 टिप्पणिहरु

  1. 1
  2. 2

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

    • 3

      मलाई लाग्छ तपाईं बिल्कुल ठीक हुनुहुन्छ, आरोन। यो केवल आकारहरू परिवर्तन गर्न र चीजहरू सार्न पर्याप्त छैन ... हामीले वास्तवमै सामग्रीको प्रभावकारी रूपमा उपयोग गर्न आवश्यक छ।

तिम्रो के बिचार छ?

यो साइट स्प्याम कम गर्न Akismet को उपयोग गर्दछ। जान्नुहोस् कि तपाईंको डेटा कसरी संसाधित छ.