دکمهها شاخص بصری اصلی برای اقدامات کاربر هستند.
اصول
عملگرا : دکمهها باید به وضوح نشان دهند که عملی را انجام میدهند.
بازخورد واضح : ظاهر دکمه باید در حالتهای مختلف تعامل (هاور، فشار دادن، فوکوس) به طور واضح تغییر کند تا بازخورد فوری ارائه دهد.
سازگار : همه دکمهها باید یک زبان بصری اصلی را به اشتراک بگذارند تا فوراً قابل تشخیص باشند.
انعطافپذیر : کامپوننت دکمه باید بتواند تغییرات رایج، مانند آیکونها و اندازههای مختلف را بدون از دست دادن ثبات، در خود جای دهد.
کاربرد و قرارگیری
یک دکمه باید نزدیک به محتوای مرتبط خود قرار گیرد. آنها میتوانند به تنهایی یا با سایر اجزا، مانند کارتها و لیستها، قرار گیرند.
انجام دهید
نکن
انجام دهید
نکن
آناتومی
پیشفرض
۱. فعال: حالت پیشفرض. ۲. شناور ۳. ضربه زدن
بزرگ
۱. فعال: حالت پیشفرض. ۲. شناور ۳. ضربه زدن
سفارشیسازی
دکمهها شامل حالتهای پیشفرض و بزرگ، به همراه حالتهای پیشفرض، متمرکز و فشرده شده برای هر کدام هستند. میتوان از آیکونها برای تأکید، وضوح و تشخیص بیشتر دکمه استفاده کرد. اندازه دکمه میتواند به تأکید بر اهمیت آن کمک کند.
پیشفرض
| خواص | سفارشیسازی | پیشفرضها |
|---|---|---|
| شکل | بله | بزرگ، دایره |
| بالشتک | بله | ۱۶ نقطه در اینچ، ۸ نقطه در اینچ |
| مرز | بله | ۲ دیپی، #۶۰۶۴۶۰ |
| متن | بله | بدن کوچک |
| نماد پیشرو | بله | 40 نقطه در اینچ |
| آیکون دنبالهدار | بله | 40 نقطه در اینچ |
| اندازه | بله | حداقل ارتفاع ۵۶ dp |
| عمق | بله | 0 |
بزرگ
| خواص | سفارشیسازی | پیشفرضها |
|---|---|---|
| شکل | بله | بزرگ، دایره |
| بالشتک | بله | 20 نقطه در اینچ، 8 نقطه در اینچ |
| مرز | بله | ۲ دیپی، #۶۰۶۴۶۰ |
| متن | بله | بدن کوچک |
| نماد پیشرو | بله | ۵۶ نقطه در اینچ |
| آیکون دنبالهدار | بله | ۵۶ نقطه در اینچ |
| اندازه | بله | حداقل ارتفاع ۷۲ نقطه در اینچ مربع |
| عمق | بله | 0 |
| سطح | خیر |