web-dev-qa-db-ja.com

マテリアルデザイン-ナビゲーションドロワーのアイコンサイズ

マテリアルデザインで、ナビゲーションドロワーのアイコンサイズはどうあるべきだと思いました。

https://www.google.com/design/spec/patterns/navigation-drawer.html# を試してみましたが、アイコンのサイズについては触れられていませんでした。

一部の人はサイズが24 dpである必要があると述べていました https://stackoverflow.com/questions/28118325/what-sizes-should-an-image-in-an-navigation-drawer-be が、そうではありません彼の答えを裏付けるための参照ソースを提供しないでください。

32dpと24dpの両方のバージョンを作成しました(左側のアイコンに移動してください。右側のアイコンは変更していません)

32 dp

enter image description here

24 dp

enter image description here

私は疑問に思っていましたが、どちらが正しい仕様ですか?

6
Cheok Yan Cheng

これは、材料設計ガイドラインのMetrics and Key-linesDocumentationページで言及されています。

アイコンはアバターよりも小さい必要があります。

アバターはタッチターゲット領域の追加の8DPとともに40DPである必要があります。

同様に、アイコンは24x24である必要があり、さらに24dpのタッチターゲット領域が必要です。

enter image description here

こちらをご覧ください: http://www.google.com.br/design/spec/layout/metrics-keylines.html#metrics-keylines-touch-target-size

したがって、はい24DPただし、タッチターゲット領域は合計48 dpです。

Keyline Pushing アプリを使用して、正しいメトリックに従っているかどうかをテストします。

8
Swapnil Borkar