一個(gè)良好設(shè)計(jì)的應(yīng)用可以很容易本地化，只要使用例如英語(yǔ)從左到右讀寫的語(yǔ)言腳本，或者雙向語(yǔ)言腳本。

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

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

UI 鏡像概覽

從右到左（RTL）鏡像指南

其他本地化考慮

UI 鏡像概覽

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

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

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

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

主要布局變化：

• 圖標(biāo)在文本框的右邊。
• 導(dǎo)航按鈕是反向順序。
• 指示方向的圖標(biāo)，例如揚(yáng)聲器圖標(biāo)，被鏡像。
• 不指示方向的圖標(biāo)，例如照相機(jī)和復(fù)選標(biāo)記，不會(huì)被鏡像。
• 文本被鏡像，但是時(shí)間和電話號(hào)碼不會(huì)。從右到左（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）鏡像指南

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

從右到左（RTL）界面的指導(dǎo)準(zhǔn)則是時(shí)間從右到左。前進(jìn)指向左，后退指向右。

鏡像時(shí)最重要的圖標(biāo)是前進(jìn)和后退按鈕。

何時(shí)鏡像

后退和前進(jìn)導(dǎo)航按鈕被翻轉(zhuǎn)。

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）前進(jìn)按鈕

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

一個(gè)指示前進(jìn)動(dòng)作的圖標(biāo)應(yīng)該被鏡像。

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

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

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

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

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

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

右邊有一個(gè)滑塊的音量圖標(biāo)應(yīng)該被鏡像。滑塊應(yīng)該從右到左（RTL）進(jìn)行，聲波應(yīng)該從右邊出現(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="" />
帶有揚(yáng)聲器圖標(biāo)和滑塊的從從右到左的音量被鏡像

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

這有時(shí)可能是非常細(xì)微的，處理一個(gè)帶角度的或者輕微扭轉(zhuǎn)的人臉，或者一組人臉。

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

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

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

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

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

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

含有文本代表的圖標(biāo)需要特別的鏡像。

在從右到左（RTL）設(shè)計(jì)中，文本是居右對(duì)齊的。如果段落的開頭有縮進(jìn)，段落結(jié)尾有未完成的行或者右邊不對(duì)齊，這些情況圖標(biāo)都需要被鏡像。

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

從左到右（LTR）聊天圖標(biāo)

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

從右到左（RTL）聊天圖標(biāo)

何時(shí)不要鏡像

當(dāng)時(shí)間的線性表示在從右到左（RTL）中被鏡像，圓形的方向不需要被鏡像。從右到左（RTL）語(yǔ)言中時(shí)鐘仍然是順時(shí)針旋轉(zhuǎn)的。一個(gè)帶有順時(shí)針指向箭頭的鐘表圖標(biāo)、圓形刷新以及進(jìn)度指示不需要被鏡像。

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

顯示時(shí)間前進(jìn)的刷新按鈕；方向是順時(shí)針的。圖標(biāo)不被鏡像。

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

歷史圖標(biāo)指向時(shí)間的反方向；方式是逆時(shí)針的。圖標(biāo)不被鏡像。

一些代表實(shí)體物體的圖標(biāo)在從右到左的設(shè)計(jì)中不被鏡像。

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

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

鍵盤圖標(biāo)

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

耳機(jī)圖標(biāo)

看起來帶有方向，但是事實(shí)上代表用右手握住一個(gè)實(shí)體的特定圖標(biāo)。

例如，搜索圖標(biāo)典型的是把手柄放在右側(cè)底部，因?yàn)榇蟛糠钟脩羰怯移沧印?/p>

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

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

搜索圖標(biāo)

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

咖啡杯圖標(biāo)

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

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

既然媒體回放按鈕以及進(jìn)度指示反應(yīng)磁帶的方向，他們不被鏡像。

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

多媒體的回放控制永遠(yuǎn)是從左到右（LTR）的。

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

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

其他本地化考慮

圖形中的文本

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

數(shù)字

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

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