চিপ উপাদান একটি ইন্টারেক্টিভ উপাদান যা একটি ইনপুট, বৈশিষ্ট্য, বা কর্ম প্রতিনিধিত্ব করে।
লাইন সুপারিশ

সর্বনিম্ন
প্রাথমিক পাঠ > 1 লাইন
সেকেন্ডারি লেবেল > 1 লাইন

সর্বোচ্চ
প্রাথমিক পাঠ > 2 লাইন
সেকেন্ডারি লেবেল > 3 লাইন
অ্যানাটমি

চিপগুলিতে দুটি পর্যন্ত পাঠ্য লেবেল এবং একটি ঐচ্ছিক আইকন থাকতে পারে। অন্তত একটি টেক্সট লেবেল বা একটি আইকন প্রদান করা আবশ্যক. টেক্সট লেবেল খুব লম্বা হলে চিপ টেক্সট ছেঁটে ফেলতে পারে। মাধ্যমিক লেবেল উপস্থিত থাকলে প্রাথমিক লেবেল পাঠ্যের এক লাইন। মাধ্যমিক লেবেল উপস্থিত না থাকলে প্রাথমিক লেবেলে পাঠ্যের দুটি লাইন থাকতে পারে।
যদি শুধুমাত্র একটি লেবেল থাকে তবে এটি কেন্দ্রীভূত হওয়া উচিত। একটি গৌণ লেবেল বা আইকন উপস্থিত থাকলে, লেবেলগুলি বাম-সারিবদ্ধ হওয়া উচিত।
A. প্রাথমিক লেবেল
B. সেকেন্ডারি লেবেল (ঐচ্ছিক)
গ. আইকন (ঐচ্ছিক)
D. ধারক
চিপস গ্রেডিয়েন্ট

স্ট্যান্ডার্ড চিপ
উপরে/বাম = 50% প্রাথমিক
নীচে/ডান = 0% পৃষ্ঠ
(সারফেস রঙের পটভূমিতে গ্রেডিয়েন্ট ওভারলে)

ইমেজ চিপ
উপরে/বাম = 30% প্রাথমিক
0, 0, 45° (নীচে/ডানে) = 20% সারফেস ভেরিয়েন্টে
বিকল্প চিপ প্রকার

ব্যাকগ্রাউন্ড ইমেজ সঙ্গে চিপ
ইমেজ চিপগুলিতে এমন ক্রিয়া রয়েছে যা একটি নির্বাচিত চিত্রের সাথে সম্পর্কিত। চিত্র চিপগুলি আরও নির্দিষ্ট চেহারা এবং অনুভূতি যোগাযোগ করতে ভাল কাজ করে।
এটি সুপারিশ করা হয় যে এই চিপগুলির একটি নির্দিষ্ট উচ্চতা 52 ডিপি হওয়া উচিত৷

অবতার চিপ
একটি নির্বাচিত অবতারের সাথে সম্পর্কিত ক্রিয়াগুলির জন্য অবতার চিপগুলি ব্যবহার করুন৷ অবতার চিপগুলিতে অবতারটিকে আরও সহজে শনাক্ত করার জন্য ব্যবহার করা আইকন থাকতে পারে, যেমন একটি পরিচিতি আইডি ফটো। অবতার আইকনগুলি হল 32x32 dp৷
সম্পর্কিত উপাদান

কমপ্যাক্ট চিপ
সম্পর্কিত উপাদান, কমপ্যাক্টচিপ হল চিপ উপাদানের একটি বৈকল্পিক যা ছোট দেখায় এবং যেখানে কম জায়গা আছে সেখানে ব্যবহারের জন্য ডিজাইন করা হয়েছে।
কমপ্যাক্ট চিপগুলিতে একটি আইকনের জন্য একটি স্লট এবং একটি একক লাইন পাঠ্য লেবেলের জন্য একটি স্লট রয়েছে৷ কমপ্যাক্ট চিপগুলির 48 ডিপি উচ্চতা সহ একটি ট্যাপযোগ্য এলাকা রয়েছে।
অনুক্রম

চিপ শ্রেণিবিন্যাস বোঝাতে বিভিন্ন রঙের ফিল ব্যবহার করুন। প্রাথমিক কর্মের জন্য একটি একক বিশিষ্ট চিপ ধারণ করার জন্য প্রতিটি স্ক্রীন ডিজাইন করুন।
উচ্চ জোর
পৃষ্ঠার প্রাথমিক কাজগুলির জন্য উচ্চ-জোরযুক্ত চিপগুলি ব্যবহার করুন৷ একটি উচ্চ জোর চিপ পূরণ হিসাবে প্রাথমিক রং ব্যবহার করুন.
মাঝারি জোর
প্রাথমিক ক্রিয়াগুলির চেয়ে কম গুরুত্বপূর্ণ ক্রিয়াগুলির জন্য মাঝারি জোরের চিপগুলি ব্যবহার করুন৷ একটি মাঝারি জোর চিপ পূরণের জন্য সেকেন্ডারি রং ব্যবহার করুন.
বিকল্পভাবে, কাস্টম OutlinedChip উপাদান ব্যবহার করুন। রূপরেখাযুক্ত চিপের একটি স্বচ্ছ ব্যাকগ্রাউন্ড, 60% অস্বচ্ছতার একটি প্রাথমিক বৈকল্পিক রঙিন স্ট্রোক এবং প্রাথমিক রঙিন সামগ্রী রয়েছে।
কম জোর
কম জোর দেওয়া চিপগুলিতে একটি স্বচ্ছ ভরাট এবং শুধুমাত্র একটি পাঠ্য লেবেল থাকে। একটি প্রাথমিক বা মাধ্যমিক চিপের সাথে শিশুর সম্পর্ক নির্দেশ করতে কম জোর দেওয়া চিপগুলি ব্যবহার করুন।
মাপ


ডিফল্ট চিপ
আইকন: 24 ডিপি
উচ্চতা: 52 ডিপি
কমপ্যাক্ট চিপ
আইকন: 20 dp
উচ্চতা: 32 ডিপি
ট্যাপযোগ্য এলাকা: 48 ডিপি
ব্যবহার
সেটিংসে স্ট্যান্ডার্ড চিপ এবং ব্যায়াম অ্যাপে ইমেজ চিপগুলির মতো চিপ ব্যবহারের উদাহরণগুলি দেখুন৷
অভিযোজিত বিন্যাস

প্রতিক্রিয়াশীল আচরণ
বড় ডিসপ্লেতে উপলব্ধ প্রস্থ পূরণ করতে চিপগুলি প্রসারিত করে।
আইকন (24 x 24 dp)
ধারক (52 x XX dp)