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

تاریخ انتشار: 8 اسفند 1394

تعداد بازدید: 7 نفر

لیست ها :

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

کاربرد :

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

لیست

سطر و قطعه

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

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

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

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

رفتار

scroll کردن :

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

حرکات :

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

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

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

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

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

مشخصات :

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

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

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

عملیات ها :

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

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

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

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

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

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

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

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

اشتراک گذاری:

مشاهده نمونه های بیشتر

24 تیر 1403

ثبت مکان در گوگل مپ: آموزش ثبت رایگان مکان کسب و کارتان تنها در ۵ گام

20 تیر 1403

اینفوگرافیک چیست؟ انواع، کاربرد ها و مراحل ساخت Infographic

2 خرداد 1402

راهنمای جامع طراحی سایت فروشگاهی

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

31 اردیبهشت 1402

تایپوگرافی چیست و چگونه از آن در طراحی سایت استفاده کنیم؟

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

25 اردیبهشت 1402

طرح رنگ چیست و چگونه از آن در طراحی سایت استفاده کنیم؟

در این مقاله، ما به پیچیدگی‌های طرح‌های رنگی در طراحی وب‌ سایت، بررسی اصول تئوری رنگ‌ها، تأثیرات روان‌شناختی رنگ‌ها و ملاحظات عملی برای انتخاب پالت رنگ مناسب می‌پردازیم.

23 اردیبهشت 1402

همه چیز در مورد چیدمان و ناوبری در طراحی سایت

ناوبری از مهم ترین عناصر طراحی سایت است که این مقاله به اهمیت طرح‌بندی و ناوبری در طراحی سایت، ارائه اصول کلیدی، استراتژی‌ها و بهترین شیوه‌ها برای بهینه‌سازی وب‌سایت شما برای موفقیت می‌پردازد.