نوار بالایی برنامه ،اطلاعات و اقدامات مربوط به صفحه فعلی را نشان می دهد.
اصول
Persistent
نوار بالایی برنامه ها، در بالای هر صفحه در یک برنامه ظاهر می شوند و می توانند با حرکت از بین بروند.
راهنمایی
نوار بالایی برنامه ها،روشی مطمئن برای راهنمایی کاربران از طریق یک برنامه ارائه می دهند.
Consistent
نواربالایی برنامه ها ،برای افزایش حسِ آشنا بودن کاربر،محتوا و مکان ثابت دارند.
نوارهای عملکرد متنی، عملکردهایی را برای موارد انتخاب شده ارائه می دهند. یک نوار بالایی برنامه می تواند به یک نوار عملیات متنی تبدیل شود و تا زمانی که یک اقدام انجام شود یا آن را رد کنیم ، فعال باقی بماند.
ترتیب قرار گیری عناصر توصیه شده در نوار بالایی برنامه برای زبانهای چپ به راست عبارت است از:
- نویگیشن را در سمت چپ قرار دهید
- هر عنوان را در سمت راست نوبگیشن قرار دهید
- اقدامات متنی را در سمت راست نویگیشن قرار دهید
- یک منوی overflow(در صورت استفاده) در سمت راست قرار دهید.
برای زبانهای راست به چپ ، موقعیت های قرارگیری باید برعکس شوند.
1. Container
2. Navigation icon (optional)
3. Title (optional)
4. Action items (optional)
5. Overflow menu (optional)
نوار محتوای نوار بالایی برنامه را در خود جای داده است.
انواع نوارها از نظر ارتفاع :
نوار بالایی میتواند حاوی تصویر باشد.
در این حالت ،نوار بالایی در حالت Prominentتوصیه میشود،چون فضای بیشتری دارد.تصاویری که متن یا آیکن های نوار را غیرقابل تشخصیص کند،استفاده نکنید.
استفاده از Navigational Icon در نوار ،اختیاری است.ولی اگر استفاده شد در گوشه سمت چپ استفاده شود و میتواند به یکی از فرم های زیر باشد:
آیکن منو ، که یک کشو نویگیشن را باز می کند
پیکان رو به بالا ، که به دنبال سلسله مراتب برنامه است
پیکان عقب ، که به صفحه قبلی باز می گردد.
عنوان نوار برنامه را می توان برای توصیف موارد زیر استفاده کرد:
نمایی که یک کاربر در حال حاضر در آن فعال است
بخشی که کاربر در حال حاضر در آن قرار دارد
برنامه ای که در حال استفاده شدن است
به طور پیش فرض ، عناوین روی دسک تاپ در سمت چپ تراز می شوند. موقعیت پیش فرض عناوین در تلفن همراه و رایانه لوحی بستگی به پلتفرم دارد.
در منو App Actions در سمت راست نوار برنامه ، به صورت نماد یا در یک منوی سرریز قرار می گیرد. منوهای سرریز در سیستم عامل های موبایل متفاوت هستند
آیکن های عملیاتی که بیشتر استفاده میشوند را سمت چپ تر قرار دهید و هر چه به سمت راست می روید ،آیکن هایی که کمتر استفاده میشوند را قرار دهید.آیکن های عملیاتی دیگر که در نوار جا نمیشوند را در منوی سرریز قرار دهید.
با تغییر عرض نوار برنامه ، Action ها به داخل و خارج از منوی سرریز منتقل می شوند ، مانند اینکه یک دستگاه از landscape به portrait تغییر یابد.
برای مطالعه بیشتر به منبع محتوا ، مراجعه کنید.
