• Telegram
  • Google Plus
  • Linked In

اجزاء (components) در طراحی متریال

اجزاء (components) در طراحی متریال

تاریخ درج: خلاصه

برگه تحتانی (bottom)، یک برگه متریال است که از لبه تحتانی صفحه نمایش بالا می اید. این برگه ها تنها در نتیجه عملیات آغاز شده توسط کاربر، نمایش داده میشوند و میتوانند جهت جهت نمایش محتوای بیشتر به سمت بالا کشیده شوند. برگه تحتانی میتواند یک سطح موقت یا یک عنصر ساختاری دائم برای یک برنامه باشد.

اجزاء (components) در طراحی متریال

اجزاء (Components):

برگه های تحتانی(bottom) :

برگه تحتانی (bottom)، یک برگه متریال است که از لبه تحتانی صفحه نمایش بالا می اید. این برگه ها تنها در نتیجه عملیات آغاز شده توسط کاربر، نمایش داده میشوند و میتوانند جهت جهت نمایش محتوای بیشتر به سمت بالا کشیده شوند. برگه تحتانی میتواند یک سطح موقت یا یک عنصر ساختاری دائم برای یک برنامه باشد.

کاربرد :

دو نوع اصلی برگه تحتانی :
برگه های تحتانی مقید (modal) : جایگزینی برای منوها یا دیالوگ های ساده میباشند. همچنین میتوانند محتوا با عمق لینک بالا را از برنامه دیگر نمایش دهند. این برگه ها در اصل برای موبایل میباشند.
برگه های تحتانی ثابت : محتوای داخلی برنامه را نمایش میدهد.
برگه های تحتانی مقید در یک سطح بالاتر از محتوای برنامه قرار دارند در حالی که برگه های ثابت در همان سطح برنامه قرار دارند.
در صفحه نمایش های بزرگتر که فضا دیگر محدود نیست، استفاده از سطوح و اجزاء جایگزین مانند دیالوگ های ساده و منوها میتواند مناسب تر از برگه های تحتانی باشد.


برگه های تحتانی مقید که روی برنامه باز میشوند


برگه های تحتانی ثابت یک بخش داخلی در ساختار یک برنامه هستند

برگه های تحتانی ثابت :

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

کاربرد :

  1. جهت معرفی محتوای جدید بر روی یک سطح خاص
  2. جهت نمایش محتوا که از نظر مقدار برابر با مقدار محتوای اصلی میباشد.

تعریف کردن برگه تحتانی ثابت داخل یک ساختار به همراه دکمه عملیاتی شناور (FAB) میتواند باعث حرکت FAB به صورت عمودی شود.


برگه تحتانی ثابت باعث میشود زمانی که یک نقشه حرکت داده میشود جزئیات مربوط به مکان در صفحه نمایش باقی بماند.


کنترل های playback بدون توجه به حرکت های کاربر در صفحه اصلی، در برگه های تحتانی ثابت روی صفحه باقی میمانند.

موبایل :

برگه های تحتانی ثابت در موبایل در هر دو حالت افقی و عمودی، تمام پهنا (full-width) میباشند.

تبلت/desktop :

برگه های تحتانی ثابت میتوانند تمام پهنا یا inset باشند. با توجه یه پهنای محتوا میتوانند شامل : رابط کاربری کلی، محتوای زیرین و گزینه های توضیحی باشند.

برگه تحتانی ثابت تمام پهنا در تبلت


برگه تحتانی ثابت inset در تبلت

در desktop برگه تحتانی ثابت میتواند به سطح یا برگه متریال دیگری تبدیل شود.


در desktop محتوای نمایش داده شده در برگه تحتانی ثابت ممکن است یه یک برگه متریال جدید منتقل شود. در صفحه نمایش های بزرگتر نمایش محتوای برگه تحتانی در یک برگه متریال واقع در سمت چپ صفحه، مناسب تر میباشد.

تاکنون نظری ارسال نشده است،شما اولین نفر باشید

سؤال یا نظر خود را ارسال کنید

  • Telegram
  • Google Plus
  • Linked In