Управляет ли типографская базовая сетка изображениями и другими элементами?

Поскольку мы строим базовую сетку, чтобы управлять нашей копией в Интернете, в статьях, которые я читал, неясно, должны ли мы использовать эту базовую линию для предоставления пробелов другим элементам сети, таким как, например, изображения. Скажем, например, базовая линия имеет высоту 6 пикселей, поэтому поля изображений будут кратны 6 пикселям. И то же самое с любым размером, который я использую, мои изображения всегда должны быть числом, которое можно разделить на 6 пикселей? имея все элементы в моей сети, построенные с этим правилом. Если базовая линия предназначена только для копии, то я не понимаю, как я могу правильно сохранить базовую линию для копии.

ОБНОВЛЕНИЕ: Пожалуйста, посмотрите, что у меня есть. http://gyazo.com/c2db7fb79a8f1b6ae3b34cd4591e6bbf Моя базовая линия составляет 6 пикселей, и размеры и расстояние между элементами также соответствуют этому. Я не знал о "сетке для макета и логических разделов". Получится ли у нас две горизонтальные сетки? где я мог это увидеть?

Ответы (3)

Я чувствую, что ответ сводится к мнениям.

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

Оба могут быть интегрированы. Но может создать больше проблем с дизайном, чем решить.

У вас может быть базовая линия, кратная 4 пикселям, и сетка, кратная 7 пикселям, если она хорошо выглядит.

Это две отдельные направляющие линии, разработанные для помощи, но не для управления ;)

не могли бы вы привести пример того, что вы объясняете? Поскольку 7 не кратно 4, не знаю, как оба могут совпадать или сохранять и упорядочивать?
@ Франко, нет, я пытаюсь проиллюстрировать, что они могут быть разными, им не обязательно совпадать.

Я думаю о базовой сетке как о структуре, на которой можно строить. Вероятно, вы могли бы потенциально использовать его для всего, но ваша работа в конечном итоге будет выглядеть роботизированной. Для веба, я думаю, имеет смысл использовать кратные вашей базовой сетки для создания промежутков между вашими элементами, поскольку вы, вероятно, можете определить ее как em или как-то еще в sass и повторно использовать ее.

В печати я использую базовую сетку в основном для основной копии. Для изображений я использую базовую сетку, чтобы выравнивать нижнюю часть изображения, и выравниваю верхнюю часть изображения по x-height или cap-height, в зависимости от ситуации. Я также стараюсь выравнивать первую строку или нижнюю часть подписей и выдержек (выберите вариант и придерживайтесь его везде), но не обязательно все строки, так как это может привести к неудобной высоте строки. Я выравниваю заголовки и страницы по элементам макета, но это не обязательно должно быть по базовой сетке; это действительно зависит от того, где они расположены.

Помимо базовой сетки, я часто использую 2-3 основные направляющие, чтобы создать единообразное выравнивание по всему документу.

Не могли бы вы уточнить немного больше о «Помимо базовой сетки, я часто использую 2-3 основные направляющие, чтобы создать последовательное выравнивание по всему документу»?
@Franco Я буду использовать 2 других направляющих, также на базовой сетке и часто где-то около трети, но обычно немного выше. Я редко начинаю текст в верхней части страницы на первой странице, поэтому другие руководства гарантируют, что я делаю это последовательно на всех страницах; они образуют якорь, с которого начинается первая страница статьи, а не полная страница текста.

Мое понимание и знание сеток довольно ограничено, но из того, что я узнал, когда дело доходит до изображений, верхняя сторона должна совпадать с f-высотой копии, а нижняя сторона должна совпадать с фактической базовой линией. Это может быть немного сложно правильно реализовать в Интернете, но стоит подумать.