הסביבה העסקית של Wear OS מורכבת ממכשירים עם מגוון רחב של גדלי מסכים. שימוש בעקרונות של ממשק משתמש מותאם אישית הוא חיוני כדי לספק חוויה באיכות הגבוהה ביותר לכל המשתמשים.
מהו ממשק משתמש מותאם?
ממשקי משתמש מותאמים משתנים ומשתלשים כדי לנצל בצורה הטובה ביותר את כל שטח המסך הזמין, ללא קשר לגודל המסך שבו הם מוצגים.
ממשקי משתמש מותאמים משתנים באופן תגובתי, באמצעות רכיבים ושיטות שמוטמעים ישירות לתוך הלוגיקה של הפריסה. הפריסות האלה כוללות גם נקודות עצירה לפי גודל המסך – שימוש בעיצוב שונה בגודלי מסך שונים – כדי ליצור חוויה עשירה עוד יותר למשתמשים.
גדלים של מסכים למפתחות

מידע על גדלים מרכזיים שחשוב לזכור כשאתם מתכננים חוויות חדשות
סוגי הפריסות
כשאתם מעצבים פריסות מותאמות למסך עגול, לכל תצוגה עם גלילה ותצוגה ללא גלילה יש דרישות ייחודיות לגבי שינוי הגודל של רכיבי ממשק המשתמש ושמירה על פריסת הרמונית ותמהיל הרמוני.

צריך להגדיר את כל המרווחים העליונים, התחתונים והצדדיים באחוזים כדי למנוע חיתוך ולספק שינוי פרופורציונלי של הגודל של האלמנטים.

צריך להגדיר את כל השוליים באחוזים, ולהגדיר אילוצים אנכיים כך שהתוכן הראשי באמצע יוכל להתמתח ולמלא את האזור הזמין.
הוספת ערך באמצעות פריסות ותכנון דינמיים
כשאתם מעצבים פריסות מותאמות למסך עגול, לכל תצוגה עם גלילה ותצוגה ללא גלילה יש דרישות ייחודיות לגבי שינוי הגודל של רכיבי ממשק המשתמש ושמירה על פריסת הרכב מאוזנת.
התמונות הבאות הן הצעות כלליות. הדוגמאות הן להמחשה בלבד. בדף של כל רכיב או ממשק תוכלו למצוא הנחיות מפורטות ותואמות להקשר.

פריסות רספונסיביות מאפשרות להציג יותר צ'יפים, יותר כרטיסים, יותר שורות טקסט ויותר לחצנים במסך אחד

שימוש בפריסות חדשות, שחלות בנקודות עצירה מוגדרות בגודל המסך, כדי לאפשר הצגת תוכן חדש כשהדבר אפשרי, וכך לספק למשתמשים ערך מוסף במכשירים עם מסכים גדולים יותר.

השתמשו במרחב המסך הנוסף כדי ליצור מאגרים גדולים יותר, טקסט גדול יותר, טבעות עבות יותר וויזואליזציה מפורטת יותר של נתונים, כדי לשפר את הקריאה במהירות של המשתמשים.

השתמשו במרחב הנוסף במסך כדי ליצור מטרות הקשה גדולות יותר, היררכיה חזותית טובה יותר ומרחק נוסף בין פריטי התוכן, כדי שהאינטראקציה עם הממשקים תהיה קלה ונוחה יותר.

השתמשו ברכיבים ובתבניות המעודכנים שלנו כדי להציע מראה וסגנון טובים יותר לממשקי המשתמש שלנו בכל גדלי המסכים.
איכות האפליקציה

הנחיות האיכות שלנו מחולקות לשלוש רמות. כדי לספק למשתמשים את חוויית השימוש הטובה ביותר, חשוב לעמוד בהנחיות בכל שלוש הרמות.
מוכנה לכל גודלי המסכים |
רספונסיביות ואופטימיזציה |
התאמה אישית והבדלים |
שימוש בפריסות קנוניות מוגדרות

שימוש בפריסות קנוניקליות מוכרות כדי לעזור לממשקי המשתמש להתאים את עצמם בצורה חלקה למגוון גדלים של מכשירים.
הפריסות הקנוניות שלנו פותחו בקפידה כדי לספק חוויה באיכות גבוהה בכל גדלי המסכים.