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

Будь-який дизайнер, гідний їх солі, розповість про важливість сітки, і це правильно. Однак, продовжуючи займатися своєю торгівлею, я виявив, що основна сітка, зокрема, не завжди здається мені практичною.

Наприклад, я працюю з великою кількістю маркетингових аркушів, які мають маркіровані списки. Моє перше схильність - розподілити все рівномірно і тримати базову сітку так:

Але багато разів ми приходимо до висновку, що хоча пулі розділяють елементи, рівномірний проміжок між рядками та між елементами списку ускладнює візуальне розділення точок. Отже, ми закінчуємо щось подібне:

Кожен елемент списку краще розрізняти, але тепер сітка базової лінії відпала, і вся справа відчувається дещо сильніше.

На меншому рівні, ось ще один приклад:

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

Цілком можливо, що я міг просто ще бути недосвідченим, щоб не знати, як мати свій торт і їсти його теж тут. Але я підозрюю, що це може бути сценарій, коли правила проектування повинні бути гнучкими для вирішення різних пріоритетів.

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

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

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

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

Сітка базової лінії, як зазначає DA01, добре працює в макетів з декількома колонками. Він також корисний у ситуаціях, коли дуже формальний, контрольований чи хірургічно чистий вигляд доречний. Поза книгами та іншими важкими текстовими виданнями найчастіше потрібен менш формальний вигляд.

Питання, яке ви можете задати будь-якому вибору дизайну, особливо в типографіці, - це "Чи полегшить це спілкування легше зрозуміти, легше знайти або зробити більш ефективним?" Якщо відповідь «Ні», то це неправильно.

Ваш приклад є чудовим випадком: переміщення точок кулі на сітку базової лінії руйнує читабельність тексту. Спілкування - це начальник, тож ви одразу знаєте, що дотримуватися сітки неправильно. Окремий елемент інформації, як-от адреса чи текст пункту, також повинен бути єдиним візуальним елементом на сторінці . Звідси випливає, що окремі елементи інформації повинні бути окремими на сторінці.

Тому справа не в тому, чи добре компрометувати сітку для досягнення кращого спілкування. Це те, що ви ніколи не повинні компрометувати спілкування, період. Створіть це для спілкування. Використовуйте правила та прийоми дизайну скільки завгодно, щоб змусити її блискуче спілкуватися. Але ніколи, ніколи не дозволяйте правилам чи прийомам заважати спілкуванню.

Ідея "базової сітки", як правило, зловживається ... особливо в Інтернеті.

Сітка базової лінії дійсно для використання у публікаціях з кількома колонками. Ідея полягає в тому, щоб у всіх стовпцях були послідовні горизонтальні «лінії».

І його слід використовувати за замовчуванням, але ви також повинні знати, коли НЕ використовувати його.

Ваш приклад зі списку - це гарний випадок, коли, мабуть, добре зламати сітку. Ви все ще можете налаштувати речі, щоб дещо приєднатися до сітки.

Наприклад, у вас може бути тип 12/14. Потім можна зробити пробіл між кулями 7. Це все одно буде дотримуватися сітки (на півкроку).

Я б запропонував створити стиль абзацу для списків, де лише перший рядок вирівнюється до сітки базової лінії. Таким чином, список не стане безладним, всі рядки з кулями все одно будуть працювати по сітці базової лінії, зберігаючи загальний вигляд вирівнювання, тоді як наступні рядки мають різний інтервал. У результаті подібного вигляду, як ви описали, ви часто влаштовуєтесь, але з більшою кількістю елементів вирівнюється до сітки.

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