קל לארגן דפים בעזרת אוספים
אפשר לשמור ולסווג תוכן על סמך ההעדפות שלך.
פריסה מגדירה את המבנה החזותי של הממשק שדרכו המשתמש מתקשר עם האפליקציה, למשל בפעילות. Android מספקת מגוון של ספריות, נקודות התחלה קנוניות וטכניקות להצגה ולמיקום של תוכן.
התחשבות באזורים בטוחים במכשיר Honor, כולל חלקים בממשק המשתמש כמו חיתוכי תצוגה, שוליים מקצה לקצה, תצוגות קצה, מקלדות תוכנה וסרגלי מערכת. לספק פריסה גמישה למשתמשים כדי שיוכלו ליצור אינטראקציה עם המקלדת.
אזהרה: חשוב להיזהר כשמכסים תוכן באמצעות המקלדת.
ארגונומיה של אינטראקציות
חשוב להקפיד שאינטראקציות חיוניות, כמו ניווט ראשי, יהיו באזור במסך שאפשר להגיע אליו בקלות. לחצני פעולה צפים (FAB) מספקים נקודת אינטראקציה בולטת ונגישה
קבוצות הכלה
אפשר להשתמש בשיטת ההכלה כדי לקבץ תוכן שקשור אחד לשני, כדי להנחות את המשתמשים בתוכן ובפעולות. כרטיסים שמשתמשים בהכלה מפורשת כדי לקבץ תוכן עם פעולות קשורות.
התאמה
לספק יישור עקבי בין תוכן דומה ורכיבי ממשק משתמש.
check_circle
מה מומלץ לעשות
שמירה על מרווחים עקביים בין רכיבים דומים.
cancel
מה אסור לעשות
הפרעה לקריאות על ידי
ריווח לא עקבי בין רכיבים דומים, מה שעלול לגרום לעיצובים להיראות אקראיים.
כיוון הפריסה
אל תתמקדו רק בפריסה לאורך או בפריסה אידיאלית: כדאי להתחשב ביחסי גובה-רוחב שונים, בסיווגי גודל וברזולוציות שונות שמשתמשים עשויים להיתקל בהם.
אינטראקציות חיוניות
אל תציפו את המשתמש ביותר מדי פעולות בכל צפייה.
הערות על מפרטי הפריסה
כשיוצרים פריסות בהתאמה אישית, צריך לציין איך התוכן צריך להיות ממוקם בפריסה באמצעות מונחים של יישור, אילוצים או כוח משיכה. צריך לציין איך התמונות צריכות להגיב לקונטיינר שלהן כדי שהן יוצגו בצורה תקינה.
דוגמאות התוכן והקוד שבדף הזה כפופות לרישיונות המפורטים בקטע רישיון לתוכן. Java ו-OpenJDK הם סימנים מסחריים או סימנים מסחריים רשומים של חברת Oracle ו/או של השותפים העצמאיים שלה.
עדכון אחרון: 2025-08-28 (שעון UTC).
[null,null,["עדכון אחרון: 2025-08-28 (שעון UTC)."],[],[],null,["A layout defines the visual structure for a user to interface with your app,\nsuch as in an activity. Android provides a range of libraries, canonical\nstarting points, and techniques to display and position content.\n\nGet Started\n\nStart designing Android layouts by learning [app anatomy](/develop/ui/compose/layouts/adaptive/app-anatomy) then how to\n[structure your app's content](/develop/ui/compose/layouts/adaptive/content-structure).\n\nTakeaways \n**Device safe areas**\n\n\nHonor device safe areas, which includes parts of the UI such as display\ncutouts, edge-to-edge insets, edge displays, software keyboards, and system\nbars. Provide a flexible layout for users to\ninteract with the keyboard.\nWarning: Be careful when covering content with the keyboard.\nAlas, your browser doesn't support HTML5 video. That's OK! You can still [download the video](/static/images/design/ui/mobile/layout-basics-video-1.mp4) and watch it with a video player. \n**Interaction ergonomics**\n\n\nKeep essential interactions, like primary navigation, in a reachable screen\narea. Floating action buttons (FABs) provide a\nprominent and reachable interaction point \n**Containment groups**\n\n\nUse containment to group related content to guide the user through content and\nactions. Cards using explicit containment to group content with related actions.\n\n**Alignment**\n\nProvide consistent alignment between similar content and UI elements.\n\n\u003cbr /\u003e\n\ncheck_circle\n\nDo \nEstablish consistent spacing between like elements. \ncancel\n\nDon't \nDisrupt readability by inconsistently spacing like elements, which can make designs appear haphazard. \n**Layout orientation**\n\n\nDon't stick to portrait or an idealized layout: Consider different aspect\nratios, size classes, and resolutions that users may encounter.\n\n\n**Essential interactions**\n\n\nDon't overwhelm your user with too many actions per view. \n**Notate layout specs**\n\n\nWhen building custom layouts, notate how content should sit within the layout\nusing alignment, constraints, or gravity terms. Include how images should\nrespond to their container to display properly.\n\n\u003cbr /\u003e"]]
