फ़ोल्डेबल्स के लिए डिज़ाइनिंग: मुद्राएँ, खिड़की के आकार और हावभाव
फोल्डेबल फोन के लिए ऐप्स कैसे डिजाइन करें: फोल्ड और अनफोल्डेड लेआउट, टेबलटॉप और बुक पोस्चर्स, विंडो साइज क्लासेस, फोल्ड के पास निरंतरता और जेस्चर।
कोर टेकअवे
फोल्डेबल लेआउट को उपलब्ध विंडो आकार के आधार पर डिज़ाइन करें, डिवाइस मॉडल के आधार पर नहीं: Android के विंडो आकार वर्ग 600dp से कम की चौड़ाई को कॉम्पैक्ट, 600 से 840dp को मध्यम और 840 से 1200dp को विस्तारित मानते हैं। मुड़े हुए, खुले और आधे खुले (टेबलटॉप) आसन का समर्थन करें, डिवाइस को मोड़ने या खोलने पर उपयोगकर्ता का स्थान बनाए रखें, और मुख्य सामग्री और स्पर्श लक्ष्यों को गुना से दूर रखें।
आसन
Android के डेवलपर दस्तावेज़ में कई मुद्राओं में फोल्डेबल का वर्णन किया गया है: मुड़ा हुआ, खुला फ्लैट, खुला फ्लैट, लैंडस्केप में घुमाया गया, और आधा खुला, जिसे टेबलटॉप के रूप में जाना जाता है। फोल्ड स्क्रीन को दो भागों में विभाजित करता है, या तो एक स्क्रीन के लचीले क्षेत्र के रूप में या दो डिस्प्ले के बीच एक काज के रूप में, और यह डिस्प्ले के हिस्से को अस्पष्ट कर सकता है।
विंडो आकार वर्गों द्वारा डिज़ाइन
विशिष्ट उपकरणों को लक्षित करने के बजाय, Android उपलब्ध स्थान को विंडो आकार वर्गों में समूहित करता है। कॉम्पैक्ट चौड़ाई (600डीपी से कम) पोर्ट्रेट में लगभग सभी फोन को कवर करती है; मध्यम चौड़ाई (600 से 840 डीपी) पोर्ट्रेट में अधिकांश टैबलेट और पोर्ट्रेट में कई बड़े खुले आंतरिक डिस्प्ले को कवर करती है; विस्तारित चौड़ाई (840 से 1200डीपी) अधिकांश टैबलेट और लैंडस्केप में बड़े खुले डिस्प्ले को कवर करती है। बड़ी और अतिरिक्त बड़ी कक्षाएं बड़े टैबलेट और डेस्कटॉप को कवर करती हैं।
वे लेआउट जो फ़ोल्ड का उपयोग करते हैं
सामान्य पैटर्न:
- मुड़ा हुआ: सामान्य फ़ोन लेआउट।
- खुला फ़्लैट: सूची-विस्तार या दो-फलक लेआउट, प्रत्येक फलक तह के एक तरफ होता है।
- टेबलटॉप: ऊपरी हिस्से में वीडियो जैसी सामग्री, निचले हिस्से में नियंत्रण।
- कभी भी बटन, टेक्स्ट लाइन या फेस को फ़ोल्ड के पार न रखें।
निरंतरता
जब कोई कार्य के बीच में डिवाइस खोलता है, तो ऐप को वहीं जारी रहना चाहिए जहां वे थे: वही स्क्रॉल स्थिति, वही ड्राफ्ट, वही प्लेबैक। फ़ोल्ड और अनफ़ोल्ड को एक लेआउट परिवर्तन के रूप में मानें, न कि पुनरारंभ के रूप में, और संक्रमण को एनिमेट करें ताकि लोग अनुसरण कर सकें कि सामग्री कहाँ स्थानांतरित हुई है।
इशारे और पहुंच
बड़ी खुली हुई स्क्रीन अंगूठे की पहुंच को बदल देती है: किनारों के पास जहां हाथ आराम करते हैं, वहां लगातार नियंत्रण रखें, और किनारे के स्वाइप से बचें जो सिस्टम इशारों के साथ टकराव करते हैं। भौतिकी-आधारित गति यहां भी मदद करती है: फलक जो स्लाइड करते हैं और स्प्रिंग्स के साथ स्थिर हो जाते हैं, मुद्राओं के बीच परिवर्तन को परेशान करने के बजाय स्वाभाविक महसूस कराते हैं।
याद रखने योग्य कुंजी Principle
- विंडो आकार वर्ग के आधार पर डिज़ाइन करें, डिवाइस मॉडल के आधार पर नहीं
- कॉम्पैक्ट <600डीपी, मध्यम 600-840डीपी, विस्तारित 840-1200डीपी
- मुड़े हुए, खुले और टेबलटॉप आसन का समर्थन करें
- सामग्री और नियंत्रण को तह से दूर रखें
- स्थिति और चेतन मुद्रा परिवर्तन को सुरक्षित रखें
अक्सर पूछे जाने वाले प्रश्नों
स्रोत
- Learn about foldables — Android डेवलपर्स
- Use window size classes — Android डेवलपर्स