طرح‌بندی‌ها و الگوهای ناوبری، طرح‌بندی‌ها و الگوهای ناوبری

اگر برنامه شما شامل چندین مقصد برای کاربران است، توصیه می‌کنیم از جفت‌سازی‌های طرح‌بندی و ناوبری که معمولاً توسط سایر برنامه‌ها استفاده می‌شوند، استفاده کنید. از آنجا که بسیاری از کاربران از قبل مدل‌های ذهنی برای این جفت‌سازی‌ها را دارند، برنامه شما برای آنها شهودی‌تر خواهد بود.

جفت‌سازی‌های طرح‌بندی و ناوبری

نوار ناوبری و کشوی ناوبری مدال به عنوان الگوهای ناوبری اصلی برای نماهای طرح‌بندی والد و مقاصد ناوبری اصلی استفاده می‌شوند.

نوار ناوبری می‌تواند سه تا پنج مقصد ناوبری را در یک سطح سلسله مراتبی در خود جای دهد. این کامپوننت برای صفحات نمایش بزرگ به ریل ناوبری تبدیل می‌شود.

اگرچه کشوی ناوبری می‌تواند بیش از پنج مقصد ناوبری را در خود جای دهد، اما الگوی آن به اندازه نوار ناوبری ایده‌آل نیست. این به دلیل نیاز به دسترسی به نوار بالایی در اندازه‌های کوچک است.

تب‌های متریال ۳ و نوار اپلیکیشن پایین ، الگوهای ناوبری ثانویه هستند که می‌توانید از آنها برای تکمیل ناوبری اصلی یا نمایش در نماهای فرزند استفاده کنید.

در اینجا، تب‌ها به عنوان یک لایه ناوبری ثانویه برای گروه‌بندی محتوای خواهر و برادر عمل می‌کنند.

اقدامات طرح‌بندی

کنترل‌هایی را فراهم کنید تا کاربران بتوانند اقدامات لازم را انجام دهند. الگوهای رایج شامل اقدامات نوار بالا، دکمه عملیاتی شناور (FAB) و منوها هستند.

برای اقدامات با اهمیت بالا، یک FAB یک دکمه بزرگ و برجسته برای کاربر فراهم می‌کند. در این سطح، فقط یک اقدام را در یک زمان ارائه دهید. یک FAB می‌تواند در اندازه‌های مختلف و به صورت گسترده، که شامل یک برچسب است، ظاهر شود. از Scaffold برای پین کردن یک FAB استفاده کنید و مطمئن شوید که حتی با اسکرول کردن، همیشه قابل مشاهده است.

یک دکمه شناور (FAB) که به کاربر اجازه می‌دهد به سرعت گیاهان را به گالری گیاهان اضافه کند

می‌توانید اقدامات ثانویه را در نوار بالا یا اگر نزدیک به محتوای مرتبط گروه‌بندی شده است، در داخل صفحه قرار دهید.

عملکرد هشدار در نوار بالا هنگام نمایش جزئیات (سمت چپ) و نماد سرریز درون خطی از مورد لیست (سمت راست)

برای هرگونه اقدام اضافی که به سرعت یا به طور مکرر مورد نیاز نیستند، آن اقدامات را در یک منوی اضافی اضافه کنید.