তালিকাগুলি হল অন্তর্নির্মিত স্ক্রোলিং এবং ফোকাস সহ উপাদানগুলির ধারক।
নীতিমালা
স্পষ্ট সংগঠন : তালিকাগুলিতে তথ্য স্পষ্ট এবং সহজে স্ক্যানযোগ্য উল্লম্ব বিন্যাসে উপস্থাপন করা উচিত।
ধারাবাহিক আইটেম উপস্থাপনা : তালিকার আইটেমগুলি একটি ধারাবাহিক দৃশ্যমান কাঠামো অনুসরণ করা উচিত।
ফোকাসযোগ্যতা এবং নেভিগেশন : দিকনির্দেশনামূলক নেভিগেশনের উপর নির্ভরশীল ইন্টারফেসগুলিতে, তালিকাগুলিতে বর্তমানে ফোকাস করা আইটেমটি স্পষ্টভাবে নির্দেশ করা উচিত।
ইন্টারঅ্যাক্টিভিটি : তালিকার আইটেমগুলি প্রায়শই নির্বাচনযোগ্য বা কার্যকর উপাদানগুলিকে প্রতিনিধিত্ব করে।
ব্যবহার এবং স্থান নির্ধারণ
তালিকাগুলিতে পুনরাবৃত্তিযোগ্য উপাদান সহ বিভিন্ন সহোদর সামগ্রী থাকতে পারে। স্ট্যাকের বিপরীতে, তালিকাগুলি অ্যাপ ভিউ কন্টেইনারটি পূরণ করে।
তালিকাগুলি একটি ভিউয়ের মধ্যে এক বা একাধিক নির্বাচনযোগ্য আইটেম দেখাতে পারে।
ওভারফ্লো কন্টেন্ট নির্দেশ করতে scrims ব্যবহার করুন
যখন একটি তালিকায় ভিউয়ের মধ্যে থাকা আইটেমের চেয়ে বেশি আইটেম থাকে, তখন তালিকার সীমানার কাছে একটি কালো স্ক্রিম ব্যবহার করা হয়।
প্রয়োজনে তালিকাগুলিতে একটি শিরোনাম ব্যবহার করা যেতে পারে
স্পষ্টতার জন্য তালিকায় একটি স্ট্যাটিক বা স্টিকি শিরোনাম ব্যবহার করা যেতে পারে।
করো না
ফোকাস নির্দেশ করতে গভীরতা ব্যবহার করুন
ফোকাসবিহীন এবং ফোকাসবিহীন অবস্থার জন্য তালিকার আইটেমগুলি 0 এবং +4 গভীরতার মধ্যে স্থানান্তরিত হয়।
তালিকার আইটেমগুলি কার্যকর হতে পারে
তালিকার আইটেমগুলি অ্যাকশন হিসেবে কাজ করতে পারে। অ্যাকশনটি তালিকার আইটেমে রাখুন।
অ্যানাটমি
তালিকাটি একটি স্ক্রলিং কন্টেইনার এবং ধারাবাহিকভাবে ব্যবধানযুক্ত তালিকা আইটেম দিয়ে তৈরি। তালিকাগুলি উল্লম্বভাবে স্ক্রোল করা উচিত, যখন আইটেমের সংখ্যা ভিউপোর্টের চেয়ে বেশি হয় তখন ন্যূনতম ওভারশুট সহ।
ক. ধারক - স্ক্রোলযোগ্য এলাকা
খ. তালিকার আইটেম
গ. সিস্টেম বার
তালিকার আইটেম: তালিকার মধ্যে প্রতিটি পৃথক উপাদান।
ক. আকৃতি
খ. সীমানা
গ. শীর্ষস্থানীয় আইকন
ঘ. টেক্সট কন্টেন্ট
E. ট্রেলিং সূচক
কাস্টমাইজেশন
বেশিরভাগ কাস্টমাইজেশন তালিকার আইটেমগুলির সাথে ঘটে।
| বৈশিষ্ট্য | কাস্টমাইজেশন | ডিফল্ট |
|---|---|---|
| তালিকার আইটেম: আকৃতি | হাঁ | ৪০ ডিপি |
| তালিকার আইটেম: লিডিং এবং ট্রেলিং আইকন | হাঁ | মাঝারি প্রতীক আইকন |
| তালিকা আইটেম: প্যাডিং মান | হাঁ | ২য় ডিপি, ২০ ডিপি |
| তালিকা আইটেম: বিষয়বস্তু | হাঁ | একক-লাইন: বডি ব্যবহার করে প্রাথমিক লেবেলের জন্য একটি টেক্সট কম্পোজেবল ছোট ডাবল-লাইন: একটি প্রাথমিক এবং মাধ্যমিক লেবেলের জন্য দুটি টেক্সট কম্পোজেবল ধারণকারী একটি কলাম প্রাথমিক: শিরোনাম ছোট মাধ্যমিক: বডি ছোট |
| তালিকা: উল্লম্ব বিন্যাস | হাঁ | ২০ ডিপি |