web-dev-qa-db-ja.com

RTLモードでは、アイコンをミラーリングする必要がありますか?

私は英語とアラビア語の両方のバージョンがあり、そのサイトにたくさんのアイコンがあるウェブサイトに取り組んでいます。以下に示すように、アラビア語バージョンのすべての画像を右から左に反転できますか?

enter image description here

22
Krish

アイコンをミラー化する必要があるかどうかを判断するには、アイコンの使用法と意味を考慮する必要があります。

この Google Material Designの記事 は、アイコンのミラーリングについて詳しく説明しています。

左から右(LTR)インターフェースと右から左(RTL)インターフェースの主な違いは、時間の経過がどのように表現されるかです。 LTRスクリプトを使用する言語は、時間を左から右に通過するように描写し、RTLスクリプトを使用する言語は、時間を右から左に通過するように描写します。

ダウンロードアイコンは時間の経過を表示しないため、ミラーリングする必要がないと思います。

download icon

テキストの本文を表示するアイコンは、スクリプトのテキスト配置を反映するためにミラーリングする必要があります。

icon with paragraph

テキストの表現を含むアイコンは、注意深くミラーリングする必要があります。テキストはRTLで右揃えになります。段落の最初に段落のインデントがある、段落の終わりに未完成の行がある、または不揃いな右側がある場合、アイコンをミラー化する必要があります。

英語のスクリプトを表示するアイコンは、ミラーリングしてローカライズする必要があります。

グラフィック要素のテキストは常にローカライズが必要になるため、テキストを使用しない方法で概念を伝えるようにしてください。

以下のアイコンに使用されている吹き出しは、テキストの配置を示しているため、ミラーリングする必要があります。英語の文字をミラーリングするのではなく、アラビア文字に置き換えてください。

help and information icons

25
Andre Dickson

RTL(右から左)は異なるテキスト方向を示しますが、LTR(左から右)の同じコンテンツの鏡像ではありません。ラテン文字[〜#〜] r [〜#〜]をミラーリングすると、キリル文字Яは、視覚的に言えば(水平の)鏡像ですが、notはテキストの方向の変化を示します。同様に、画像を単純に水平にミラーリングすることもできません。

ピクトグラムを例として使用するには、テキストバルーンをミラー化する必要があります。それ以外の場合は、突起がテキストフローの誤った方向を示し、したがって、Andre Dicksonの引用で説明されている時間のフローを示します。ただし、グラフをミラーリングするには、より慎重な検討が必要です。 RTL言語でグラフを読み取る方法LTR言語とまったく同じように読み取られる場合、グラフをミラーリングすると、Y軸の値が増加から減少に変わります。多言語サポートは独自の調査を必要とする専門分野であり、サポート対象の言語のネイティブスピーカーと協力することは有益であると感じるかもしれません。

8
Xano