Основные правила верстки книг

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

Правила для основного текста

• Оптимальная длина строки должна быть не больше 60-65 символов (максимум 80), на странице должно быть 30-40 строк, количество строк на развороте может отличаться на максимум две строки, последняя страница главы (если главы начинаются с новой страницы) должна выглядеть заполненной хотя бы наполовину. Если речь о вебе, то текст должен заполнять 60-70% ширины страницы, абзацы отделяются «пустой строкой».

• Ни сверху, ни снизу не должно быть висячих строк;
stroka

• Знаки препинания всегда остаются в конце строки, общепринятные сокращения (т.д.,т.е.) не разбиваются на разные строки, в конце строки не оставляют однобуквенные предлоги и союзы.

• Рядовая полоса должна быть заполнена текстом на 100% по вертикали. Последняя строка должна лежать на нижней границе полосы набора. В редких случаях допускается неполная полоса, если не спусковой заголовок начинается со следующей полосы;

• Текст должен как минимум на 1/4 (примерно 10-15 строк основного текста) заполнять концевую полосу. При полном заполнении концевой полосы текст не должен доходить до низа полосы на 4 строки, подчеркивая этим, что это концевая полоса;

• Тексты, сверстанные плиткой, тяжелее воспринимать, чем сверстанные лентой;

• Все индексы набираются шестым кеглем;

• Все абзацные отступы необходимо делать одинаковыми, независимо от кегля отдельных частей текста. Абзацные отступы у сносок, эпиграфов, врезок и пр. должны равняться абзацному отступу основного текста. Абзацный отступ основного текста обычно равняется полуторокегельной (1,5 от размера шрифта)
abz

Если набор выполняется без абзацного выступа, то последняя строка должна быть неполной;
• Концевая строка абзаца по длине должна перекрывать абзацный отступ (обычно минимальная длина концевой строки — 3 знака плюс знак препинания). Рекомендуется, чтобы она была в полтора раза длиннее абзацного отступа, Последняя строка абзаца должна быть длиннее абзацного выступа не менее, чем в 1,5 раза.

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

• После нумерации или буллетов в списках в разных абзацах пробелы должны быть одинаковые (фиксированные), чтобы первые буквы этих абзацев стояли на одной вертикали.

• Межбуквенное расстояние (за исключением кернинга пар) должно быть одинаковым по всему тексту — уменьшение межсловных пробелов в строке за счет межбуквенного расстояния не допустимо. Трекингом (кернингом) можно пользоваться только в крайних случаях для разгонки/вгонки текста, если невозможно это сделать за счет межсловных пробелов, и отличаться от нормального он должен не более, чем на 0,02 (у некоторых шрифтов это значение может быть другим).

• Интерлиньяж на одной полосе у набранных одинаковым кеглем строк должен быть одинаковым, но у каждого кегля свой. При приводной верстке интерлиньяж должен быть одинаковым на обеих страницах к нижнего листа. Размер интерлиньяжа зависит от гарнитуры и обычно на 1‒2 pt больше кегля. В продуктах Adobe параметр auto для интерлиньяжа это 1,2 pt, из своего опыта меньше 1,6pt рекомендую не использовать. Интер­ли­ньяж зависит от длины строки, чем строка длиннее по количеству слов, тем он больше.
interl

• Второй способ оформления: внутренние кавычки набираются лапками, причем открывающаяся — «девятки» внизу, закрывающиеся — «шестерки» вверху:
текст «цитата „цитата внутри цитаты“».
kav

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

Важно обратить внимание, что знак » (расположенный на цифре 2 на клавиатуре) это не кавычка, а знак секунд и дюймов.

• Знаки процента (%), градуса (°), минуты (‘) и секунды (») применяют только вместе с относящимися к ним числами; при употреблении их без чисел знаки должны быть заменены словами. Указанные знаки никогда не отбивают от относящихся к ним чисел, а от другого текста отбивают междусловным пробелом. Если знаки относятся к нескольким числам, то их ставят только после последнего из них. Если знаки градуса, минуты и секунды относятся к числам, включающим в себя десятичную дробь, то их ставят после последней дробной цифры. У дробных числе количество знаков после запятой должно быть одинаковым. В выражениях типа °С, °К знаки градуса от символа не отбивают.
EMK

• Если вы решили написать текст вертикально, то это либо служебный текст (подписи, копирайты, колонтитулы), либо такое написание продиктовано форматом корешка книги или вертикальным узким баннером. Вы можете использовать вертикальное написание для усиления контраста, динамики, напряжения, ритма. В любом случае, нужно придерживаться правил: горизонтальные надписи — слева-направо; вертикальные — снизу-вверх; наклонные — слева-вверх-направо либо слева-вниз-направо и при этом все буквы в строке должны строго держать линию.

• Отдельного внимания заслуживают выносные линии. Они должны быть тонкими, не более 25% чёрного на экране или 0,25 pt на бумаге, и они должны быть достаточного высокими, чтобы быть заметными.

 

Заголовки

• В многострочных заголовках каждая строка должна иметь определенный смысл, по возможности, не надо заканчивать заголовок служебными частями речи, а предлоги, союзы, наречия и вовсе не допустимы;

• Переносы в заголовках не допускаются, за исключением многострочных заголовков. В итоге должна получиться правильная смысловая единица;

• Не помещайте никаких элементов графического дизайна между заголовком и текстом, у каждой статьи должен быть заголовок;

• Если заголовок написан прописными буквами, то межсловные пробелы должны быть немного больше, чем обычные (разрядка). У набранных большим кеглем (~20 пунктов и больше), межбуквенное расстояние рекомендуется чуть уменьшить;

• Длина строки заголовка, выключенного по центру, должна быть не более ширины полосы набора, уменьшенной на два абзацных отступа (максимальная длина строки заголовка = ширина полосы набора – 2x абзацный отступ);
header

• Размер расстояния между строк должен быть примерно 110-120% от кегля. Если заголовок набран прописными, то интерлиньяж немного увеличивается (120-130% от кегля);

• Отбивка сверху заголовка должна быть больше, чем снизу, пространство по вертикали, которое занимает заголовок вместе с отбивками, рекомендуется делать к ратным интерлиньяжу;

• Над заголовком должно быть не менее 4 строк основного текста. Допускается 3 строки, но последняя строка должна быть не менее 2/3 от ширины полосы набора;

• Под заголовком должно быть не менее 3 строк основного текста. Если есть еще и сноска(и), то допускается 2 строки под заголовком, при условии, что первая строка сноски по ширине набрана на полный формат;
2

• В родо-нумерационных заголовках разряжается только слова «глава», «раздел» и т. д. (родовая часть). Номер (арабский или римский) не разряжается.

Правила для оглавления книги:
• Текст содержания набирается на 1-2 пункт меньше кегля основного текста;

• Соподчинение рубрик показывается выделениями и втяжками, втяжки делают кратными абзацному отступу основного текста, но если втяжек много, то кратными половине абзацного отступа;

• Нумерация страниц выключается вправо строкой отточий, набранных через пробел. Независимо от выделений рубрик, нумерация и строка отточий набираются светлым начертанием;

 

Таблицы:

• Обычно таблицы набирают шрифтом на несколько пунктов меньше основного текста книги. Например: текст 12 — таблицу 8, 10; текст 10 — таблицу 6, 8; текст 8 — таблицу 6, 8. Если таблица совсем здоровенная, то кегль уменьшают до 6-ти пунктов и меняют шрифт на рубленный во всех таблицах книги.

• Строки в заголовках граф должны быть расположены горизонтально и выключены по центру;

• Если ширина заголовка меньше высоты графы заголовка, то строка набирается вертикально;

• Головка таблицы набирается на 0,5—1 пункт меньше основного текста таблицы. Начертание светлое. Второй вариант оформления: кегль не уменьшается, но выделяется полужиром. Если таблица большая, то размер головки таблицы уменьшается максимум на 0,5 пункта;
table

• Выключка строк основного текста производится по левому краю, в широкой колонке по формату. Выключка головки таблицы производится по центру, у левой колонки допустима выключка влево. Цифры по центру с соблюдением разрядности либо выключка по правой стороне. Цифры должны быть табулярными. Выключка по правому краю почти никогда не бывает уместной;

• Толщина линеек таблицы 0,5 пункта. Если необходимо выделить линейками часть таблицы, то линия утолщается до 1 пункта; Отбивка под таблицей 1,5 пунктов;

• Числа в таблицах нужно выравнивать по разрядам;

• Заголовок «Таблица №…» набирается кеглем не больше основного текста, полужирным, выключка по центру. Кегль должен быть отличен от кегля заголовков в книге. Расстояние между номером и заголовков 4-6 пунктов, расстояние до таблицы не более 10 пунктов;

• Таблица не помещается на страницу, строго привязана к тексту? Делаем так: пишем справа вверху таблицы «Продолжение табл. №…» курсивом. Графы нумеруются и на следующей странице заголовок граф включает только порядковые номера;

• Примечания пишутся сразу после таблицы с отбивкой 6-8 пунктов кеглем меньше основного на пару пунктов, слово «Примечание(я)» выделяется курсивом и разрядкой.

Телефоны:

• Московские телефоны для иностранцев правильно писать так: +7 123 555-55-55. Восьмёрка в начале номера это принятый в СССР код выхода на межгород, которым мы пользуемся до сих пор на стационарных телефонах. Но человек не сможет дозвониться из-за границы домой, набирая номер через восьмёрку, поэтому нужно начинать телефонный номер с кода страны;

• Мобильные телефоны принято писать +7 123 123-45-67, либо 8 123 123-45-67;

• Скобки используются для необязательной части номера телефона. Пример корректного написания (+7 812) 555-55-55, если из контекста не понятно, о каком городе речь;

Сокращения:

• Сокращения бывают нескольких видов. Буквенные аббревиатуры, это сокращенное слово, составленное из первых букв полного названия (МПГУ, МГУ, ЖКХ и т.п.). Сложносокращенные слова (санузер, мосгаз). Сокращения по начальным буквам (мин, Мбит). Аббревиатуры не переносятся с одной строчки на другую.

• Сокращения набираются без разбивки и без точек, сложносокращенные слова и сокращения набираются также, как обычный текст;
PIC_6

• Если вам попадутся буквенные сокращения физических величин, которые не являлись когда то фамилией, то пишите их строчными буквами без точки. Сокращения от чисел отделяются узким пробелом;
test

• Индексы и показатели, встречающиеся в сокращениях, никогда не отбивают от относящихся к ним знаков (кг/мм2).

sd

 

Знаки препинания:

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

• Точку и запятую в тексте никогда не отбивают от предшествующих знаков, запятую как знак десятичной дроби не отбивается ни с одной из сторон. Точку с запятой, двоеточие, восклицательный и вопросительный знаки не отбивают от предшествующих букв;

• При отделении десятичных долей от целых чисел следует ставить запятую (0,3). Между цифрами, которые обозначают разные единицы, ставится пробел:20 023;

• Дефис никогда не отбивают от предшествующих и последующих знаков, кроме случаев, когда он оказывается в словах, набранных вразрядку, но не в качестве знака переноса. Используется для соединения слов;

• Тире внутри текста отбивают с двух сторон на узкий пробел, между цифрами в значении «от-до» тире от цифр не отбивают (125-199).
promo-sprite-(1)

• В начале прямой речи тире отбивают от последующих слов на узкий пробел. Кавычки от заключенных в них слов не отбиваются.

 

Иллюстрации

• Иллюстрации вставляются следом за ссылкой, или на следующей странице. Я вставляю иллюстрации так, что верхний край идет по высоте прописных, а нижний по базовой линии;

• Описание набирается под иллюстрацией, тем же кеглем, что и основной текст или на 1 пункт меньше, обычно курсивом и по центру. Если выключка заголовков в издании влево, то и подписи набираются влево, причем вторая и последующие строки набираются со втяжкой и равняются по первой букве названия рисунка;

• Подпись отбивается от рисунка на 6—8 пунктов, отбивки сверху рисунка и снизу подписи 1—1,5 строки.

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

Секта

Основа сетки это прямоугольник, структурировать информацию нужно с помощью заполненных и пустых прямоугольников. В центре, в углах или на краях располагаются наиболее визуально яркие элементы, такие как заголовки, иллюстрации.

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

15 комментариев

  1. samsa Maria

    Как правильно время писать и даты?

    • artmax2 (Author)

      Если речь о датах, то простонародный формат: ДД.ММ.ГГГГ ЧЧ:ММ. В США числа в дате пишут ММ.ЧЧ.ГГ.

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

      А еще есть стандарт iso, приходится иногда ориентироваться на него.
      Время работы с 11:30 до 19:45;
      Тихий час: 13:00 — 14:00.

      Числа от 0 до 10 записывать словами: от одного до десяти.
      Числа больше десяти записывать числом: 10, 29, 387.
      Если в абзаце есть число больше десяти и число меньше десяти, оба числа записать числами: 2 коллеги съели 56 пончиков и лопнули.
      Количественные числительные ставить по тем же правилам: первый, 35-й.

  2. lirik_x64

    Прошелся по этим советам, вносил правки в документ… знаете, помогло, как ни странно, стало значительно лучше! Благодарю!

  3. alext.77

    Если я сделал все правильно, по типографским рекомендациям, гайдам, а клиент просит все сделать не по канонам. Как эти нюансы сказываются на цене за работу?

    • your-scorpion (Author)

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

  4. Йожег

    Здравствуйте! хочу поделиться с миром своими взглядами на мир, не знаю как правильно писать. Вы рассказали про оформление текста, но ведь есть определенные правила, как правильно писать?

    • your-scorpion (Author)

      Добрый день. Правильно писать учат в школе на протяжении многих лет. Из не академических знаний могу посоветовать:
      1. Убирайте лишние прилагательные.
      2. Меньше местоимений. Нет необходимости постоянно уточнять, чей предмет, к кому относится фраза и т.п.
      3. Короче говоря, как выяснили, между прочим, кстати и прочие междометия не нужны.

      Из глобальных вещей: текст бывает творческий и прикладной, выберите свой информационный стиль. Все хотят читать о трудностях и опыте, а не об истории успеха. Текст должен быть понятный, лаконичный, честный. Нужно проверять текст в speller. Никакой концелярщины. Если хотите использовать юмор в тексте, то пишите либо с юмором для 10% аудитории, либо вообще без юмора. Шутки, понятные всем, это Петросятина и Задорщина.

  5. Нимош 3DDD

    Уместно ли писать Вы с большой буквы?

    • your-scorpion (Author)

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

  6. Антон Паладьев

    Здравствуйте. У меня есть вордвоский файл, который содержит много изображений. Как все эти картинки сохранить в одну папку, есть быстрый способ?

    • your-scorpion (Author)

      Меняете расширение вордовского файла на zip, в архиве будут все фотографии (папка Media).
      Либо сохранить как HTML и поискать изображения в папках.

      Еще вариант: сохранить как PDF, и с помощью Acrobat Reader экспортировать изображения (Export All Image или Export PDF, в зависимости от версии акробата)

  7. Vera Susol

    Здравствуйте!
    Вопрос про сетки. Есть лэйаут, а есть грид. Они используются вместе, это допустимо? Какие ограничения или нюансы есть при работе с сеткой? Интересует больше работа с digital-продуктами, чем с печатными изданиями. Спасибо!

    • your-scorpion (Author)

      Допустимо и очень даже удобно, сам постоянно так делаю. Layout использую как модульную сетку, а grid 8pt для удобства и выравнивания, при этом шрифт и иконки выравниваются по grid в 4dp. Стандартные разрешения 960, 1080, 1140, 1440, 1560 с учетом 60px или 120px колонок дают предсказуемо хороший результат. Можно отойти от стандартов, я раньше часто делал 1200px с 24 колонками + 30px ячейка и 20px канавка вместо 960 с 16/12 колонками, исходя из статистики сервисов.

      Для примера возьмем Sketch. У нас будут следующие входные параметры, которые должны быть кратны 8pt:
      1. Разрешение артборда
      2. Total Layout Width
      3. Gutter / Ширина колонки

      Так, для работы с шагом в 8pt сетка должна быть кратна 8: 320 (Mobile), 768 (Tablet Portrait), 1024 (Tablet Landscape), 1360 (Desktop), 1920 (Desktop HD). Ширина колонки (width) равняется 8, а Gutter (Расстояние между колонками) кратно 16. Для подсчета лучше пользоваться сервисами вроде gridcalculator.dk.

      Если вы работаете с Bootstrap или Foundation, то сетка за вас уже выбрана и настроена: cтандартная 12-колоночная сетка с одинаковыми колонками, это стандартный безопасный вариант. Одинаковые колонки помогают справиться с большими сложными сайтами, спасает разработчиков от мучений. Количество колонок определяет изменения макета в зависимости от ширины колонок и межколоночных пробелов, это важно понимать при адаптировании сетки под разные платформы.

      Звучит абстрактно, но я практик, поэтому приведу пример из текущей практики: есть десктопный портал 1920px. Это разрешение должно делиться на 2, 3, 4, 5, 6, 8, 10, 12 для того, чтобы легко можно было вычислить размеры колонок и пробелов между ними. Допустим, решено что пробелы будут 40px, тогда 1920 / 12 — 40 = 120, ширина колонки. Это вариант построения сетки от большего к меньшему.

      Можно идти в обратную сторону, ибо mobile first: допустим, мы решили что пробелы между колонками универсальные 20px (покрывает сразу шаг 5px как наследие десктопа т.к. делится на 5, 10, шаг в 4px для мобилок), а сами колонки должны быть в 3 раза больше для определенных условий. Получаем сетку (20px * 12) + (60px * 12) = 960px. Таким подходом можно высчитывать размер колонок, умножая на 2,3,4. Сильно желательно фиксировать размер пробелов между колонками, и Bootstrap, и Foundation это делают из коробки. Ширина колонок задается в процентах, а пробелы фиксируются в пикселях или rem. Это необходимо, чтобы в какой то момент контент не слился при уменьшении размеров пробелов.

      • Dmitry Mihalevich

        Когда я дизайню пространство в карточках, используя отступы от краев, расстояния между элементами в строке, и прочее, все это в дизайне упаковано просто в понятие «сетки», или существует некая терминология каждого вида отступов?

        • your-scorpion (Author)

          Разумеется, существует терминология.

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

«Нажимая на кнопку Submit Comment, я даю согласие на обработку персональных данных»