קל לארגן דפים בעזרת אוספים
אפשר לשמור ולסווג תוכן על סמך ההעדפות שלך.
לשעונים רבים בסביבה של Wear OS יש מסכים בגדלים שונים.
כשאתם מעצבים עבור Wear OS, חשוב לזכור שפני האפליקציה מוצגים בגדלי המסך השונים האלה.
עקרונות
כשאתם מעצבים למכשירים שונים, חשוב לזכור את העקרונות הבאים.
קטן קודם
תמיד כדאי לתכנן קודם את הממשק למסך עגול קטן שנתמך: 192dp. לאחר מכן, מבצעים אופטימיזציה למכשירים גדולים יותר.
תכנון לפי קנה מידה
כדאי להגדיר את השוליים החיצוניים כאחוזים ולא כערכים מוחלטים, כדי שהשוליים יוכלו להתכוונן באופן יחסי במסכים עגולים, וכדי למנוע חיתוך של רכיבי ממשק המשתמש.
גודל הגופן
הגובה של רכיב בממשק המשתמש עשוי להשתנות באופן לא לינארי, בהתאם לשינוי הגודל של הגופן ולהגדרות הנגישות, כמו טקסט מודגש.
דוגמאות לגדלי מסך נפוצים
גדלי המסך הבאים הם בחירות נפוצות במיוחד במכשירי Wear OS.
מומלץ להשתמש ב-225dp כנקודה לשינוי התנהגות בין מסכים קטנים למסכים גדולים יותר.
דוגמאות התוכן והקוד שבדף הזה כפופות לרישיונות המפורטים בקטע רישיון לתוכן. 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."]]
