あやね
グローバル化とデジタル化が深く融合する現代において、情報の核心を担う「テキスト」は、多言語、多文化、多様なシナリオという厳しい課題に直面しています。
ユーザーがより自由かつ包括的に読み書きできるよう、Pixso 2.0は強力な新機能 「双方向テキスト機能」 をリリースしました。この機能はSketchとシームレスに連携し、多言語編集や複雑なレイアウトに対応。世界中のチームに、より優れた共同創作体験を提供します。
双方向テキスト機能（BiDi）とは？
RTL（右から左）とは、アラビア語、ウイグル語、ヘブライ語、ペルシャ語、ウルドゥー語など、文章を右から左へと記述する言語や表記体系を指します。一方、英語、スペイン語、中国語などの言語は、左から右へ（LTR）と逆の方向に進みます。お察しの通り、双方向テキスト とは、RTL（右から左）とLTR（左から右）という2つのテキスト方向性が混在する文章を指します。
Pixso 2.0の新機能「双方向テキスト機能」は、RTLとLTRの両方の表示順序をサポートします。同一のテキストボックス内でこれらを混在させることができ、異なる言語が同一ページで正しく表示されることを保証します。これは、多言語対応のプロダクトデザインやローカライゼーションにおいて重要な機能です。
双方向テキスト機能の主な使用例
双方向テキスト機能により、テキストの流れを自在に制御し、レイアウトを柔軟かつ美しく構成できます。多言語デザインを容易に扱い、作品の専門性と見た目を向上させます。
📌 プロダクトデザインにおいて、双方向テキスト機能が活躍するシナリオは以下の通りです：
- インターフェースレイアウトのミラーリング
プロダクトがLTRとRTLの両方の言語をサポートする場合、ナビゲーションバー、メニュー、ボタンの順序など、インターフェース全体を言語の方向性に基づいてミラーリング（反転）する必要があります。双方向テキストは、この切り替えが自然に感じられるようにします。
- テキスト入力＆表示領域
チャットウィンドウ、コメント欄、メールエディターなど、ユーザーが文字を入力するあらゆる場所では、LTRとRTLの混在テキストを扱う必要があります。双方向テキストサポートにより、ユーザーは複数の言語を不自然な途切れなくスムーズに入力・読取できます。
- 混在テキストコンテンツ
RTLのインターフェースには、英語のフレーズ、数字、固有名詞などのLTR要素が含まれることがよくあります。双方向テキストはこれらの要素をシームレスに配置し、レイアウトを整理され読みやすい状態に保ちます。
- コントロール＆コンポーネントの方向性
入力ボックス、ドロップダウン、スクロールバー、ページネーションなどは、双方向テキストにより、配置やインタラクションのロジックを自動的に調整します。ボタンやメニューは、言語の流れに逆らうのではなく、それに沿って配置されます。
双方向テキスト機能の使い方
1. テキスト方向の切り替え
双方向テキスト対応のテキストボックスを選択すると、テキストパネルにテキスト方向を切り替えるボタンが表示されます。これをクリックしてLTRとRTLを切り替えることができます。
2. RTLテキストの編集
- カーソルの移動:RTLテキストでは、左にスライドするとカーソルは次の文字の末尾に移動します。右にスライドすると、前の文字の先頭に移動します。LTRの動作と完全に逆になります。
- テキストの挿入:カーソルが点滅している位置で入力すると、新しい単語はその右側に表示されます。RTLの流れにとって自然な動作です。
- 改行:RTLの行は右側で始まり、左側で終わります。左側でEnterキーを押すと、カーソルはテキストボックスの左端に留まります。
- テキストの削除:Deleteキーを押すと、直前の文字が削除されます。RTLでは、これはカーソルの右側にあるものを削除することを意味します。
- リスト:RTLテキストでは、順序付きおよび順序なしリストのマーカーは右側に表示されます。LTRテキストでは左側に表示され、可読性のために自動調整されます。
双方向テキスト機能の主な利点
- RTL言語のサポート
アラビア語やヘブライ語などの右から左へ記述する言語を問題なく扱えます。不自然なレイアウトはもう過去のもの。テキストは自然に流れ、多言語プロダクトデザインを容易にします。
- Sketchとの互換性
書式を失うことなく双方向テキストをインポートまたはエクスポートできます。ファイル移行時もスムーズに進行し、問題は一切発生しません。
- 混在レイアウトの簡単実現
双方向テキスト機能により、同一のテキストボックス内でLTRとRTLを混在させることができます。複雑なレイアウトも簡単に実現。テキストを分割したり、デザインを妥協する必要はありません。
グローバルなデザインは、言語の方向性によって行き詰まるべきではありません。Pixso 2.0の双方向テキスト機能は、それらの障壁を取り払います。この機能はスムーズでシンプルであり、あらゆる多言語プロジェクトを輝かせる準備ができています。さっそくBiDiを試して、チームの創造性が限界なく広がる様をご覧ください。
