Free-maker - blog archive - вертикальна приводка рядків (вирівнювання колонок)

Одним з правил верстки є вимога вертикальної приведення рядків. Тобто рядки в колонках повинні бути на одному рівні. дана вимога особливо строго в книгах, для газет і журналів вимога простіше: обов'язкове суміщення тільки верхніх і нижніх рядків.

Приводку рядків можна забезпечити правильним вибором отбівок, інтерліньяжу і кегля.

Верстка текстового блоку без рамки

Щоб вертикальна приводка рядків склалася легко, слід зробити попередні розрахунки:

1. Міжрядкові заголовка з усіма відступами повинен бути кратний інтерліньяжу основного тексту (тобто сума інтерліньяжу заголовка і відступів на ціле ділиться на інтерліньяж основного тексту);

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

  • Основний текст:
    • кегль 9pt;
    • інтерліньяж 11pt.
  • Заголовок:
    • кегль 9pt;
    • інтерліньяж 11pt;
    • відбиття до: 11pt;
    • відбиття після: 11pt;
    • Ефект: капітель (заголовні).
  • Показати # 26 шт.
  • Висота текстового блоку: 286pt;
  • Зсув першого рядка: по максимальній висоті символу в рядку.

Free-maker - blog archive - вертикальна приводка рядків (вирівнювання колонок)

Примітка: допускається брати різні відбиття до і після заголовка або абзацу, головне, щоб сума отбівок «до» і «після» була кратна інтерліньяжу основного тексту. В даному випадку в одній колонці виходить два підзаголовка (див малюнок). Причому перший підзаголовок не матиме відступу «до», що вплине на правильність приводні рядків.

Free-maker - blog archive - вертикальна приводка рядків (вирівнювання колонок)

Проміжок перед заголовка 7pt, після заголовка - 4pt

Верстка текстового блоку з рамкою

Щоб вертикальна приводка рядків склалася легко, слід зробити попередні розрахунки:

1. Міжрядкові заголовка з усіма відступами повинен бути кратний інтерліньяжу основного тексту (тобто сума інтерліньяжу заголовка і відступів на ціле ділиться на інтерліньяж основного тексту);

2. Висота текстового блоку кратна інтерліньяжу основного тексту. Простіше кажучи, висота текстового блоку дорівнює інтерліньяжу, помноженому на кількість цілих рядків в блоці;

3. Сума значень нижнього і верхнього відступів до тексту кратні інтерліньяжу основного тексту.

  • Основний текст:
    • кегль 9pt;
    • інтерліньяж 11pt.
  • Заголовок:
    • кегль 9pt;
    • інтерліньяж 11pt;
    • відбиття до: 11pt;
    • відбиття після: 11pt;
    • Ефект: капітель (заголовні).
  • Показати # 26 шт.
  • Висота текстового блоку: 297pt;
  • Відступ зверху: 5.5 pt;
  • Відступ знизу: 5.5 pt;
  • Лівий відступ: 5.5 pt;
  • Відступ справа: 5.5 pt;
  • Товщина рамки: 1 pt;
  • Зсув першого рядка: по максимальній висоті символу в рядку.

Free-maker - blog archive - вертикальна приводка рядків (вирівнювання колонок)

Примітка: ширина і висота текстового блоку на 11 pt більше, так як додаються відступи від краю рамки до тексту зверху, знизу, праворуч і ліворуч.

Верстка текстового блоку без рамки із зображенням

Щоб вертикальна приводка рядків склалася легко, слід зробити попередні розрахунки:

1. Міжрядкові заголовка з усіма відступами повинен бути кратний інтерліньяжу основного тексту (тобто сума інтерліньяжу заголовка і відступів на ціле ділиться на інтерліньяж основного тексту);

2. Висота текстового блоку кратна інтерліньяжу основного тексту. Простіше кажучи, висота текстового блоку дорівнює інтерліньяжу, помноженому на кількість цілих рядків в блоці;

3. Висота зображення разом з підписом кратна інтерліньяжу основного тексту.

  • Основний текст:
    • кегль 9pt;
    • інтерліньяж 11pt.
  • Заголовок:
    • кегль 9pt;
    • інтерліньяж 11pt;
    • відбиття до: 11pt;
    • відбиття після: 11pt;
    • Ефект: капітель (заголовні).
  • зображення:
    • висота: 121 pt;
    • ширина: дорівнює ширині колонки;
    • відбиття знизу: 11pt;
    • відбиття справа: 0 pt.
  • Показати # 24 шт.
  • Висота текстового блоку: 246pt;
  • Зсув першого рядка: по максимальній висоті символу в рядку.

Free-maker - blog archive - вертикальна приводка рядків (вирівнювання колонок)

Примітка: якщо зображення верстається в оборку (всередині тексту і відступи з усіх сторін) і має підпис, тоді необхідно враховувати відступи по вертикалі до зображення і після підпису, якщо підпис розташовується під ним.

Написати відповідь