מוכנים לכל גדלי המסכים
קל לארגן דפים בעזרת אוספים
אפשר לשמור ולסווג תוכן על סמך ההעדפות שלך.
רף איכות מינימלי לחוויית השימוש בכל גדלי המסכים ב-Wear OS
השלב הראשון ביצירת אפליקציה מעולה ל-Wear OS הוא להפוך אותה למוכנה לכל גדלי המסכים. כלומר, צריך לבדוק את האפליקציה במגוון גדלים של מסכים ייעודיים, ולזהות ולתקן באגים בולטים.
בשלב הזה, יכול להיות שהפריסה של האפליקציה לא אידיאלית, אבל אין באפליקציה בעיות חזותיות או בעיות אינטראקציה ברורות, והמשתמשים יכולים להשלים את כל תהליכי המשימות.
בעיות נפוצות שכדאי לשים לב אליהן
- בעיות בשוליים העליונים, התחתונים או הצדדיים
- חיתוך של טקסט, לחצנים או רכיבים אחרים
- התאמה לא נכונה של רכיבים
- שינוי קנה המידה של רכיבי ממשק המשתמש באופן לא עקבי
check_circle
שיטה מומלצת
בודקים שאין באפליקציה באגים בולטים בגדלים שונים של מסכים.
cancel
חשוב לשים לב
- יישור או רווחים לא נוחים.
- שינוי פרופורציונלי של תוכן ממשק המשתמש.
השלב הבא: רספונסיביות ואופטימיזציה
אפליקציות רספונסיביות וממוטבות משתמשות בפריסות רספונסיביות שתואמות באופן אוטומטי לגדלים שונים של מסכים. כך הן מספקות ערך מוסף למשתמשים ומעניקות חוויית משתמש יעילה ומעניינת.
שנתחיל?
דוגמאות התוכן והקוד שבדף הזה כפופות לרישיונות המפורטים בקטע רישיון לתוכן. Java ו-OpenJDK הם סימנים מסחריים או סימנים מסחריים רשומים של חברת Oracle ו/או של השותפים העצמאיים שלה.
עדכון אחרון: 2025-07-27 (שעון UTC).
[null,null,["עדכון אחרון: 2025-07-27 (שעון UTC)."],[],[],null,["# Be ready for all screen sizes\n\nA minimum quality bar for experiences across all screen sizes on Wear OS\n------------------------------------------------------------------------\n\nThe **first** step in creating a great app for Wear OS is making your app ready\nfor all screen sizes. This means testing your app across a range of target\nscreen sizes and identifying and fixing any obvious bugs.\n\nAt this stage, your app's layout might not be ideal, but the app doesn't have\nobvious visual or interaction issues, and users can complete all task flows.\n\n\nCommon issues to look out for\n-----------------------------\n\n- Issues with top, bottom, and or side margins\n- Clipping of text, buttons, or other components\n- Improper component adaptation\n- Inconsistent scaling of UI elements\n\ncheck_circle\n\n### Best practice\n\nCheck to make sure your app has no obvious bugs across screen sizes. \ncancel\n\n### Watch out for\n\n- Awkward alignments or spacing.\n- Proportionally scaling up the UI contents.\n\nNext step: responsive and optimized\n-----------------------------------\n\nApps that are **responsive and optimized** utilize responsive layouts that\nautomatically adapt to different screen sizes, offering some additional value to\nusers and providing a productive, engaging user experience.\n\n[Get started](/design/ui/wear/guides/foundations/larger-screens-optimized)"]]
