最近、メトリクスとグリッドに関するデザイン ガイドを読みました。レイアウトで使用する必要がある 48 dp のリズムについて説明しています。
しかし、「マインドギャップ」の章は私を混乱させます。それは述べています:
各 UI 要素間の間隔は 8 dp です。
しかし、この図では:
同じページの例では、8dp と 4dp の両方がパディング/マージンとして使用されています。
では、使用することになっている実際の値は何ですか?
最近、メトリクスとグリッドに関するデザイン ガイドを読みました。レイアウトで使用する必要がある 48 dp のリズムについて説明しています。
しかし、「マインドギャップ」の章は私を混乱させます。それは述べています:
各 UI 要素間の間隔は 8 dp です。
しかし、この図では:
同じページの例では、8dp と 4dp の両方がパディング/マージンとして使用されています。
では、使用することになっている実際の値は何ですか?
あなたが読んだガイドは、要素間の間隔、つまり要素間の距離について語っています。要素間の距離が 8 dp になるように、パディングとマージンを選択する必要があります。
2 つの要素が隣り合っている場合 (縦方向のリストなど)、それらのパディングとマージンが加算されます。要素間の 8 dp の距離を維持するには、4 dp の垂直パディングを使用する必要があります。どこでも 8 dp を使用すると、要素間の距離は 16 dp になります。
Buttons
次のように、2 つを下に配置することを検討してください。
上部の 4 dp 下部パディングと下部Button
の 4 dp 上部パディングを合計すると、実際に必要Button
な 2 つの間の 8 dp の距離が得られます。Buttons