Кириллица в интерфейсах: где ломается ритм
Разбор того, что происходит с макетом при переходе с латиницы на кириллицу, и набор правил, которые снимают большую часть проблем.
Интерфейс, спроектированный на английском, редко переносится на русский без потерь. Проблема не в переводе — она в геометрии.
Три причины расхождения
- Длина: русские слова в среднем длиннее, и это меняет число строк, а не только ширину.
- Плотность: у кириллицы больше вертикальных штрихов и меньше выносных элементов — строка выглядит темнее и ровнее.
- Ритм: межбуквенное расстояние, подобранное на латинице, для кириллицы обычно тесное.
Где это видно первым
Кнопки, вкладки, таблицы и мобильная навигация — четыре места, где длина строки жёстко ограничена. Именно там перенос меняет иерархию: подпись переходит на вторую строку, элемент растёт, соседние элементы сжимаются.
Интерпретация
Мы считаем, что выбор гарнитуры здесь вторичен. Первично то, на какой строке проверяется макет: на средней или на самой длинной реальной.
Что именно ломается
| Место | Что происходит | Что делать |
|---|---|---|
| Кнопка | Подпись уходит на вторую строку, кнопка растёт | Проверять на самой длинной реальной подписи |
| Вкладки | Не помещаются, включается прокрутка | Сокращать слова, а не размер шрифта |
| Таблица | Колонка расширяется и сжимает соседние | Задавать минимальную ширину колонок |
| Мобильное меню | Перенос меняет порядок чтения | Проверять на 320 px до запуска |
Правила, которые мы применяем
- Проверять макет на самой длинной реальной подписи, а не на демонстрационной.
- Задавать запас по ширине для интерактивных элементов и не полагаться на многоточие.
- Немного увеличивать межбуквенное расстояние в наборе капителью и в мелких служебных подписях.
- Не использовать гарнитуры, где кириллица нарисована как вторичный набор с другим ритмом.
- Разрешать перенос длинных слов там, где ширина ограничена: одно правило снимает большую часть поломок.
Интерпретация
Последнее правило выглядит техническим, но оно редакционное: мы решаем, что читатель важнее ровного края строки.
Редакционный вывод
Кириллица не требует отдельного дизайна. Она требует, чтобы макет проверяли на ней с самого начала, а не после запуска.
Об авторе
Редакция QVORIX
Коллективный автор студии