Базовая сетка против читабельности

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

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

Но часто мы приходим к выводу, что, хотя маркеры разделяют элементы, равномерное расстояние между строками и элементами списка затрудняет визуальное разделение точек. Таким образом, мы получаем что-то вроде этого:

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

На меньшем уровне, вот еще один пример:

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

Вполне возможно, что я все еще могу быть достаточно неопытным, чтобы не знать, как взять свой пирог и съесть его здесь. Но я подозреваю, что это может быть сценарий, когда правила проектирования должны быть гибкими, чтобы соответствовать различным приоритетам.

Но я спрошу независимо от того: что важнее - поддерживать базовую сетку в такой ситуации или скомпрометировать сетку для достижения улучшения читабельности?

Проблемы с базовыми сетками легче решить, если вы помните об этом главном правиле: единственная цель графического дизайна - облегчить общение. Это то, за что вас нанимают, за что вам платят, и от чего вы зависите. Сетка (или любой другой элемент дизайна) пригодится, только если она достигает этой цели.

Информация на странице более проста в обращении и усвоении, если она имеет хорошую визуальную иерархию (заголовки, подзаголовки, основной текст, боковые панели), сгруппирована соответствующим образом (вещи, которые принадлежат друг другу, на самом деле, вместе) и разнесены соответствующим образом, в том числе поля и другие пробелы.

Сетка компоновки упорядочивает страницу и позволяет упорядоченно выровнять иллюстрации, графические элементы, такие как пробелы, заголовки и текст, что может придать авторитет или ощущение «правильности» странице. Есть много способов, чтобы один; они не все состоят из равномерно расположенных строк и столбцов.

Базовая сетка, как указывает DA01, хорошо работает в многостолбцовых макетах. Это также полезно в ситуациях, когда уместен очень формальный, контролируемый или хирургически чистый вид. Помимо книг и других текстовых публикаций, чаще всего вам нужен менее формальный вид.

Вопрос, который вы можете задать при любом выборе дизайна, особенно в типографии, звучит так: «Будет ли это легче понять, легче найти или эффективнее?» Если ответ «Нет», то это неправильно.

Ваш пример - отличный тому пример: наведение маркеров на базовую сетку нарушает читабельность текста. Коммуникация - это босс, поэтому вы сразу понимаете, что придерживаться сетки неправильно. Отдельный элемент информации, такой как адрес или текст маркера, также должен быть единственным визуальным элементом на странице . Отсюда следует, что отдельные элементы информации должны быть отдельными на странице.

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

Идея «базовой сетки» имеет тенденцию злоупотребляться ... особенно в Интернете.

Базовая сетка действительно предназначена для использования в публикациях с несколькими столбцами. Идея состоит в том, чтобы иметь последовательные горизонтальные «линии» на всех столбцах.

И он должен быть использован по умолчанию, но вы также должны знать, когда НЕ использовать его.

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

Например, у вас может быть 12/14 типа. Затем вы можете сделать промежуток между пулями 7. Это все равно будет придерживаться сетки (на полшага).

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

Вы можете пересчитать базовую сетку, чтобы управлять меньшими числами и подразделениями, чтобы вы могли делать дробные приращения, которые будут совпадать с каждым интервалом. если ваша базовая единица сетки 9 пунктов, это означает, что естественное подразделение будет 3pt. В текстовом наборе 8pt вы можете иметь 9pt или 12pt, в текстовом наборе 12pt вы можете иметь высоту строки 15pt, 18pt… имея набор связанных размеров, вы сохраняете пропорции межстрочного интервала.