• Telegram
  • Google Plus
  • Linked In

لیست ها در طراحی متریال

لیست ها در طراحی متریال

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

لیست ها چندین خط از آیتم ها را به صورت عمودی به عنوان یک عنصر ادامه دار نمایش میدهند.

لیست ها در طراحی متریال

لیست ها :

لیست ها چندین خط از آیتم ها را به صورت عمودی به عنوان یک عنصر ادامه دار نمایش میدهند.

کاربرد :

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

لیست



سطر و قطعه


الگوی اسکن کردن لیست


لیست ها بهترین جایگزین برای نمایش داده های مشابه یا مجم.عه ای از داده ها مانند تصاویر یا متن هستند.

جایگزین های لیست :

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

رفتار

scroll کردن :

لیست ها تنها عمودی scroll میشوند.

حرکات :

حرکت جاروبی برای هر قطعه در لیست ها باید ثابت باشد.
قطعه ها میتوانند بین لیست و مقصد مورد جا به جا شوند (مانند انتقال یک فایل به یک پوشه) و میتوانند برداشته شده و یه صورت دستی در داخل لیست دوباره مرتب شوند.

مرتب سازی الفبایی پیدا کردن یک آیتم را راحتتر میکند.


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

فیلتر کردن و مرتب کردن :

قطعه های لیست، محتوای مرتبط را در یک فرمت ثابت نمایش میدهند. لیست ها از سلسله مراتب استفاده میکنند تا یک نوع یا مجموعه ای از محتوا را اولویت بندی کنند که به کاربر در پیدا کردن مهم ترین اطلاعات کمک میکند.
قطعات لیست میتوانند حاوی حداکثر 3 خط متن باشند و طول متن در قطعات یک لیست میتواند متغیر باشد.

مشخصات :

  • بیشترین فضا در یک لیست باید به عملیات اصلی اختصاص داده شود.
  • متمایزترین محتوا را در شمت چپ قرار دهید.
  • در قطعات با چندین خط محتوا، متمایزترین محتوا را در خط اول قرار دهید.
  • عملیات های مکمل را در سمت راست قرار دهید.


متمایزترین محتوا را در سمت چپ قطعه و محتوای غیر متمایز را در سمت راست قرار دهید.


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

عملیات ها :

عملیات های اصلی و مکمل (مانند play، zoom in، delete یا select) میتوانند یک صفحه دیگر را باز کنند مانند یک کارت. ان ها منوی ثانویه (زیر منو) یا منوی سرریز عملیاتی ندارند.

عملیات های اصلی :

  • کل قطعه را پر میکنند و تنها با یک آیکون یا دکمه متن نمایش داده نمیشوند.
  • در تمام قطعات یک لیست ثابت هستند مانند عملیات اصلی در لیست موزیک که پخش کردن موسیقی میباشد.

عملیات های مکمل :

  • توسط آیکون، متن ثانویه و غیره نمایش داده میشوند.
  • عملکرد ثابتی در یک لیست دارند مانند یک آیکون که نشان میدهد چه کسی آنلاین است.
  • مکان ثابتی در قطعات لیست دارند.

عملیات های تکرار شونده :

از نمایش یک عملیات مکمل تکراری در هر قطعه خودداری کنید مانند عملیات اشتراک گذاری (share) در هر قطعه.
ستاره ها و pin ها استثنا هستند زیرا آن ها اطلاعات خاص درباره هر قطعه را ارائه میکنند.

ادامه مطلب -> مشخصات لیست ها

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

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

  • Telegram
  • Google Plus
  • Linked In