संग्रह की मदद से व्यवस्थित रहें
अपनी प्राथमिकताओं के आधार पर, कॉन्टेंट को सेव करें और कैटगरी में बांटें.
अडैप्टिव और अलग ऐप्लिकेशन, उपयोगकर्ता को ऐसा अनुभव देते हैं जो छोटी स्क्रीन वाले डिवाइसों पर नहीं मिल सकता.
ये ऐप्लिकेशन, स्क्रीन के साइज़ के ब्रेकपॉइंट पर लागू किए गए नए लेआउट का इस्तेमाल करते हैं. इससे, बड़ी स्क्रीन वाले डिवाइसों के उपयोगकर्ताओं को ज़्यादा फ़ायदा मिलता है. साथ ही, उन्हें ऐसा उपयोगकर्ता अनुभव मिलता है जो छोटी स्क्रीन वाले डिवाइसों पर नहीं मिल सकता.
नए लेआउट और टेंप्लेट लागू करके वैल्यू जोड़ना
अडैप्टिव लेआउट वाले अलग-अलग ऐप्लिकेशन, अडैप्टिव डिज़ाइन के तरीकों का पालन करते हैं. हालांकि, ये अलग-अलग लेआउट लागू करने के लिए ब्रेकपॉइंट का भी इस्तेमाल करते हैं. साथ ही, इनसे बड़ी स्क्रीन वाले डिवाइसों के उपयोगकर्ताओं को बेहतर अनुभव मिलता है. इस बारे में यहां दिए गए उदाहरणों में बताया गया है:
एक नया कार्ड जोड़ें, जिसमें एक नज़र में जानकारी देखी जा सके.टैप किए जा सकने वाले ज़्यादा एफ़र्डेंस जोड़ें.ग्राफ़ और चार्ट में ज़्यादा जानकारी दिखाएं.ब्रेकपॉइंट का इस्तेमाल करके, कॉम्पोनेंट के व्यवहार या डिज़ाइन में बदलाव करें, ताकि उपलब्ध जगह को भरा जा सके.
Wear OS पर ब्रेकपॉइंट का इस्तेमाल करना
225 dp पर ब्रेकपॉइंट का इस्तेमाल करके, अलग-अलग साइज़ के लेआउट को ऑप्टिमाइज़ किया जा सकता है.
अलग-अलग लेआउट के लिए, कॉम्पोज़ और टाइल लागू करने के दिशा-निर्देश देखें.
check_circle
यह करें
बड़े लक्ष्य रखें.
225 dp और उससे ज़्यादा डाइमेंशन के लिए, कस्टम लेआउट और व्यवहार डिज़ाइन करें.
cancel
यह न करें
कम में ही समझौता कर लें.
सिर्फ़ एक डिवाइस के साइज़ के लिए डिज़ाइन किया गया हो.
अपने ऐप्लिकेशन को सामान्य बनाएं.
इस पेज पर मौजूद कॉन्टेंट और कोड सैंपल कॉन्टेंट के लाइसेंस में बताए गए लाइसेंस के हिसाब से हैं. Java और OpenJDK, Oracle और/या इससे जुड़ी हुई कंपनियों के ट्रेडमार्क या रजिस्टर किए हुए ट्रेडमार्क हैं.
आखिरी बार 2025-07-27 (UTC) को अपडेट किया गया.
[[["समझने में आसान है","easyToUnderstand","thumb-up"],["मेरी समस्या हल हो गई","solvedMyProblem","thumb-up"],["अन्य","otherUp","thumb-up"]],[["वह जानकारी मौजूद नहीं है जो मुझे चाहिए","missingTheInformationINeed","thumb-down"],["बहुत मुश्किल है / बहुत सारे चरण हैं","tooComplicatedTooManySteps","thumb-down"],["पुराना","outOfDate","thumb-down"],["अनुवाद से जुड़ी समस्या","translationIssue","thumb-down"],["सैंपल / कोड से जुड़ी समस्या","samplesCodeIssue","thumb-down"],["अन्य","otherDown","thumb-down"]],["आखिरी बार 2025-07-27 (UTC) को अपडेट किया गया."],[],[],null,["# Adaptive and differentiated\n\nApps that are **adaptive and differentiated** create a user experience that\nisn't possible on devices with smaller screens.\n\nThese apps use new layouts, implemented at a key screen size breakpoint, to\nderive additional value for users of devices with larger screens, enabling a\nuser experience that devices with smaller screens can't match.\n\nAdd value by applying new layouts and templates\n-----------------------------------------------\n\nAdaptive layout differentiated apps follow [adaptive design practices](/design/ui/wear/guides/foundations/adaptive-layouts) but\nalso utilize breakpoints to apply different layouts and create an even richer\nexperience for users of devices with substantially larger screens, as shown in\nthe following examples:\nAdd new glanceable information. Add more tappable affordances. Increase the information density of graphs and charts. Adjust component behavior or design with the use of breakpoints to fill the available space.\n\nUse breakpoints on Wear OS\n--------------------------\n\nUtilizing a breakpoint at 225 dp can help optimize layouts across a range of\nsizes.\n\nSee the [Compose](/training/wearables/compose/screen-size#breakpoints) and [Tiles](/training/wearables/tiles/screen-size#breakpoints) implementation guidance for differentiated\nlayouts. \ncheck_circle\n\n### Do\n\n- Think big.\n- Design custom layouts and behaviors at 225 dp and larger. \ncancel\n\n### Don't\n\n- Settle for less.\n- Design for just one device size.\n- Let your app be unremarkable."]]