Веб

Отступы, сетка, модуль

Что вводит в ужас при разработке сайта? Отступы и как в них не запутаться.

Секрет в выборе начального модуля. Модуль — это N число на которое все будет делиться:

✱ отступы,
✱ сетка,
✱ размеры,
✱ etc.

Например, вы взяли за модуль число 5. Что это означает? Это значит, что теперь все отступы должны быть кратны 5: 5, 10, 15, 20, 25, 30, 35 и проч. Тоже самое в размерах и сетке. Вы не думаете какого размера вам придумать плашку, вы точно знаете, что размер должен делиться на 5, а вариантов не так много.

Модуль может быть равен любому числу, главное, чтобы вам было удобно с ним работать. Чаще всего выбирают за модуль 4, 5 и 8.

✱ 4 самый гибкий модуль, там много значений и подходит для большинства сложных сайтов.
✱ 5 отлично подойдет для небольших лендосов.
✱ 8 так же используют в сервисах и интернет-магазинах, но этот модуль не настолько гибкий, как 4.

Для удобства можно сделать себе табличку из кратных чисел и расположить ее рядом с макетом, чтобы в нужный размер подглядывать.

UI
Made on
Tilda