01 Что такое воздух в дизайне #
Воздух, или white space — это всё пустое пространство в макете: отступы, интервалы между блоками, поля вокруг текста, промежутки между элементами. Это не «незаполненное место», это часть дизайна.
Новички часто боятся пустоты. Кажется, что если оставить пространство — оно «пропадёт зря». На практике происходит обратное: чем больше воздуха, тем сильнее работает каждый элемент.
Воздух — это как рамка для картины. Без рамки картина теряется на стене. То же самое с блоками на сайте: без отступов они сливаются в кашу.
02 Где воздух работает #
Вокруг текста
Текст не должен упираться в края. Минимум 20–40px по бокам — на десктопе больше.
Вокруг акцентов
Кнопка с воздухом вокруг выглядит важнее, чем та же кнопка в плотном окружении.
На мобильных
На телефоне воздух критичен: пальцу нужна зона, глазу — просвет между блоками.
Между блоками
Отступ между секциями — это визуальный разделитель. Он работает лучше линии.
03 Как добавить воздух #
- Правило большого пальца: если сомневаешься — увеличь отступ в 1.5 раза. Почти всегда будет лучше.
- Единая система: отступы должны быть кратны 4 или 8: 8, 16, 24, 32, 48, 64.
- Больше воздуха — важнее блок: чем значимее элемент, тем больше пространства вокруг него.
- Не бойся «пустоты»: пустое место — тоже дизайн-решение.
Добавь воздух
Определи, правильно ли расставлены отступы.
