Еще в нулевых слово «типографика» бродило между дизайнерами и верстальщиками, практически не заглядывая в редакцию. Самой близкой к этой тематике дискуссией интернет-журналистов было обсуждение буквы «ё» и её права на существование.
С тех пор многое поменялось. Интернет-издания по качеству догнали, а местами и обогнали печатные. Пользователи предъявили к оформлению текстов требования, которых не могли предъявлять ранее. Распространились системы автоматической постановки правильных тире, кавычек и прочих символов. Небольшой экран мобильника заставил обратить особое внимание на выравнивание, правила переноса, неразрывные пробелы и прочие хитрости, знакомые верстальщикам.
Существенно упростился сам набор хорошо оформленного текста. Причин здесь много – распространение офисных пакетов, правильные кавычки в текстовых сообщениях, типографская раскладка клавиатуры Ильи Бирмана[65], спасшая жизнь не одному текстовику и дизайнеру.
Тем не менее, стоит провести ликбез для тех, кто хочет понять, зачем всё это нужно. Нижеследующее не претендует на полноту или даже корректность, игнорируя множество спорных случаев. Цель этой подглавки – за 20 % времени дать 80 % правил. С остальным справятся специалисты.
7.2.1 Тире
Как и пробел, тире членит смыслы, но делает это обычно на уровне не слов, а фрагментов предложения. Чем ближе друг другу понятия, тем короче нужно тире.
Тире бывает несколько, но в них довольно просто разобраться[66].
• В русском языке между словами всегда используется длинное тире. Вот так: Москва – столица нашей Родины. Не забудьте поставить с обеих сторон пробел.
• Если вам надо поставить черточку в слове, ставьте дефис. Вот такой: «что-то», «где-либо», «Усть-Каменогорск». В телефонных номерах тоже дефисы. Общее правило – если черточка в одной единице смысла, то дефис.
• По правилам русской типографики между цифрами для обозначения числового диапазона тоже надо ставить длинное тире. Но выглядит лучше, если ставить короткое (оно же среднее) тире, существующее в английской типографике. Вот такое: 1922–1990. Старайтесь не использовать для подобных числовых диапазонов дефис.
• Минус длиннее дефиса, а его горизонтальная черта выровнена по отношению к такой же черте плюса. Если вы найдете на своей клавиатуре минус, ставьте его, пожалуйста, только в математических выражениях.
7.2.2 Пробелы
Удивительно, как эволюционировал пробел – знак, которого еще сравнительно недавно не существовало. Идея, что между словами можно что-то поставить для удобства чтения, еще тысячу лет назад была неочевидна. Например, еще в 14 веке в русских книгах абзац начинался буквицей, завершался четырьмя точками, предложения членились точками[67]. Пробелов не было.
Сейчас невозможно представить текст без пробелов. Более того, мы обычно этого не замечаем, но пробелы и пустоты бывают разными. Бывает привычный междусловный пробел. Есть пробел неразрывный, чья функция не только разделять два слова, но и не давать второму перенестись на другую строчку без первого. К пробелам относятся абзацный отступ, межстрочные интервалы и даже межбуквенные пробелы.
Интересующихся приглашаю штудировать справочник Мильчина, а также «Ручной набор» Шульмейстера[36]. Оттуда можно почерпнуть завораживающие фразы вроде «отбивка с нормальным апрошем в полукегельную». Нормальный человек вряд ли захочет погружаться так глубоко.
К счастью, в XXI веке для любой работы действует правило – если задача может быть автоматизирована, её следует автоматизировать. Поэтому журналисту обычно не требуется разбираться в том, чем полукегельная шпация отличается от третной. Для этого существует система управления контентом издания, в которую встроен модуль-типограф.
Однако автор должен хорошо понимать структуру материала. И именно пробел – самый важный знак для выражения структуры каждого элемента текста без исключения. Вот несколько правил, которые вам пригодятся:
• Никогда не ставьте несколько пробелов подряд. Это тупо;
• Перед знаком препинания пробел не ставится. Поставьте его после;
• Не ставьте пробел между точкой/запятой и тире. Автоматическая проверка обычно требует так: «Я отвечал, что меня беспокоят мухи, – и мы оба замолчали». Правильно: «Я отвечал, что меня беспокоят мухи, – и мы оба замолчали»;
• Не ставьте пробел между цифрой и знаком процента или градуса. Это один из спорных моментов, в котором ГОСТ конфликтует с рекомендациями авторитетов. Примите сторону авторитетов, иначе когда-нибудь увидите, как процент перенесся на новую строчку;
• Никогда не обозначайте начало абзаца междусловным пробелом. Требуйте от верстальщика предусмотреть абзацные отступы, либо используйте для этого специальные средства;
• Включите в редакторе режим отображения невидимых символов. Он покажет, когда вы вставляете цитату с уже проставленными нестандартными пробелами. Уничтожьте их, они могут помешать вам и типографскому модулю в будущем.
• Если в вашем издании используются немые заголовки, то есть пробельные строки, разделяющие части текста, используйте или потребуйте отдельную кнопку для их вставки. Иначе вставленная вами пустая строка может оказаться не той высоты и разодрать текст. То же самое касается графических заголовков – завитушек, горизонтальных линий и проч.
• Главная идея пробела, как и тире, в разделении смыслов. Чем ближе по смыслу части понятий, тем меньше нужен пробел. Понимание этого принципа позволяет выводить правила, которые еще не скоро появятся в справочниках. Например, такое:
Эмодзи лучше отделять пробелом и выносить за точку, если вы относите его ко всему предложению. © Если вы иллюстрируете тот или иной предметп внутри предложения, пробел можно не ставить.
7.2.3 Кавычки и цитирование
Вокруг кавычек возникло много мифов и недопонимания. Приведем самые важные пункты тайного знания о кавычках.
В русской типографике основные кавычки – «ёлочки».
Внутри них ставятся внутренние – лапки („пример лапок"). Раз в тысячу лет могут понадобиться внутренние кавычки во внутренних. Тогда используются одинарные лапки (,текст').
Если вам понадобились одинарные лапки, с вашим текстом или цитатой что-то не так. Постарайтесь упростить материал.
Если вы по какой-то причине не можете набирать лапки, помните, что две одинаковых кавычки (««или»») рядом не ставятся. В этом случае следует попробовать избавиться от внешних кавычек.
Ставьте точку после закрывающих цитату кавычек, если перед ними не стоит многоточие, восклицательный или вопросительный знак. Точку стоит в таком случае перенести за кавычку, а не ставить их с обеих сторон кавычек. Внимание: если вы цитируете не целое предложение, а включаете цитату в свое на правах части предложения, то точку можно ставить и после многоточия с восклицательным и вопросительным знаком.
Не ставьте точку после закрывающей кавычки во всех остальных случаях.
Постарайтесь не задействовать сложное цитирование. Например, не вставляйте напрямую в цитату указание на автора.
«Я на выборы никогда не ходил, но в этот раз точно пойду за X голосовать, – заявил твиттер-бот – Кандидат от народа!»
Во-первых, велика вероятность, что не все правильно умеют оформлять подобного рода цитаты. Во-вторых, слишком часто коллеги берут в работу цитаты не глядя. Может случиться конфуз.
Хорошо, если для обильного цитирования у вас есть особое оформление блока цитаты. Это позволит избежать многих проблем при наборе.
7.2.4 Шрифты
Мы вступаем в страну, где легко заблудиться, поэтому я просто дам несколько полезных для журналиста определений. Давайте сразу договоримся – мы не будем говорить об истории шрифтов, о волнующих специалистов вопросах и о создании новых начертаний.
Наши задачи следующие: разобраться, как устроена шрифтовая часть мультимедийных материалов и иллюстраций с текстом; понять основы верстки медиа; дать возможность хоть как-то общаться с дизайнером и верстальщиком при постановке задач и, наконец, правильно понимать английские термины. С терминов и начнем.
Гарнитурой (typeset, font family) называется семейство шрифтов, объединенных стилем и набором знаков. Гарнитура может состоять из шрифтов разных видов и размеров (кеглей).
Шрифт (font) – более узкое понятие. Это член семейства шрифтов, состоящий из объединенных единым стилем букв и знаков.
Кегль (font size) – размер шрифта. В цифровых СМИ может измеряться в процентах от обычного, типографских пунктах (pt), пикселях (px), относительных единицах, равных стандартной высоте шрифта браузера (em).
Большинство шрифтов можно разделить на шрифты с засечками и без засечек. В разговорах, технических заданиях, совещаниях вы чаще всего будете использовать либо конкретные названия, либо именно это определение.
Позднее вы, возможно, столкнетесь с четырьмя основными видами шрифтов (их больше, но нас это не волнует):
• Антиква (serif) – шрифты с засечками. Типичная антиква – Times New Roman;
Брусковый (slab) – шрифт с мощными засечками, хорошо подходящий для детских книг и заголовков, но тяжеловатый для заполнения всей страницы.
• Гротеск (sans-serif) – шрифт без засечек. Типичные гротески – Helvetica и Arial. Гротески отлично подходят для больших текстов и экранов цифровых устройств, где засечки могут только мешать;
• Акцидентные шрифты (display typefaces) – эксцентричные шрифты, предназначенные для вывесок и заголовков, цепляющие взгляд, но не годящиеся для набора больших объемов текста.
• Остальные, включая рукописные (script) и символьные (symbol)[68].
Все шрифты также делятся на моноширинные (monospace) и пропорциональные. У моноширинных, как несложно догадаться, каждая буква одинаковой ширины. Поэтому текст складывается в ровные строчки, а буквы стоят друг под дружкой. Типичный моноширинный шрифт (антиква) – Courier New. У пропорциональных все буквы разной ширины, их легче и привычнее читать.
Моноширинные шрифты очень удобны в программировании, анализе данных и некоторых других случаях. Для текста в цифровых медиа их сейчас используют довольно редко.
Ключевая роль шрифтов состоит в выстраивании визуальной иерархии материала. Заголовки должно быть легко отличить от других элементов текста. По размеру заголовка пользователь должен сразу ухватить его значимость.
Подписи под нетекстовыми элементами (изображениями, видеороликами, виджетами, интерактивными блоками) должны быть подчинены элементу, а, следовательно, в большинстве случаев уступать по размеру или быть менее заметными, чем обычный текст.
Начинающие понимают это и другие требования как необходимость использовать на каждую задачу по отдельному шрифту, а то и гарнитуре. Тем самым в силу определения шрифта и гарнитуры получается мешанина стилей, затрудняющая чтение и погружение в материал.
Общее правило – постараться не использовать на сайте более трёх начертаний и двух гарнитур. Часто сочетают шрифт с засечками и без засечек, подбирая шрифтовые пары. Стилевые различия подчеркивают разницу в функции заголовка и текста. Кегль и насыщенность управляют вниманием пользователя, сообщая о том, как элемент важнее.
Несколько советов напоследок:
• У каждого шрифта свой характер. Более замысловатый шрифт не значит хороший. Если вы не знаете, что хотите сказать шрифтом, выберите самый стандартный и незаметный гротеск;
• Шрифтов очень много, но кириллица во многих реализована безобразно. Сравните английский и русский текст, прежде чем выбирать шрифт за латиницу. Обращайте внимание на то, насколько отличается качество кириллицы от цифр. Это одна из самых заметных проблем.
• То, что вы привыкли к какому-либо шрифту – не аргумент в пользу его внедрения в проект или материал;
• Не просите дизайнера поиграть со шрифтами. Поставьте задачу точнее: сделать страницу академичнее, облегчить чтение, сделать заголовок более заметным. Вполне возможно, что решение лежит не в смене шрифта, а в выравнивании или подстройке элементов страницы;
• Дизайнер и верстальщик учитывают много факторов, о которых вы можете не знать. Например, продолжительность загрузки шрифта, его оптимальное отображение в старых браузерах и на мобильных устройствах. Часто их «нет» основано не только на вредности;
• Никогда, даже в шутку, не используйте шрифт Comic Sans.