Сначала об очевидном. Правая выключка неестественна для нашей письменности и читать ее сложнее. Глазу трудно находить следующую строку, потому что она всегда начинается с произвольного отступа.
Зачем же тогда ее используют? Как ни странно, но чаще всего абсолютно низачем, просто потому что есть такая кнопка в редакторе. Случаев, когда правая выключка бывает уместна, не так уж много. Давайте разберемся, для каких целей она подходит, а для каких не очень. У меня получилось четыре пункта.
1. Выровнять правый край макета
Эта цель самая странная. Новичкам иногда кажется, что блок текста должен наглухо закрывать правую сторону макета, то есть быть абсолютно ровным с правой стороны. Никакого смысла в этом приеме нет: и макет красивее не становится, и удобочитаемость падает.
Здесь верхний текст нужно выключить по левому краю и на этом успокоиться:
![](https://awdee.ru/wp-content/uploads/2021/07/312-1024x916.png)
То же самое с колонкой чисел:
![](https://awdee.ru/wp-content/uploads/2021/07/02-1-1024x728.png)
Два рваных края смотрят друг на друга и образуют бесформенную дыру посередине:
![](https://awdee.ru/wp-content/uploads/2021/07/321_1-1-576x1024.png)
Исправляем:
![](https://awdee.ru/wp-content/uploads/2021/07/321_2-576x1024.png)
2. Показать связь текста с элементом справа
В интерфейсных формах подписи иногда выключают вправо, чтобы они были ближе к полям и контролам:
![](https://awdee.ru/wp-content/uploads/2021/07/Snimok-ekrana-2020-02-10-v-16.37.21-946x1024.png)
В таблицах так же связывают боковик с данными:
![](https://awdee.ru/wp-content/uploads/2021/07/bokovik-1024x475.jpg)
Связь между колонками становится заметнее, но внешний вид текста из-за этого портится. В большинстве случаев достаточно просто не отодвигать первую колонку слишком далеко от остальных:
![](https://awdee.ru/wp-content/uploads/2021/07/bokovik2-1024x475.jpg)
Если мешают длинные строчки, это можно исправить. Например:
Уменьшить ширину колонки. Выступающий текст разобьется на несколько строк:
![](https://awdee.ru/wp-content/uploads/2021/07/bokovik3-1024x541.jpg)
Сократить текст. В отдельных случаях могут понадобиться сноски:
![](https://awdee.ru/wp-content/uploads/2021/07/bokovik4-1024x519.jpg)
Добавить линейки, отточия или другие связующие элементы. Они частично скроют дыры после коротких строк. Прием подходит для динамических данных, когда форму текста нельзя контролировать:
![](https://awdee.ru/wp-content/uploads/2021/07/bokovik5-1024x519.jpg)
Другое дело — карты и схемы, здесь правая выключка бывает необходима. В компактной верстке выравнивание часто остается единственным способом связать подпись с объектом:
![](https://awdee.ru/wp-content/uploads/2021/07/map3-1024x687.png)
По правому краю принято выравнивать первую колонку в титрах и вообще в любых списках с именами. Это традиционное решение, тут ничего не скажешь:
![](https://awdee.ru/wp-content/uploads/2021/07/jmb-1024x514.png)
С помощью выключки можно обозначить связь подписи с иллюстрацией, прием достаточно редкий:
![](https://awdee.ru/wp-content/uploads/2021/07/freski-746x1024.jpg)
3. Передать симметричную структуру
Иногда сама информация подталкивает к симметричной верстке, к сочетанию правой и левой выключки. Например, так показывают игровой счет:
![](https://awdee.ru/wp-content/uploads/2021/07/Snimok-ekrana-2021-07-04-v-22.29.06-1024x799.png)
Или оформляют листалки в интерфейсах:
![](https://awdee.ru/wp-content/uploads/2021/07/listalka2-1024x121.jpg)
Правый флаг здесь действительно оправдан, но не обязателен. Даже симметричную структуру можно передать несимметрично:
![](https://awdee.ru/wp-content/uploads/2021/07/listalka-1024x121.jpg)
4. Сделать нестандартно
Иногда спрашивают: если правая выключка не очень, почему тогда она есть на образцово-показательных швейцарских плакатах? Отвечаю. Во-первых, не стоит принимать каждый швейцарский плакат за эталон. Во-вторых, правый флаг там встречается довольно редко. В-третьих, плакаты на то и нужны, чтобы экспериментировать. Это акцидентный набор, никаких правил для него не существует. Вот несколько примеров.
Здесь дизайнер выстраивает текст по ступенькам:
![](https://awdee.ru/wp-content/uploads/2021/07/odermatt3-722x1024.jpg)
Тут с помощью выключки рисует невидимый прямоугольник (наверно):
![](https://awdee.ru/wp-content/uploads/2021/07/jmb-724x1024.jpg)
А тут сами придумайте что:
![](https://awdee.ru/wp-content/uploads/2021/07/Hans-NEUBURG-1965-721x1024.jpg)
А как же числа в таблицах?
Числа в таблицах иногда действительно выключают по правой краю, чтобы они выровнялись по разрядам: единицы встали под единицами, десятки под десятками и т. д. Внешне это может выглядеть как правый флаг, но корректней называть такое выравнивание выключкой по знаку, а именно по запятой. Дело в том, после запятой может быть разное количество знаков, и тогда правый флаг сломает выравнивание:
![](https://awdee.ru/wp-content/uploads/2021/07/table2-1024x359.jpg)
О выключке по знаку я рассказал в отдельной статье.
Одну строчку можно
И последнее. Нет ничего страшного в том, чтобы поставить справа одну строчку текста, например, подпись, посвящение или эпиграф. Проблема правой выключки — рваный край, но тут его нет:
![](https://awdee.ru/wp-content/uploads/2021/07/podpis-1024x208.jpg)
Когда строчек станет несколько,
![](https://awdee.ru/wp-content/uploads/2021/07/podpis2-1024x238.jpg)
аккуратней будет выглядеть левый флаг:
![](https://awdee.ru/wp-content/uploads/2021/07/podpis3-1024x238.jpg)
Выводы
- Не используйте правую выключку, если четко не понимаете, зачем она вам нужна. Основные виды выравнивания — по левому краю, по центру и по формату — читаются легче и выглядят привычней.
- Для правой выключки почти всегда можно найти более нейтральные альтернативы, даже в устоявшихся жанрах.
- Правый флаг используют в акциденции, но и здесь он обычно служит какой-то композиционной задаче.
- Одна строчка текста может стоять справа, потому что она не создает рваного края.
С любовью, Игорь
Все статьи про выключку
Памятка верстальщика
По формату
По левому краю
По центру
По знаку
Обсуждение
Похожее
Книга PIXEL PERFECT PRECISION V.3
Эссе о тенденциях в дизайне и технологиях на 2013 год
Революционер мировой моды: Вирджил Абло