संग्रह की मदद से व्यवस्थित रहें
अपनी प्राथमिकताओं के आधार पर, कॉन्टेंट को सेव करें और कैटगरी में बांटें.
Wear OS नेटवर्क में मौजूद कई स्मार्टवॉच की स्क्रीन के साइज़ अलग-अलग होते हैं.
Wear OS के लिए डिज़ाइन करते समय, ध्यान रखें कि आपके ऐप्लिकेशन के प्लैटफ़ॉर्म, इन अलग-अलग स्क्रीन साइज़ पर दिखते हैं.
सिद्धांत
अलग-अलग डिवाइसों के लिए डिज़ाइन करते समय, इन बातों का ध्यान रखें.
छोटे आइटम पहले
हमेशा सबसे छोटे राउंड-स्क्रीन एमुलेटर के लिए डिज़ाइन करें:
192 dp. इसके बाद, बड़े डिवाइसों के लिए ऑप्टिमाइज़ करें.
बड़े पैमाने पर डिज़ाइन करना
बाहरी मार्जिन को सटीक वैल्यू के बजाय प्रतिशत के तौर पर तय करें, ताकि मार्जिन, राउंड स्क्रीन पर आनुपातिक रूप से स्केल हो सकें और किसी भी यूज़र इंटरफ़ेस (यूआई) एलिमेंट को क्लिप करने से बचा जा सके.
फ़ॉन्ट का साइज़
फ़ॉन्ट के साइज़ को बढ़ाने या घटाने और बोल्ड टेक्स्ट जैसी सुलभता सेटिंग के आधार पर, यूज़र इंटरफ़ेस (यूआई) एलिमेंट की ऊंचाई में बदलाव हो सकता है.
आम तौर पर इस्तेमाल होने वाले स्क्रीन साइज़ के उदाहरण
Wear OS डिवाइसों के लिए, स्क्रीन के ये साइज़ आम तौर पर चुने जाते हैं.
छोटी और बड़ी स्क्रीन के बीच ब्रेकपॉइंट के तौर पर 225 dp का इस्तेमाल करना फ़ायदेमंद होता है.
192 dp से 224 dp
225 dp से 240 dp से ज़्यादा
कैननिकल अडैप्टिव लेआउट
अलग-अलग स्क्रीन साइज़ के लिए डिज़ाइन करने के बारे में ज़्यादा जानकारी के लिए, कैननिकल अडैप्टिव लेआउट पेज पर जाएं.
इस पेज पर मौजूद कॉन्टेंट और कोड सैंपल कॉन्टेंट के लाइसेंस में बताए गए लाइसेंस के हिसाब से हैं. 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,["# Screen sizes\n\nMany of the watches within the Wear OS ecosystem have different screen sizes.\nWhen designing for Wear OS, keep in mind that your app surfaces are displayed on\nthese different screen sizes.\n\nPrinciples\n----------\n\nKeep the following principles in mind when designing for different devices.\n\n### Small first\n\nAlways design for the smallest supported round-screen emulator first:\n192 dp. Then, optimize for larger devices.\n\n### Design for scale\n\nDefine outer margins as percentages rather than absolute values, so that margins\ncan scale proportionally on round screens and avoid clipping any UI elements.\n\n### Font size\n\nThe height of a UI element might change in a non-linear way, depending on font\nscaling and accessibility settings such as bold text.\n\nExamples of common screen sizes\n-------------------------------\n\nThe following screen sizes are particularly common choices for Wear OS devices.\nIt's beneficial to use 225 dp as a breakpoint between smaller screens and larger\nscreens. \n192 dp to 224 dp \n225 dp to 240+ dp\n\nCanonical adaptive layouts\n--------------------------\n\nVisit the [canonical adaptive layouts](/design/ui/wear/guides/foundations/canonical-adaptive-layouts) page for more information on designing\nfor a variety of screen sizes."]]