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