ブログ · デザイン
How many button states does an interface need?
Start with a small set of states and add more only when they communicate a meaningful change.
デザイン確認用の記事例です。公開前に内容を確認します。
01
Start with four states
Default, hover, pressed and disabled cover the basics. Focus remains visible in every state.
02
Add states only when needed
Use loading for actions that take time and selected for persistent toggles or filters.
03
Do not rely on color alone
Pair color with a visible shape, label or icon, and check contrast in both themes.
ほかの記事
記事一覧へ
一緒に作る仲間を探しています
働き方と福利厚生は採用ページでご覧いただけます。
採用情報を見る