Найти в Дзене

Экранная типографика: основы и немного субъективщины

95%* копирайтеров и редакторов неправильно выставляют в тексте кавычки и тире, причём не от лени, а по незнанию принципов экранной типографики. Собрал в одну статью всё самое важное о том, чем отличаются «ёлочки» от „лапок“, где ставить дефисы, а где — тире, как правильно отбивать пробелами знаки препинания и слэши. *По данным статистики, взятой с потолка автора И снова о наболевшем: тема настолько непопулярная, что статьи из выдачи Яндекса «экранная типографика» нарушают её же правила. При этом о ней писал сам Артемий Лебедев, на «Ководство» которого я просто обязан сослаться. В отличие от просто типографики, которая о шрифтах, гарнитурах, интервалах, кеглях и прочем, экранная — всецело про оформление текста именно в рамках подбора и расстановки символов. Грубо говоря, это о том, какие и где нужно ставить кавычки и тире (ответ вас удивит), какие знаки нужно отбивать пробелами и в каких местах, etc. Зачем вообще нужна экранная типографика? «Дим, зачем нужна эта мониторная типография,
Оглавление

95%* копирайтеров и редакторов неправильно выставляют в тексте кавычки и тире, причём не от лени, а по незнанию принципов экранной типографики. Собрал в одну статью всё самое важное о том, чем отличаются «ёлочки» от „лапок“, где ставить дефисы, а где — тире, как правильно отбивать пробелами знаки препинания и слэши.

*По данным статистики, взятой с потолка автора

И снова о наболевшем: тема настолько непопулярная, что статьи из выдачи Яндекса «экранная типографика» нарушают её же правила. При этом о ней писал сам Артемий Лебедев, на «Ководство» которого я просто обязан сослаться.

В отличие от просто типографики, которая о шрифтах, гарнитурах, интервалах, кеглях и прочем, экранная — всецело про оформление текста именно в рамках подбора и расстановки символов. Грубо говоря, это о том, какие и где нужно ставить кавычки и тире (ответ вас удивит), какие знаки нужно отбивать пробелами и в каких местах, etc.

  • Типографика — зона ответственности веб-дизайнера.
  • Экранная типографика — зона ответственности копирайтера/редактора.

Зачем вообще нужна экранная типографика?

«Дим, зачем нужна эта мониторная типография, если все на неё давно чхать хотели?»

  • Затем 1: это одна из миллиона составляющих, которые отличают экспертный и профессиональный текст от работы копирайтера 50 руб. за 1 тыс. з.б.п. с биржи.
  • Затем 2: это оптимизирует смету проекта, ведь так получится сэкономить на редакторе.
  • Затем 3, идеалистический: это популяризирует грамотную и эстетичную письменность в интернете: соцсетях, сайтах, рассылках. Я за то, чтобы digital-дельцы относились к русской речи с уважением и тщанием.

Если по аргументации согласовались, начнём! Пойду от очевидных и общепринятых до частных и субъективных моментов.

Как правильно писать пробелы

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

Лечится это просто: включением отображения скрытых знаков в ворде или автозаменой (меняем двойной пробел на одинарный — и готово).

Пожалуйста… Прошу... Нет, умоляю! Не обозначайте красную строку несколькими пробелами в начале абзаца! Никогда! Даже под страхом смерти!

-2

Пробелы после знаков препинания и перед ними: где нужны, а где нет

Всех же бесят знакомые,которые в переписке ставят пробел перед знаком вопроса ?А теперь представьте лицо заказчика , который заплатил копирайтеру четырёх- или пятизначную сумму ,и увидел нечто подобное !

Just for record: перед запятыми, точками, знаками восклицания и вопроса, а также закрывающими скобками и кавычками пробелы не ставятся, после — очень даже.

-3

Оформление ссылок в тексте

Если площадка позволяет встраивать ссылку в текст — встраиваем. Если не позволяет — делаем так:

Написать автору ( https://t.me/dmlivanov ).

Ах, да: очень желательно, чтобы текст, в который вы встраиваете ссылку, отражал её содержание. Без сюрпризов и введений в заблуждение, пожалуйста!

Пример:

Подписывайтесь на мой Telegram: там я публикую посты на несколько дней раньше, чем в «Дзене».

-4

Экскурс по актуальным видам кавычек

Откройте окно и присядьте, будет долго и душно…

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

Кстати, о других устаканившихся правилах — ниже!

Закавычиваем кириллический текст

Вне зависимости от контекста для этого используем «ёлочки». Это нужно просто понять и принять.

Вкладываем одни кавычки в другие

Усложним задачу: например, нам надо привести прямую цитату, в которой упоминается название чего-либо. В этом нам помогут так называемые кавычки второго уровня — „лапки“. Нет, не те лапки, которые вместо рук у некоторых коллег по цеху.

Вот вам пример, например:

«Друзья! Подписался тут на днях на канал „Контент-план Даллеса“ в „телеграмме“, каждый текст там — просто песня!»

Zakovychivam latinitsu

Authors writing in English use “their own version” of quotation marks.

Кстати, а как вы ставите «ёлочки»? Я какое-то время копипастил их из гугла. Больно, но такова жизнь…

-5

Дефисы, тире и иже с ними

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

Дефис (-)

Или, как считают многие, всё сразу: и все виды тире, и минус. Было бы очень удобно, но нет. Вообще он нужен, чтобы присоединять частицы, совокуплять сложносоставные слова, добавлять префиксы, сокращать и переносить на следующую строчку.

Примеры:

кое-где, по-французски, г-жа

Кстати, дефис корректно использовать при написании номеров телефона.

Длинное тире (—)

Нужно для связи между словами в более, чем полусотне ситуаций. Среди них — соединение подлежащего и сказуемого, замена члена предложения, обозначение прямой речи в диалоге, etc.

Пример:

Telegram Димы — лучший!

Короткое тире (–)

Имеет очень конкретную цель, а именно нужно для обозначения числовых интервалов:

2019–2023

Не обособляется пробелами!

Минус (−)

Узконаправленная история для математических формул.

Пример:

1 000 − 7 = 993

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

-6

Слэши (/)

Fun fact: в русскоязычной вики встречается такое название слэша, как «капиталистическая палочка». !!!ВСТАВИТЬ СЮДА ШУТКУ ПЕРЕД ПУБЛИКАЦИЕЙ!!!

Просто напомню, что косая используется для обозначения альтернативности, т.е. «или-или».

Слэш не отбивается, если стоит между словом/словом. Если нужно разделить сочетание слов / слово, то пробел всё же нужен.

-7

Cпецсимволы ™, ® и ©

Не самая распространённая история, но упоминания всё же заслуживает. Есть символы Trade Mark, Reserved и Copyright, которые недостаточно прошаренными или просто ленивыми авторами часто обозначаются как TM, (R) и (C).

Но ведь ™, ® и © выглядят куда изящнее!

-8

Ё: моё или всё же нет?

Да, понятно, что использовать «ё» или нет — это выбор каждого и вообще субъективный момент, поэтому не буду на нём долго останавливаться.

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

-9