עצב מתווים של יריעה לגודלי מסך שונים

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

אודות עיצוב מתווי יריעה לתצוגה במכשירים עם גודלי מסך שונים

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

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

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

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

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

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

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

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

עיצוב מתווי יריעה להצגה במכשירים שונים

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

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

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

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

  6. חזור על השלב הקודם כדי להגדיר נקודות עצירה נוספות של יריעה.
  7. כלול או אל תכלול המחשות גרפיות לכל נקודת עצירה של יריעה:
    • לחץ באמצעות לחצן העכבר הימני על נקודת העצירה שברצונך לנהל (נקודת עצירה של יריעה והמדגיש שלה) ולחץ על נהל נקודת עצירה.
      השתמש בתיבת הדו-שיח 'נהל נקודת עצירה' כדי לכלול או לא לכלול המחשות גרפיות בנקודת עצירה של יריעה זו.

    • לחץ על המחשה גרפית מהרשימה כדי לא לכלול או לכלול ביריעה לנקודת עצירה זו של היריעה, ולאחר מכן לחץ על אישור.
      השתמש בתיבת הדו-שיח 'נהל נקודת עצירה' כדי לא לכלול או לכלול המחשות גרפיות ומסנני לוח מידע ביריעה לנקודת עצירה זו.

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