Должны ли отступы и поля 4dp или 8dp в ритме 48dp в дизайне Android?

Недавно я прочитал Руководство по проектированию метрик и сеток. Это говорит о ритме 48dp, который я должен использовать в своих макетах.

Но глава "Mind Gap" смущает меня. Говорится:

Интервал между каждым элементом пользовательского интерфейса составляет 8dp.

Но на этом рисунке:

48dp Rhythm demo

И в примере с той же страницы и 8dp, и 4dp используются как отступы / поля.

Так что же на самом деле значение, которое я должен использовать?

1 ответ

Решение

В руководстве, которое вы читаете, говорится о расстоянии между элементами или, другими словами, о расстоянии, которое вы хотите между элементами. Вы должны выбрать свои отступы и поля, чтобы они составляли до 8dp расстояние между элементами.

Когда два элемента расположены рядом друг с другом (например, в вертикальном списке), их отступы и поля суммируются. Чтобы сохранить расстояние 8dp между элементами, вы должны использовать вертикальное заполнение 4dp. Если вы будете использовать 8dp везде, вы получите расстояние 16dp между элементами.


Просто подумайте о двух Buttons ниже друг друга вот так:

Кнопка с 4dp ветеринарной прокладкойКнопка с 4dp ветеринарной прокладкой

4dp нижняя обивка верхней Button и и 4dp верхний отступ нижнего Button сложить, что приводит к хорошему расстоянию 8dp между двумя Buttons ты на самом деле хочешь.

Другие вопросы по тегам