Cyrillic in interfaces: where the rhythm breaks
What happens to a layout when it moves from Latin to Cyrillic, and a set of rules that removes most of the trouble.
English version of this material is in preparation. The Russian original is complete.
Интерфейс, спроектированный на английском, редко переносится на русский без потерь. Проблема не в переводе — она в геометрии.
Три причины расхождения
- Длина: русские слова в среднем длиннее, и это меняет число строк, а не только ширину.
- Плотность: у кириллицы больше вертикальных штрихов и меньше выносных элементов — строка выглядит темнее и ровнее.
- Ритм: межбуквенное расстояние, подобранное на латинице, для кириллицы обычно тесное.
Где это видно первым
Кнопки, вкладки, таблицы и мобильная навигация — четыре места, где длина строки жёстко ограничена. Именно там перенос меняет иерархию: подпись переходит на вторую строку, элемент растёт, соседние элементы сжимаются.
Интерпретация
Мы считаем, что выбор гарнитуры здесь вторичен. Первично то, на какой строке проверяется макет: на средней или на самой длинной реальной.
Что именно ломается
| Место | Что происходит | Что делать |
|---|---|---|
| Кнопка | Подпись уходит на вторую строку, кнопка растёт | Проверять на самой длинной реальной подписи |
| Вкладки | Не помещаются, включается прокрутка | Сокращать слова, а не размер шрифта |
| Таблица | Колонка расширяется и сжимает соседние | Задавать минимальную ширину колонок |
| Мобильное меню | Перенос меняет порядок чтения | Проверять на 320 px до запуска |
Правила, которые мы применяем
- Проверять макет на самой длинной реальной подписи, а не на демонстрационной.
- Задавать запас по ширине для интерактивных элементов и не полагаться на многоточие.
- Немного увеличивать межбуквенное расстояние в наборе капителью и в мелких служебных подписях.
- Не использовать гарнитуры, где кириллица нарисована как вторичный набор с другим ритмом.
- Разрешать перенос длинных слов там, где ширина ограничена: одно правило снимает большую часть поломок.
Интерпретация
Последнее правило выглядит техническим, но оно редакционное: мы решаем, что читатель важнее ровного края строки.
Редакционный вывод
Кириллица не требует отдельного дизайна. Она требует, чтобы макет проверяли на ней с самого начала, а не после запуска.
About the author
QVORIX editorial
Collective author of the studio