Как правильно убрать висящие предлоги везде, где только можно?
Тизер: не прибегая к Tab, пробелам и отбиванием новой строки. Где волшебная кнопка в Word и InDesign, куда жать в Tilda и Figma, и как во всем этом может помочь сайт Лебедева.
Висящие предлоги в Tilda.
В Тильде есть встроенный типограф. Вы просто выделяете текст, который нужно отредактировать, нажимаете на иконку, и все предлоги присоединяются к слову за предлогом, выглядит он вот так.
Когда вы выделяете какой-либо текст, этот значок появляется, вы можете выделить текст, кликнуть на этот значок, и висящие предлоги исчезнут, дефис превратится в тире, а “ ” в « ».
Вот этот набор символов: #nbsp; между предлогом и словом говорит о том, что предлог должен перейти на следующую строку вместе со смысловым словом.
Однако, Тильда иногда все равно пропускает предлоги, это может получиться по разным причинам, но я обязательно проверяю текст после типографа.
Что делать, если пропущен предлог, и он получается висящим? По сути типограф просто делает правильную разметку текста и показывает в коде, что тут между этой буквой и этой буквой пробел, но на разных строках они стоять не должны. Поэтому, никто не запрещает скопировать #nbsp; и вставить в нужном месте самостоятельно. Эффект будет таким же.
Почему не подходит перенос предлогов с помощью многократного нажатия пробела, Tab или переноса на новую строку с Enter?
Потому что длина строки изменяется от ширины экрана при адаптивном дизайне, и все многочисленные пробелы (Tilda, правда не дает ставить 100500 пробелов подряд) или отбитие новой строки Enter сотворят монструозную конструкцию из текста, как только ширина абзаца станет отличаться от той, в которой вы делали все исправления. На картинке ниже показано, как “карета превращается в тыкву”, если не использовать типограф, а делать так, как печатают документы все новоиспеченные секретари в Word =)
Типограф от Лебедева и висящие предлоги в Figma и Sketch.
Лебедев на своем сайте уже давно сделал типограф, и он молодец — и типограф и Лебедев =) ссылка: https://www.artlebedev.ru/typograf/
Заливаете текст, жмете кнопку и текст с разметкой ваш. Copy-Paste…
Может быть кстати, если вы сами делаете дизайн сайта в Figma или Sketch и ни сном ни духом про плагины.
Единственное — нужно немного настроить типограф, чтобы непечатуемые символы не были видны в вашем дизайне. Для этого вам нужно зайти в настройки типографа.
В настройкам нужно поменять пункты и обязательно нажать “сохранить”, потом перейти на окно типографа и опять оттипографить текст.
После этого предлоги будут связаны с последующими словами, но при этом непечатуемые символы не будут видны. Копируем текст и вставляем в нашу Figma или Sketch.
А что если после всего этого все равно не все предлоги привязались?
Такое случается, я не могу объяснить, почему, но такое бывает. это решается так же просто, как в случае с копированием #nbsp;
То есть вам просто надо скопировать тот пробел, который выполняет свою функцию и делает предлог неразрывным с последующим словом (визуально после типографа и этих настроек он не будет отличаться от любого другого пробела). После того, как вы скопируете и замените этим специальным пробелом тот пробел, который почему-то был пропущен типографом, все начнет работать.
Висящие предлоги в Indesign
Плавно переходим на печать.
Собственно, все правила типографики перекочевали из печати в интернет, поэтому все эти проблемы давно решаются в программах для печати.
Помимо висячих предлогов необходимо привязывать союзы к следующему за ними слову, а частицы — к предыдущему. Нельзя отрывать единицы измерений от их значений, разрывать пробелом некоторые сокращения.
Как сделать в индизайне магию написано вот тут, статья не новая, но сейчас все работает точно так же, а я лучше все равно не напишу, поэтому просто прочитайте =)
Висячие предлоги в Word
А вдруг кому пригодится.
Нужно воспользоваться «поиском и заменой».
В «Найти» введите строку (прямо скопируйте ее ниже и ничего не исправляйте):
([ ^s])([а-яА-Яa-zA-Z]<1;2>) ([а-яА-Яa-zA-Z])
В поле «Заменить на», введите строку (тоже скопируйте без исправлений):
\1\2^s\3
Поставьте галочку «подстановочные знаки» и нажмите на «Заменить всё». Проделайте эту операцию пару раз.
Ваш текст готов =)