वेब और टैबलेट के लिए डिजाइनिंग - उत्तरदायी डिजाइन

• मई 17, 2024

उत्तरदायी शब्द कुछ समय के लिए सबसे आगे रहा है लेकिन वास्तव में इसका क्या मतलब है? ज्यादातर पाठ-आधारित प्लेटफ़ॉर्म से इंटरएक्टिव, आकर्षक, मल्टी-मीडिया और मल्टी-डिवाइस वातावरण तक, इंटरनेट बहुत कुछ बदल गया है।

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

जब हमें केवल डेस्कटॉप और लैपटॉप कंप्यूटरों के लिए वेबसाइटें डिजाइन करनी थीं, तो हमारा मुख्य विचार यह था कि यह सुनिश्चित करने के लिए कि वेबपेज में कोई फर्क नहीं पड़ता कि कंप्यूटर या वेब ब्राउजर कैसा है। उत्तर शीर्ष वेब ब्राउज़र और सबसे सामान्य स्क्रीन रिज़ॉल्यूशन के लिए डिज़ाइन करना था। थोड़े समय के लिए काम किया। एक और समस्या स्पष्ट हो गई क्योंकि ये पैरामीटर बदलते रहे। मेरे पहले कंप्यूटर का स्क्रीन साइज़ 600०० x ६०० था और मुझे वैसे भी बहुत पसंद था। फिर 1024 x 800 आदर्श बन गया। अब कंप्यूटर 27 इंच और बड़े हो गए हैं। तो एक वेबसाइट के लिए लक्ष्य संकल्प बदलते रहे।

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

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

वीडियो निर्देश: Designing Responsive UI Views - Sketch: Noob to Master, ep9 (मई 2024).