web-dev-qa-db-ja.com

Google Material Designのチップとボタンサイズ

最小タップ領域が48x48dp(参照: マテリアルデザインのアクセシビリティ )の場合、チップの高さは32dp(仕様 こちら )で、ボタンの高さは36dpの背後にあるロジックは何ですか(仕様 ここ )?

2
Eric

アクセシビリティページ のレイアウトとテクノロジーセクションに基づくと、パディングのおかげで、タップ領域は最低でも48x48dpです。

タッチターゲットは、ユーザー入力に応答する画面の一部です。要素の視覚的な境界を超えて拡張されます。たとえば、アイコンは24 x 24 dpのように見えても、アイコンを囲むパディングは48 x 48 dpの完全なタッチターゲットを構成します。

マテリアルデザイナーの意図について話すことはできませんが、私自身の作品では、階層を効果的に伝え、認知的負荷を軽減するために、一部の要素が小さく見える場合があります。

6
Elliot