פריסות של אפליקציות
קל לארגן דפים בעזרת אוספים
אפשר לשמור ולסווג תוכן על סמך ההעדפות שלך.
כשמעצבים אפליקציות ל-Wear OS, צריך לשים לב לפריסות שאליהן בוחרים אותן
בכל חוויה. כי Wear OS פועלת על מסכים עגולים, וחיתוך הקליפ הוא יותר ארוך.
נפוצים בהשוואה למכשירים ניידים, יש שתי קטגוריות של פריסות קנוניות
שכדאי לחשוב עליהן כשמתכננים את האפליקציה.
פריסות שלא גוללות מתמקדות במידע במבט מהיר ומציעות למשתמשים ערך
אינטראקציה מועטה מאוד, אם בכלל. לכן הבנייה של מודל
תגובה לפריסות האלה:
- בדיקה על שילוב של שפות, שינוי קנה מידה של גופנים, מכשירים ומשתנים
תוכן.
- יש להשתמש בפריסות שלא ניתן לגלול רק כשהתוכן מוכר או מבוקר
מראש, או אם אתם חייבים להשתמש בעיצוב ספציפי.
- מחילים את השוליים העליונים, התחתונים והצדדיים המומלצים על הפריסה.
- הגדרת שוליים בערכי אחוזים במקומות שבהם התוכן עשוי היה להיות אחר
להיות חתוכים.
- רצוי לארגן את הרכיבים כדי לנצל את השטח בצורה הטובה ביותר
לשמור על איזון בין מכשירים בגדלים שונים.
עבור דפים שמכילים יותר מידע ממה שמתאים למסך יחיד, או
שנדרשים כדי לתמוך במסלולים ארוכים וסוחפים יותר, משתמשים בגלילה
צפייה.
תצוגות גלילה שמשתמשות בשיטות עיצוב רספונסיביות בדרך כלל מסתגלים
בגדלים שונים. עם זאת, במקרים מיוחדים אפשר להשתמש בנקודת עצירה (breakpoint) כדי
לשנות מאפיינים ולהרחיב פריסות כדי להציג אפשרויות נוספות, לשפר
התכונה 'בקצרה' או כדי להתאים את התוכן למסך בצורה טובה יותר. הדוגמה הבאה
מראה איך במסכים גדולים יותר מתבצע הרחבה של שני הלחצנים התחתונים:
ערכות לעיצוב פיגמה
בדף ההורדות של ערכת העיצוב אפשר לראות פריסות עיצוב עם תכונות מובנות
רכיבים, אפשרויות והמלצות ליצירת אפליקציה וכרטיסי מידע שונים
לפי שיטות מומלצות.
דוגמאות התוכן והקוד שבדף הזה כפופות לרישיונות המפורטים בקטע רישיון לתוכן. 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,["# App layouts\n\nWhen designing apps for Wear OS, be intentional about the layouts you choose for\neach experience. Because Wear OS runs on circular displays and clipping is more\ncommon than on handheld devices, there are two categories of canonical layouts\nthat you should consider when designing your app.\n\nNon-scrolling app layouts\n-------------------------\n\nNon-scrolling layouts focus on glanceable information and offer users value with\nlittle or no interaction. Because of that, it can be challenging to build\nresponsive behavior into these layouts:\n\n### Build for responsive non-scrolling views\n\n- Test on a combination of languages, font scaling, devices, and variable content.\n- Use non-scrollable layouts only when the content is known or controlled ahead of time, or if you must use a specific design.\n- Apply the [recommended top, bottom, and side margins](/design/ui/wear/guides/components/dialogs#adaptive-layouts) to the layout.\n- Define margins in percentage values in places where content might otherwise be clipped.\n- Arrange elements to make the best possible use of the space within the screen and maintain balance across different device sizes.\n\nScrolling app layouts\n---------------------\n\nFor pages that contain more information than can fit on a single screen, or\nwhich are required to support longer and more immersive journeys, use a scroll\nview.\n\n### Build for responsive scroll views\n\n- Apply the [recommended top, bottom, and side margins](/design/ui/wear/guides/components/dialogs#adaptive-layouts).\n- Define outer margins in percentage values to prevent clipping at the beginning and end of the scrollable container.\n- Apply margins in fixed DP values between UI elements.\n\n### How to build for adaptive scroll views using a screen size breakpoint\n\nScroll views that use responsive design practices usually adapt to a range of\nscreen sizes. However, in some special cases, you can use a breakpoint to\noverride dimensions and augment layouts which show additional options, improve\nglanceability, or make content fit better on screen. The following example\nshows how, on larger screens, the bottom two buttons are widened:\n\nFigma design kits\n-----------------\n\n[Visit the design kit downloads page](/design/ui/wear/guides/foundations/download) to explore design layouts with built-in\ncomponents, options, and recommendations to create different app and tile\ndesigns that follow best practices."]]
