web-dev-qa-db-ja.com

右から左への言語用のドロップダウンとシェブロン

山形のドロップダウンを使用して、それが実際にドロップダウンであることを示すと仮定すると、山形の位置は、言語の方向性に応じて変化しますか? I.E.シェブロンは右側に留まりますか、それとも左側に移動しますか?

視覚的な説明については、下の画像を参照してください。

Dropdown position for language direction

33
PaulVO

すばらしい質問ですね。原則として、RTL言語の図像の配置を反転することをお勧めします。左のシェブロンを使用した一番下のオプションが正しいです。

興味があれば、この回答は、NYC DOEとNYC市長のオフィスで複数のプロジェクトをリードデザイナーとして実行することで学んだ教訓に基づいています。このプロジェクトでは、すべてのプロジェクトが2つのRTL言語を含む11の言語をサポートする必要があります。システムには手動翻訳が含まれるため、私の仕事は流暢なスピーカーからアドバイスを受けていました。

この「フリッピング」の多くは、NYC DOEオンライン公立学校のアプリケーションシステム( https://www.myschools.nyc/ )で遊ぶときに見ることができます。本当の意味はログインの背後にありますが、 https://www.myschools.nyc/en/account/create-account/ vs https://www.myschools.nyc/ar/account/create-account/ヘッダーとプライマリCTAを確認してください

29
Ben Paddock

Material Design双方向性ガイドライン を正しく理解していれば、Benの答えを二番目に示します。

UIがミラーリングされると、次の変更が行われます。

  • テキストフィールドアイコンがフィールドの反対側に表示されます
  • ナビゲーションボタンが逆の順序で表示される
  • 矢印のように方向を伝えるアイコンがミラーリングされます
  • テキスト(RTL言語に翻訳されている場合)は右揃えになります

そして図では、山形は実際に鏡像化されています:

English and Arabic UI illustrating bidirectionality

Appleのガイドライン これについては明示的に言及していませんが、「iOSアプリでは、アプリがiOS 9以降にリンクするとUIKitコントロールが反転して表示される」と述べています。 iOSプラットフォーム向けに開発している場合は、その機能を確認できます。

2