Разница между базовой и модульной сеткой при проектировании интерфейсов заключается в их функциях и особенностях.
Базовая сетка позволяет перемещать самые мелкие элементы макета, сохраняя все расстояния между ними равными и единообразными. 1 Шаг сетки зависит от неделимых элементов (атомов) макета. 1 Ими могут быть базовый шрифт и высота строки, радио-кнопка, чекбокс, минимальное расстояние между видимыми блоками контента, например, между фотографиями в галерее или карточками товаров. 1
Модульная сетка определяет, как в целом будет выглядеть макет и где будут расположены отдельные элементы: текстовые блоки, заголовки, изображения. 1 Модульная сетка состоит из вертикальных и горизонтальных направляющих. 5 В основе композиции лежит модуль — прямоугольник с заданной высотой и шириной. 1 Изображение или текстовый блок могут занимать один или более модулей. 1
Таким образом, основное отличие в том, что базовая сетка фокусируется на сохранении единообразия расстояний, а модульная сетка определяет расположение и внешний вид отдельных элементов макета.