雙向性

一個良好設計的應用可以很容易本地化，只要使用例如英語從左到右讀寫的語言腳本，或者雙向語言腳本。

在雙向腳本中，文本從右到左寫和讀，除了數(shù)字和來自 LTR 語言的詞匯，例如非本地化的名稱，是從左到右寫的。雙向腳本包括 Arabic，Hebrew 和 Persian。

雙向性不僅影響文本布局和 UI 元素，還影響圖標圖表。本節(jié)提供關于如何在設計中考慮雙向性的基本高級信息。

UI 鏡像概覽

從右到左（RTL）鏡像指南

其他本地化考慮

UI 鏡像概覽

從左到右（LTR） 界面和從右到左（RTL）界面的主要區(qū)別在于時間的流逝如何計算。使用從左到右（LTR）腳本的語言從左到右描繪時間，使用從右到左（RTL）腳本的語言從右到左描繪時間。

http://wiki.jikexueyuan.com/project/material-design/images/18_1_0.png" alt="" />

鏡像指把 UI 由從左到右（LTR）切換成從右到左（RTL）（反之亦然），影響應用布局和圖形元素兩者。注意，文本字符串、數(shù)字和來自從左到右（LTR）腳本的嵌入詞匯不會被鏡像；他們?nèi)匀皇菑淖蟮接遥↙TR）。（文本字符串內(nèi)容永遠不會被鏡像；在語言中總是正確的方向。）

從右到左（RTL）布局是從左到右（LTR）布局的鏡像。

主要布局變化：

• 圖標在文本框的右邊。
• 導航按鈕是反向順序。
• 指示方向的圖標，例如揚聲器圖標，被鏡像。
• 不指示方向的圖標，例如照相機和復選標記，不會被鏡像。
• 文本被鏡像，但是時間和電話號碼不會。從右到左（RTL）腳本中數(shù)字從左到右（LTR）顯示。

http://wiki.jikexueyuan.com/project/material-design/images/18_1.png" alt="" />

使用從左到右（LTR）UI 的例子

http://wiki.jikexueyuan.com/project/material-design/images/18_2.png" alt="" />

Hebrew 中使用從右到左（RTL）的例子。數(shù)字從左到右（LTR）顯示。

從右到左（RTL）鏡像指南

鏡像文本、布局以及圖標圖表時，遵循這些指南，支持從右到左的 UI。

從右到左（RTL）界面的指導準則是時間從右到左。前進指向左，后退指向右。

鏡像時最重要的圖標是前進和后退按鈕。

何時鏡像

后退和前進導航按鈕被翻轉。

http://wiki.jikexueyuan.com/project/material-design/images/18_3.png" alt="" />

從左到右（LTR）后退按鈕

http://wiki.jikexueyuan.com/project/material-design/images/18_4.png" alt="" />
從右到左（RTL）后退按鈕

http://wiki.jikexueyuan.com/project/material-design/images/18_5.png" alt="" />
從左到右（LTR）前進按鈕

http://wiki.jikexueyuan.com/project/material-design/images/18_6.png" alt="" />
從右到左（RTL）前進按鈕

一個指示前進動作的圖標應該被鏡像。

http://wiki.jikexueyuan.com/project/material-design/images/18_7.png" alt="" />
一個從左到右（LTR）的自行車前進指向右邊。

http://wiki.jikexueyuan.com/project/material-design/images/18_8.png" alt="" />
一個從右到左（RTL）自行車前進指向左邊。

其他東西更加微小。例如，一個代表設置的圖標使用一個斜線穿過圖標來表明不可用狀態(tài)。在一個從左到右（LTR）界面中，斜線從左上到右下。在一個從右到左的界面中，斜線從右上到左下。

http://wiki.jikexueyuan.com/project/material-design/images/18_9.png" alt="" />
一個從左到右（LTR）飛行模式的離線狀態(tài)。

http://wiki.jikexueyuan.com/project/material-design/images/18_10.png" alt="" />
一個從右到左（RTL）飛機模式的離線狀態(tài)。

圖片中，斜線被鏡像。飛機本身直指向上。不需要特別對待。

右邊有一個滑塊的音量圖標應該被鏡像?；瑝K應該從右到左（RTL）進行，聲波應該從右邊出現(xiàn)。

http://wiki.jikexueyuan.com/project/material-design/images/18_11.png" alt="" />
帶有滑塊的從左到右（LTR）音量

http://wiki.jikexueyuan.com/project/material-design/images/18_12.png" alt="" />
帶有揚聲器圖標和滑塊的從從右到左的音量被鏡像

人形圖標，頭部和臉部應該被特別鏡像，尤其是如果他們顯得靠近文本。這是人形如何正向面向文本，而不是反向背對文本。

這有時可能是非常細微的，處理一個帶角度的或者輕微扭轉的人臉，或者一組人臉。

http://wiki.jikexueyuan.com/project/material-design/images/18_13.png" alt="" />
從左到右（LTR）群組圖標

http://wiki.jikexueyuan.com/project/material-design/images/18_14.png" alt="" />
從右到左（RTL）群組圖標

有時，時間的水平和環(huán)形方向都在圖標中有指示。例如，谷歌文檔中的重做和取消重做按鈕既有水平方向又有圓形方向。

在從左到右（LTR）設計中，時間的圓形和水平表示都指向同一個方向。在從右到左（RTL）設計中，選擇是否要顯示圓形或者水平方向。

http://wiki.jikexueyuan.com/project/material-design/images/18_15.png" alt="" />

谷歌文檔中的從左到右（LTR）重做（redo）和撤銷重做（undo）按鈕。

含有文本代表的圖標需要特別的鏡像。

在從右到左（RTL）設計中，文本是居右對齊的。如果段落的開頭有縮進，段落結尾有未完成的行或者右邊不對齊，這些情況圖標都需要被鏡像。

http://wiki.jikexueyuan.com/project/material-design/images/18_16.png" alt="" />

從左到右（LTR）聊天圖標

http://wiki.jikexueyuan.com/project/material-design/images/18_17.png" alt="" />

從右到左（RTL）聊天圖標

何時不要鏡像

當時間的線性表示在從右到左（RTL）中被鏡像，圓形的方向不需要被鏡像。從右到左（RTL）語言中時鐘仍然是順時針旋轉的。一個帶有順時針指向箭頭的鐘表圖標、圓形刷新以及進度指示不需要被鏡像。

http://wiki.jikexueyuan.com/project/material-design/images/18_18.png" alt="" />

顯示時間前進的刷新按鈕；方向是順時針的。圖標不被鏡像。

http://wiki.jikexueyuan.com/project/material-design/images/18_19.png" alt="" />

歷史圖標指向時間的反方向；方式是逆時針的。圖標不被鏡像。

一些代表實體物體的圖標在從右到左的設計中不被鏡像。

例如，物理鍵盤在現(xiàn)實時間中到處一樣，所以不被鏡像。

http://wiki.jikexueyuan.com/project/material-design/images/18_20.png" alt="" />

鍵盤圖標

http://wiki.jikexueyuan.com/project/material-design/images/18_21.png" alt="" />

耳機圖標

看起來帶有方向，但是事實上代表用右手握住一個實體的特定圖標。

例如，搜索圖標典型的是把手柄放在右側底部，因為大部分用戶是右撇子。

從右到左（RTL）世界中的大部分也是右撇子，所以這樣的圖標不應該被鏡像。

http://wiki.jikexueyuan.com/project/material-design/images/18_22.png" alt="" />

搜索圖標

http://wiki.jikexueyuan.com/project/material-design/images/18_23.png" alt="" />

咖啡杯圖標

媒體回放按鈕以及進度指示不被鏡像。這些元素的從左到右（LTR）方向代表磁帶的方向，不是時間的方向。

http://wiki.jikexueyuan.com/project/material-design/images/18_24.png" alt="" />

既然媒體回放按鈕以及進度指示反應磁帶的方向，他們不被鏡像。

http://wiki.jikexueyuan.com/project/material-design/images/18_25.png" alt="" />

多媒體的回放控制永遠是從左到右（LTR）的。

http://wiki.jikexueyuan.com/project/material-design/images/18_26.png" alt="" />

不要鏡像多媒體回放按鈕或者進度條。這些元素的方向代表磁帶的方向，不是時間的方向。

其他本地化考慮

圖形中的文本

由于圖形元素中的文本總是需要本地化，最好用不使用文本的方式傳達理念。

數(shù)字

數(shù)字也是文本。包含數(shù)字的圖標也需要為使用不同數(shù)字的語言進行本地化。例如，Bengali，Marathi，Nepali，以及大部分阿拉伯土著使用不同形式的數(shù)字。使用包含這些數(shù)字的圖標將會需要根據(jù)他們的形狀進行重繪。

即使在從左到右（LTR）環(huán)境中也有可能需要鏡像。例如，如果某人正在谷歌文檔中編輯一段從右到左（RTL）的段落，縮進以及列表按鈕也需要是從右到左（RTL）的，即使主要的 UI 方向是從左到右（LTR）。