قالب برگه

الگوی Tab به‌عنوان محفظه‌ای برای سایر الگوهای فهرست شده در زیر عمل می‌کند و زبانه‌هایی را در بالا ارائه می‌کند (همانطور که در آناتومی الگوی برگه نشان داده شده است).

برگه ها امکان جابجایی بین نماها را فراهم می کنند. این قابلیت به ویژه برای سازماندهی محتوا یا نماهایی که کاربران مایل به مرور یا جستجو هستند مفید است.

شامل می شود:

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

قالب وایرفریم تب

آناتومی قالب برگه

وایرفریم های قالب Tab، از جمله همه قالب های تعبیه شده ممکن

قالب Tab از عناصر زیر تشکیل شده است:

  1. نوار برگه ، که می تواند حداکثر 4 برگه را نشان دهد
  2. الگوی جاسازی شده ، با استفاده از یکی از الگوهای زیر: فهرست، شبکه، جستجو، صفحه یا پیام

نمونه های قالب برگه

قالب برگه با الگوی فهرست جاسازی شده
نمای برگه «همه دستگاه‌ها» با استفاده از یک الگوی برگه ایجاد می‌شود که حاوی یک الگوی فهرست است (مثال Android Auto)
قالب برگه با الگوی Grid تعبیه شده
نمای برگه «دستگاه‌های خانگی» با استفاده از یک الگوی Tab که حاوی یک الگوی Grid است ایجاد می‌شود (مثال Android Auto)

الزامات UX قالب برگه

توسعه دهندگان اپلیکیشن :

باید یک نوار برگه با یک برچسب و یک نماد برداری تک رنگ برای هر برگه اضافه کنید.
باید حداقل 2 و بیش از 4 تب را در هدر برنامه قرار دهید.
باید یک الگوی جاسازی شده و غیر خالی را در هر نمای برگه قرار دهید.
نباید به بیش از 1 برگه در هر زمان اجازه دهید فعال باشد.
نباید با افزودن سطح دوم تب ها، یک ناوبری ثانویه ایجاد کنید.
باید برای جلوگیری از بریدن از برچسب های زبانه کوتاه استفاده کنید.
نباید یک هدر یا نوار اقدام در قالب‌های تعبیه‌شده قرار دهید.