Pixso 2.0: Двунаправленный текст

В мире, где глобализация и цифровизация переплетаются всё глубже, текст — основной носитель информации — сталкивается с серьёзными вызовами: множеством языков, культур и разнообразных сценариев использования.

Чтобы пользователи могли читать и создавать контент свободнее и инклюзивнее, 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.

cursor-movement

• Вставка текста: ввод происходит справа от курсора — естественно для RTL-потока.

• Перенос строк: строки в RTL начинаются справа и заканчиваются слева. После нажатия Enter слева курсор остаётся у левой границы текстового блока.

• Удаление символов: клавиша Delete удаляет символ, находящийся справа от курсора — то есть «предыдущий» символ в RTL.

• Списки: в RTL тексте маркеры нумерованных и маркированных списков располагаются справа, в LTR — слева. Всё автоматически подстраивается для лучшей читаемости.

Ключевые преимущества двунаправленного текста

1. Полная поддержка RTL-языков

Функция двунаправленного текста корректно работает с языками, использующими письмо справа налево, такими как арабский и иврит. Больше никаких неровных или «ломаных» макетов — текст отображается естественно, что облегчает многоязычный дизайн.

2. Совместимость со Sketch

Импорт и экспорт двунаправленного текста проходят без потери форматирования. Передача файлов сохраняется полностью гладкой, без проблем при миграции.

3. Простота работы со смешанными макетами

Двунаправленный текст позволяет комбинировать LTR и RTL внутри одного текстового поля. Сложные макеты? Готово. Не нужно разбивать текст на части или жертвовать качеством дизайна.

Глобальный дизайн не должен ограничиваться направлением письма. Новая функция двунаправленного текста в Pixso 2.0 убирает эти барьеры — она проста, гибка и готова сделать любой многоязычный проект ещё ярче. Попробуйте двунаправленный режим и посмотрите, как ваша команда создаёт без границ.

Попробуйте Pixso бесплатно