چیپس

جزء تراشه یک عنصر تعاملی است که یک ورودی، ویژگی یا عمل را نشان می دهد.

توصیه های خطی

حداقل

متن اصلی > 1 خط
برچسب ثانویه > 1 خط

حداکثر

متن اصلی > 2 خط
برچسب ثانویه > 3 خط

آناتومی

تراشه ها می توانند حداکثر دارای دو برچسب متنی و یک نماد اختیاری باشند. حداقل یک برچسب متنی یا یک نماد باید ارائه شود. اگر برچسب متن خیلی طولانی باشد، تراشه‌ها ممکن است متن را کوتاه کنند. اگر برچسب ثانویه وجود داشته باشد، برچسب اصلی یک خط متن است. اگر برچسب ثانویه وجود نداشته باشد، برچسب اصلی می تواند حاوی دو خط متن باشد.

اگر فقط یک برچسب وجود دارد، باید در مرکز قرار گیرد. اگر یک برچسب یا نماد ثانویه وجود دارد، برچسب ها باید تراز چپ شوند.

الف. برچسب اولیه
ب. برچسب ثانویه (اختیاری)
C. نماد (اختیاری)
د. ظرف

گرادیان چیپس

تراشه استاندارد

بالا/چپ = 50% اولیه
پایین/راست = 0% سطح
(پوشش های گرادیان روی پس زمینه رنگ سطحی)

تراشه تصویر

بالا/چپ = 30% اولیه
0، 0، 45 درجه (زیر پایین/راست) = 20% روی سطح

انواع تراشه های جایگزین

تراشه با تصویر پس زمینه

تراشه های تصویر حاوی اقداماتی هستند که به تصویر انتخاب شده مربوط می شوند. تراشه‌های تصویر به خوبی کار می‌کنند تا ظاهر و احساس خاص‌تری را ایجاد کنند.

توصیه می شود این چیپ ها دارای ارتفاع ثابت 52 dp باشند.

تراشه آواتار

از تراشه‌های آواتار برای اقدامات مرتبط با آواتار انتخابی استفاده کنید. تراشه‌های آواتار همچنین می‌توانند آیکون‌هایی داشته باشند که برای تشخیص آسان‌تر آواتار استفاده می‌شوند، مانند عکس شناسه مخاطب. نمادهای آواتار 32x32 dp هستند.

تراشه فشرده

جزء مرتبط، CompactChip گونه‌ای از کامپوننت Chip است که کوچک‌تر به نظر می‌رسد و برای مواردی که فضای کمتری وجود دارد طراحی شده است.

تراشه های فشرده دارای یک شکاف برای نماد و یک شکاف برای برچسب متن تک خطی هستند. تراشه های جمع و جور دارای ناحیه ضربه پذیر با ارتفاع 48 dp هستند.

سلسله مراتب

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

تاکید بالا

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

تاکید متوسط

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

از طرف دیگر، از جزء سفارشی OutlinedChip استفاده کنید. تراشه مشخص شده دارای یک پس‌زمینه شفاف، نوع رنگی اولیه با شفافیت 60 درصد، و محتوای رنگی اصلی است.

تاکید کم

تراشه‌های با تاکید کم دارای یک پر شفاف و فقط یک برچسب متنی هستند. از تراشه های با تاکید کم برای نشان دادن رابطه فرزند با تراشه اولیه یا ثانویه استفاده کنید.

اندازه ها

تراشه پیش فرض

نماد: 24 dp
ارتفاع: 52 dp

تراشه فشرده

نماد: 20 dp
ارتفاع: 32 dp
سطح قابل ضربه زدن: 48 dp

استفاده

نمونه‌هایی از استفاده از تراشه مانند تراشه‌های استاندارد در تنظیمات و تراشه‌های تصویر را در یک برنامه ورزشی ببینید.

طرح‌بندی‌های تطبیقی

رفتار پاسخگو

تراشه ها برای پر کردن عرض موجود در نمایشگرهای بزرگتر کشیده می شوند.

نماد (24 x 24 dp)
ظرف (52 x XX dp)