গ্রিড

একটি গ্রিড ভিউতে দুটি বা ততোধিক কলামের ছবি দেখানো হয় যা কন্টেন্ট আইটেমগুলিকে প্রতিনিধিত্ব করে, প্রতিটি ছবির নীচে সংক্ষিপ্ত লেখা থাকে। ব্যবহারকারীরা যখন তাদের নির্বাচনের জন্য প্রাথমিকভাবে ছবির উপর নির্ভর করে তখন এই ভিউ সবচেয়ে ভালো হয়।

গ্রিডগুলি উল্লম্বভাবে স্ক্রোলযোগ্য এবং আকার, ব্যবধান এবং কলামের সংখ্যায় ভিন্ন হতে পারে। গ্রিডের বিষয়বস্তুগুলিকেও বিভিন্ন বিভাগে ভাগ করা যেতে পারে।

কলআউট আইকন
তালিকা আইটেম উপাদান
তালিকাগুলি এমন বিষয়বস্তু প্রদর্শনের একটি বিকল্প উপায় প্রদান করে যার জন্য আরও ব্যাখ্যামূলক পাঠ্যের প্রয়োজন হয়।

অ্যানাটমি

গ্রিডগুলিতে টেক্সট এবং UI নিয়ন্ত্রণ থাকে। যেহেতু ব্যবহারকারীদের অবশ্যই তাদের প্রতিক্রিয়া জানাতে হয়, তাই এগুলি কখনই অন্য উপাদান দ্বারা বা স্ক্রিন প্রান্ত দ্বারা অস্পষ্ট করা উচিত নয়।

১. গ্রিড আইটেম
2. প্রাথমিক এবং গৌণ পাঠ্য
৩. গ্রিড ব্যাকগ্রাউন্ড

স্পেসিফিকেশন

কলআউট আইকন
তালিকা আইটেম উপাদান
স্পেসিফিকেশন, স্টাইল নির্দেশিকা এবং আরও অনেক কিছু।

কন্টেন্ট গ্রিড (৩ বা ৪ কলাম)

অ্যাপ গ্রিড (৪টি কলাম)

উপরের সারিতে ঘন ঘন ব্যবহৃত আইটেম সহ অ্যাপ গ্রিড

গ্রিড লেআউটে সূচক আইকন স্থাপন

স্কেলিং লেআউট

এই রেফারেন্স লেআউটগুলি দেখায় যে বিভিন্ন প্রস্থ এবং উচ্চতার স্ক্রিনগুলিকে সামঞ্জস্য করার জন্য গ্রিডগুলিকে কীভাবে অভিযোজিত করা যায়। মনে রাখবেন যে কোনও ডাউন-স্যাম্পলিং বা আপ-স্যাম্পলিং হওয়ার আগে, সমস্ত পিক্সেল মান রেন্ডার করা পিক্সেলে থাকে।

স্ট্যান্ডার্ড-প্রস্থের পর্দা

প্রশস্ত পর্দা

প্রশস্ত স্ক্রিনের জন্য, ৩-কলামের লেআউট ব্যবহার করার পরামর্শ দেওয়া হয়। যদি ৪-কলামের লেআউট ব্যবহার করেন, তাহলে ন্যূনতম ২১৯dp টাইলের আকার বজায় রাখুন।

এক্সট্রা-ওয়াইড এবং সুপার-ওয়াইড স্ক্রিন

বিভিন্ন উচ্চতার স্ক্রিনে অ্যাপ গ্রিডের উল্লম্ব ব্যবধান

ছোট স্ক্রিনের জন্য, গ্রিড কন্টেন্ট আইটেমগুলির মধ্যে এবং অ্যাপ আইকন এবং শিরোনামগুলির মধ্যে উল্লম্ব ব্যবধান কমানো উচিত।

স্টাইল

টাইপোগ্রাফি

টাইপ স্টাইল টাইপফেস ওজন আকার (ডিপি)
বডি ১ রোবোটো নিয়মিত ৩২
বডি ২ রোবোটো নিয়মিত ২৮
বডি ৩ রোবোটো নিয়মিত ২৪

রঙ

উপাদান রঙ (দিনের মোড) রঙ (নাইট মোড)
প্রাথমিক ধরণ / আইকন সাদা সাদা @ ৮৮%
গৌণ ধরণ / আইকন সাদা @ ৭২% সাদা @ ৬০%
বিভাজক রেখা সাদা @ ২২% সাদা @ ১২%
গ্রিড ব্যাকগ্রাউন্ড কালো কালো
কন্টেন্ট স্ক্রিম নিষিদ্ধ কালো @ ২২%
গ্রেডিয়েন্ট কাটছাঁট ১০% টেক্সট স্পেসে ০-১০০% কালো ১০% টেক্সট স্পেসে ০-১০০% কালো

আকার পরিবর্তন

উপাদান আকার (ডিপি)
অ্যাপ আইকন ৭৬
ন্যূনতম অ্যাপ সেল ১৩৫
ন্যূনতম কন্টেন্ট সেল ১৫৮

উচ্চতা

উপাদান রঙ Y অক্ষ ঝাপসা
গ্রিড টাইল কালো @ ২২%

উদাহরণ

অ্যাপ গ্রিড - দিন
অ্যাপ গ্রিড - রাত
কন্টেন্ট গ্রিড - দিন
কন্টেন্ট গ্রিড - রাত
ব্যবহারকারী কন্টেন্ট স্ক্রোল করার জন্য উপরের দিকে বা নীচে টেনে আনেন