Какую сетку использовать для дизайна мобильной версии сайта?

Question

[StellaHolina]

Делаю дизайн для интернет магазина. Подскажите, какую сетку (сколько колонок) использовать?

Answer 1

[Нерон Лордов]

Сетку - 8-пиксельную. Колонок - 12.

Comments

[metrostroy]

интересно, почему это 8px, когда 8pt

[Нерон Лордов]

metrostroy: тогда уж 8dp (density points), так корректней.

[metrostroy]

Nekto_Habr: согласен. а сколько это в пикселах? не уверен, что конвертер пишет правду

[Нерон Лордов]

metrostroy: ну вот тут собака и зарыта. Значение виртуального dp в физических пикселях зависит от физического разрешения. см https://material.io/guidelines/layout/units-measur...

Answer 2

[Flur]

Зависит от того сколько блоков будет в мобильной версии сайта. Обычно используют 3 - 4 колоночную (т.к. мобильный хейд условно делится на 3 части : 1 для кнопки бургера, 2 для логотипа при нажатии на бургер - меняются )

Сетки для адаптивного дизайна

Answer 3

[Formars]

Используй 8px сетку. Она стандартная для мобильных устройств
https://material.io/guidelines/layout/metrics-keyl...

Comments

[metrostroy]

интересно, почему это 8px, когда 8pt