Сегодня мы поговорим про висячие предлоги. "Висячим" называется предлог, который расположен в конце строки и связан по смыслу с самостоятельным словом в начале следующей строки.
В рамках дизайна существует следующее правило типографики: висячие предлоги необходимо переносить на новую строку. Такой подход придает абзацам единообразный характер, а текст при этом выглядит целостным и визуально приятным.
Рассмотрим три способа, которые помогут убрать висячие предлоги в тексте:
1. Привязывать предлоги неразрывным пробелом. На MAC OS — это комбинация клавиш “ Option+Пробел”. На Windows — это “Сtrl+Shift+Пробел”. Также можно использовать следующие комбинации: “Alt+0160” или “Alt+255”. Однако если текст очень большой, вводить каждый раз такие комбинации нерационально. Тогда нужно прибегать к другим способам.
2. Воспользоваться плагином “SBOL Typograph”. Данный плагин автоматически расставит неразрывные пробелы и уберёт все висячие предлоги и союзы.
Рассмотрим на примере.
Выберите текстовый слой, группу, фрейм или компонент в котором хотите проверить текст и запустите плагин SBOL Typograph.
Если ничего не выбрано, проверка и замена происходит во всех элементах страницы.
SBOL Typograph также исправит:
- "простые кавычки" на «ёлочки» и „лапки“, а знак минуса на дефис, длинное или среднее тире.
- телефонные номера на нужный формат.
- заменит букву «е» на «ё» в словах, где она должна употребляться.
3. Воспользоваться Типографом студии Артемия Лебедева
Для начала нужно настроить сам Типограф. Для этого заходим в настройки и меняем параметр “Выдавать символы”.
“Буквенные коды” нужно заменить на “готовые символы”, нажать “сохранить”, а потом перейти на окно типографа, обновить страницу и снова оттипографить текст.
После этого предлоги будут связаны с последующими словами. Копируем текст и вставляем в Figma.
Как делать не нужно?
Переносить предлоги с использованием клавиши Enter. Да, предлоги будут перенесены. Однако если мы изменяем ширину экрана, наш текст будет визуально разорван, и все равно появятся новые висячие предлоги.
Еще больше полезных статей читайте на нашем учебном аккаунте → Учебник DSGNERS!
