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

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

אפליקציות שעברו אופטימיזציה למסכים גדולים מנצלות את המסכים הרחבים של המכשירים עם המסכים הגדולים כדי לספק חוויית משתמש יעילה ומעניינת.
אפליקציות שעברו אופטימיזציה נוצרות עם פריסות רספונסיביות/אדפטיביות שתואמות לכיוונים לאורך ולרוחב, למצב של חלונות מרובים ולמצבים של מכשיר מקופל ומופרד. מסילות ניווט וחלוניות משפרות את ממשק המשתמש, שמציג באופן דינמי את הפורמט והמיקום של רכיבים כמו לחצנים, שדות טקסט וחלונות דו-שיח, כדי לספק חוויית משתמש אופטימלית.
אפליקציות שמותאמות למסכים גדולים מספקות תמיכה בניווט במקלדת, בקיצורי דרך במקלדת, בהגדלת התצוגה בעזרת העכבר או משטח המגע, ב'קליק ימני' ובהתנהגות של מעוף מעל.
מה לעשות ומה לא לעשות
check_circle
מה מותר לעשות
- יצירת פריסות עם שני חלונות
- שימוש בפריסות של רשתות ועמודות
- החלפת שורת הניווט בסרגלי ניווט ובתיבות ניווט
- שימוש בהטמעת פעילויות באפליקציות מדור קודם עם כמה פעילויות
- תמיכה בפונקציות מתקדמות של מקלדת, עכבר ומשטח מגע
- מתיחים רכיבי ממשק משתמש (שדות טקסט, לחצנים, תיבת דו-שיח) כדי למלא את המרחב הנוסף
- מתיחה או חיתוך של תמונות
- שינוי הרוחב של לוחות או גיליונות למלא
הנחיות
פועלים לפי ההנחיות ברמה 2 כדי לבצע אופטימיזציה של האפליקציות למסכים גדולים.
תמיכה במסכים בכל הגדלים במכשירים מכל הסוגים, עם פריסות רספונסיביות או מותאמות שמספקות חוויית משתמש אופטימלית.
ההנחיות LS-U1 עד LS-U4
מה
פריסות האפליקציות תואמות למימדים של מסכים גדולים. ממשק המשתמש של האפליקציה כולל:
- פסי ניווט וחלוניות הזזה מתקדמים
- פריסות של רשתות שמתאימות לשינויים בגודל החלון
- פריסות של עמודות
- חלוניות קצה שנפתחות כברירת מחדל במסכים גדולים
פריסות עם שתי חלוניות מנצלות את שטח המסך הגדול. אפליקציות עם פעילויות מרובות מטמיעות פעילויות כדי ליצור פריסות של פעילויות לצד אחת בחלוניות מרובות.
משטחי המגע גדולים וניתן לגשת אליהם. אפשר להתמקד בפריטים גרפיים אינטראקטיביים.
למה
מכשירי מסך גדול כוללים מגוון גורמים צורניים, כולל טאבלטים, מכשירים מתקפלים ומכשירי ChromeOS. גודל המסכים משתנה. לרוב, משתמשים במכשירים בפריסה לרוחב – לפעמים בפריסה הזו בלבד.
תמיכה במכשירי קלט חיצוניים מבוססי חומרה כדי לשפר את נוחות השימוש באפליקציה ואת שביעות הרצון של המשתמשים.
ההנחיות LS-I3 עד LS-I9
מה
האפליקציה מספקת תמיכה משופרת בקלט מהמקלדת, מהעכבר וממשטח המגע. אפשר לגשת לתפריטי האפשרויות באמצעות לחיצה ימנית בעכבר ובלוח המגע (לחצן העכבר המשני או הקשה משנית). אפשר לשנות את מרחק התצוגה של תוכן האפליקציה באמצעות גלגל הגלילה של העכבר ותנועות צביטה במשטח המגע. לרכיבי ממשק המשתמש יש מצבי מעבר.
למה
בדרך כלל, ציוד היקפי כמו מקלדות, עכברים ולוחות מגע מחובר למכשירים עם מסכים גדולים. בדרך כלל, במכשירי ChromeOS יש מקלדת ומשטח מגע מובנים. משתמשים רגילים להשתמש במקשי קיצור, בכמה לחצנים בעכבר, בגלגל הגלילה של העכבר ובתנועות במשטח המגע.
דוגמאות התוכן והקוד שבדף הזה כפופות לרישיונות המפורטים בקטע רישיון לתוכן. Java ו-OpenJDK הם סימנים מסחריים או סימנים מסחריים רשומים של חברת Oracle ו/או של השותפים העצמאיים שלה.
עדכון אחרון: 2025-07-27 (שעון UTC).
[null,null,["עדכון אחרון: 2025-07-27 (שעון UTC)."],[],[],null,["# Large screen optimized\n\nTIER 2 --- [Large screen app\nquality](/docs/quality-guidelines/large-screen-app-quality) guidelines that\nprepare your app for displays large and small.\n\nAPPS OPTIMIZED FOR LARGE SCREENS take advantage of the expansive displays of\nlarge screen devices to provide a productive, engaging user experience.\n\nOptimized apps are built with responsive/adaptive layouts that conform to\nportrait and landscape orientations, multi‑window mode, and folded and\nunfolded device states. Navigation rails and drawers enhance a user interface\nthat dynamically formats and positions elements such as buttons, text fields,\nand dialogs for an optimal user experience.\n\nApps optimized for large screens provide support for keyboard navigation,\nkeyboard shortcuts, and mouse and trackpad zoom, \"right‑click,\" and hover\nbehavior.\n\nDo's and don'ts\n---------------\n\ncheck_circle\n\n### Do\n\n- Create two-pane layouts\n- Use grid and column layouts\n- Replace navigation bars with navigation rails and drawers\n- Use activity embedding in legacy, multi-activity apps\n- Support advanced keyboard, mouse, and trackpad functionality \ncancel\n\n### Don't\n\n- Stretch UI elements (text fields, buttons, dialogs) to fill extra space\n- Stretch or crop images\n- Make panels or sheets full width\n\nGuidelines\n----------\n\nFollow the Tier 2 guidelines to optimize your apps for large screens. \n\n### [UX](/docs/quality-guidelines/large-screen-app-quality#t2_ux)\n\nSupport screens of all sizes on devices of all kinds with responsive/adaptive layouts that provide an optimal user experience.\n\nGuidelines [LS-U1](/docs/quality-guidelines/large-screen-app-quality#LS-U1) through [LS-U4](/docs/quality-guidelines/large-screen-app-quality#LS-U4) \n\n#### What\n\nApp layouts conform to large screen dimensions. App UI includes:\n\n- Leading-edge navigation rails and drawers\n- Grid layouts that accommodate window size changes\n- Column layouts\n- Trailing-edge panels that are open by default on large screens\n\nTwo-pane layouts take advantage of large screen space. Multi‑activity apps implement activity embedding to create multi‑pane layouts of activities side by side.\n\nTouch targets are large and reachable. Interactive drawables are focusable. \n\n#### Why\n\nLarge screen devices encompass a variety of form factors, including tablets, foldables, and ChromeOS devices. Display sizes vary. Devices are often---sometimes primarily---used in landscape orientation. \n\n#### How\n\nSee the [UX](/guide/topics/large-screens/ux) overview. \n\n### [Keyboard, mouse, and trackpad](/docs/quality-guidelines/large-screen-app-quality#t2_keyboard_mouse_trackpad)\n\nSupport external hardware input devices to increase app usability and user satisfaction.\n\nGuidelines [LS-I3](/docs/quality-guidelines/large-screen-app-quality#LS-I3) through [LS-I9](/docs/quality-guidelines/large-screen-app-quality#LS-I9) \n\n#### What\n\nApp provides enhanced support for keyboard, mouse, and trackpad input. Options menus are accessible by mouse and trackpad right‑click (secondary mouse button or secondary tap) behavior. App content can be zoomed using the mouse scroll wheel and trackpad pinch gestures. UI elements have hover states. \n\n#### Why\n\nPeripherals such as keyboards, mice, and trackpads are often connected to large screen devices. ChromeOS devices typically have a built‑in keyboard and trackpad. Users are accustomed to using keyboard shortcuts, multiple mouse buttons, mouse scroll wheel, and trackpad gestures. \n\n#### How\n\nSee the [Keyboard, mouse, and trackpad](/guide/topics/large-screens/keyboard-mouse-and-trackpad-tier-2) overview."]]