תחילת העבודה עם פריסות מותאמות

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

מהו ממשק משתמש מותאם?

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

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

גדלים של מסכים למפתחות

מידע על גדלים מרכזיים שחשוב לזכור כשאתם מתכננים חוויות חדשות

גדלי מסך

סוגי הפריסות

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

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

הוספת ערך באמצעות פריסות ותכנון דינמיים

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

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

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

איכות האפליקציה

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

הנחיות איכות

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

קדימה, מתחילים

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

קדימה, מתחילים

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

קדימה, מתחילים

שימוש בפריסות קנוניות מוגדרות

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

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

פריסות קנוניות