دکمه ها

دکمه‌ها شاخص بصری اصلی برای اقدامات کاربر هستند.

اصول

عمل‌گرا : دکمه‌ها باید به وضوح نشان دهند که عملی را انجام می‌دهند.

بازخورد واضح : ظاهر دکمه باید در حالت‌های مختلف تعامل (هاور، فشار دادن، فوکوس) به طور واضح تغییر کند تا بازخورد فوری ارائه دهد.

سازگار : همه دکمه‌ها باید یک زبان بصری اصلی را به اشتراک بگذارند تا فوراً قابل تشخیص باشند.

انعطاف‌پذیر : کامپوننت دکمه باید بتواند تغییرات رایج، مانند آیکون‌ها و اندازه‌های مختلف را بدون از دست دادن ثبات، در خود جای دهد.

کاربرد و قرارگیری

یک دکمه باید نزدیک به محتوای مرتبط خود قرار گیرد. آنها می‌توانند به تنهایی یا با سایر اجزا، مانند کارت‌ها و لیست‌ها، قرار گیرند.

check_circle

انجام دهید

از افشای تدریجی برای افشای اقدامات کم‌اهمیت‌تر استفاده کنید.

cancel

نکن

با دکمه‌های زیاد، دید کاربر را مختل کنید.

check_circle

انجام دهید

از دکمه‌ها برای انجام یک عمل استفاده کنید. یا از یک تراشه عنوان برای یک عنصر ثابت استفاده کنید.

cancel

نکن

از یک دکمه به عنوان یک عنصر تزئینی ثابت استفاده کنید.

آناتومی

سفارشی‌سازی

دکمه‌ها شامل حالت‌های پیش‌فرض و بزرگ، به همراه حالت‌های پیش‌فرض، متمرکز و فشرده شده برای هر کدام هستند. می‌توان از آیکون‌ها برای تأکید، وضوح و تشخیص بیشتر دکمه استفاده کرد. اندازه دکمه می‌تواند به تأکید بر اهمیت آن کمک کند.