Александр
В мире, где глобализация и цифровизация переплетаются всё глубже, текст — основной носитель информации — сталкивается с серьёзными вызовами: множеством языков, культур и разнообразных сценариев использования.
Чтобы пользователи могли читать и создавать контент свободнее и инклюзивнее, Pixso 2.0 представляет мощную функцию — двунаправленный текст (BiDi). Она работает бесшовно со Sketch, подходит для многоязычного редактирования и сложных макетов, а также обеспечивает глобальным командам более удобный опыт совместного создания дизайна.
Что такое двунаправленный текст (BiDi)?
RTL (right-to-left) — это направление письма «справа налево», характерное для таких языков, как арабский, уйгурский, иврит, фарси и урду. В противоположность этому, английский, испанский и китайский используют направление LTR (left-to-right) — «слева направо». И теперь вы, вероятно, уже догадались: двунаправленный текст (BiDi) сочетает обе направленности — RTL и LTR — внутри одного потока текста.
Новая функция двунаправленности в Pixso 2.0 поддерживает оба направления отображения текста. Вы даже можете использовать их вместе в одном текстовом блоке, добиваясь корректного отображения разных языков на одной странице. Это ключевое решение для многоязычного дизайна и локализации.
Сценарии использования двунаправленного текста
Двунаправленность даёт полный контроль над направлением текста, делает макеты гибче и аккуратнее. Она легко обрабатывает многоязычный контент, повышая профессионализм и визуальное качество вашего дизайна.
📌 В продуктовом дизайне двунаправленный текст используется в таких ситуациях, как:
1. Зеркальное отображение интерфейса
Для интерфейсов LTR и RTL отдельно продумайте расположение навигации, меню и кнопок. Направление текста и зеркальное отражение макета — разные настройки; не все элементы нужно отражать.
2. Поля ввода и отображения текста
Окна чатов, комментарии, редакторы писем — любые зоны, где пользователь вводит текст, — должны корректно обрабатывать смешанный RTL и LTR. Поддержка RTL позволяет пользователям свободно набирать и читать текст на разных языках без разрывов и визуальных артефактов.
3. Смешанный текстовый контент
RTL-интерфейсы часто включают LTR-элементы: английские фразы, числа, имена собственные. Двунаправленный текст корректно располагает такие элементы, сохраняя чистоту и читабельность макета.
4. Направление контролов и компонентов
Проверьте расположение полей ввода, выпадающих списков, полос прокрутки и пагинации для каждого направления письма. Настройка текста сама по себе не перестраивает все компоненты интерфейса.
Как использовать двунаправленный текст
1. Переключение направления текста
При выборе блока с двунаправленным текстом в панели свойств появляется кнопка переключения направления — вы можете менять LTR и RTL одним кликом.
2. Редактирование RTL-текста
• Движение курсора: в смешанном тексте визуальное направление перемещения может отличаться от порядка символов. Проверьте стрелки и выделение на границе RTL- и LTR-фрагментов.
Движение курсора
• Вставка текста: добавьте слово на границе фрагментов разного направления и проверьте его положение в строке.
• Перенос строк: нажмите Enter и проверьте направление нового абзаца, выравнивание и положение курсора.
• Удаление символов: на копии текста отдельно проверьте Backspace и Delete, особенно рядом с числами и фрагментами другого направления.
• Списки: в RTL-тексте маркеры нумерованных и маркированных списков располагаются справа, в LTR — слева. Всё автоматически подстраивается для лучшей читаемости.
Ключевые преимущества двунаправленного текста
1. Полная поддержка RTL-языков
Функция двунаправленного текста корректно работает с языками, использующими письмо справа налево, такими как арабский и иврит. Больше никаких неровных или «ломаных» макетов — текст отображается естественно, что облегчает многоязычный дизайн.
2. Совместимость со Sketch
После импорта или экспорта файла Sketch сравните направление текста, шрифты, переносы и пунктуацию с исходным макетом.
3. Простота работы со смешанными макетами
Двунаправленный текст позволяет комбинировать LTR и RTL внутри одного текстового поля. Сложные макеты? Готово. Не нужно разбивать текст на части или жертвовать качеством дизайна.
Глобальный дизайн не должен ограничиваться направлением письма. Новая функция двунаправленного текста в Pixso 2.0 убирает эти барьеры — она проста, гибка и готова сделать любой многоязычный проект ещё ярче. Попробуйте двунаправленный режим и посмотрите, как ваша команда создаёт без границ.
