If your app contains multiple destinations for users to traverse, we recommend employing layout and navigation pairings that are commonly used by other apps. Because many users already possess the mental models for these pairings, your app will be more intuitive for them.
جفتسازیهای طرحبندی و ناوبری
نوار ناوبری و کشوی ناوبری مدال به عنوان الگوهای ناوبری اصلی برای نماهای طرحبندی والد و مقاصد ناوبری اصلی استفاده میشوند.
The navigation bar can hold three to five navigation destinations across the same hierarchy level. This component translates to the navigation rail for large screens.
اگرچه کشوی ناوبری میتواند بیش از پنج مقصد ناوبری را در خود جای دهد، اما الگوی آن به اندازه نوار ناوبری ایدهآل نیست. دلیل این امر این است که کاربران در اندازههای کوچک باید به نوار بالایی دسترسی داشته باشند.
تبهای متریال ۳ و نوار اپلیکیشن پایین ، الگوهای ناوبری ثانویه هستند که میتوانید از آنها برای تکمیل ناوبری اصلی یا نمایش در نماهای فرزند استفاده کنید.
در اینجا، تبها به عنوان یک لایه ناوبری ثانویه برای گروهبندی محتوای خواهر و برادر عمل میکنند.
اقدامات طرحبندی
کنترلهایی را فراهم کنید تا کاربران بتوانند اقدامات لازم را انجام دهند. الگوهای رایج شامل اقدامات نوار بالا، دکمه عملیاتی شناور (FAB) و منوها هستند.
For actions of the highest importance, a FAB provides a large and prominent button for the user. Provide only one action at a time at this level. A FAB can appear in multiple sizes and an expanded form, which includes a label. Use Scaffold to pin a FAB, to ensure it's always visible even when scrolling.
A floating action button (FAB) that lets users add plants to the plant gallery
You can place secondary actions within the top bar or, if it's grouped near related content, within the page.
برای هرگونه اقدام اضافی که به سرعت یا به طور مکرر مورد نیاز نیستند، آن اقدامات را در یک منوی اضافی اضافه کنید.
Adaptive navigation
از طرحبندی مناسب برای کلاس اندازه پنجره استفاده کنید. از استفاده از نوار ناوبری پایین یکسان در اندازههای مختلف خودداری کنید.
انجام دهید
نکن
اندازههای متوسط میتوانند از ریل ناوبری یا آیتمهای ناوبری افقی استفاده کنند.
اگرچه جمع و جور است، اما یک ریل ناوبری ممکن است روی یک صفحه نمایش کاور ارگونومیکتر باشد. کاورهای بزرگتر میتوانند از هر دو جهت ناوبری بهره ببرند. در نظر بگیرید که کاربر چگونه ممکن است با محتوا تعامل داشته باشد.