可用性 双向性

双向性

像阿拉伯语和希伯来语这样的语言需要从右向左(RTL)阅读,因此它们的 UI 也是镜像的从右向左显示。

UI 镜像概述 展开或收起内容 当内容收起时,箭头向下,当内容展开时,箭头向上。

从左到右(LTR)语言和从右到左(RTL)语言的最大区别是内容的显示方向:

  • LTR 语言从左到右显示内容
  • RTL 语言从右到左显示内容

RTL 内容还会影响一些图标和图片的显示方向,尤其是表示事件顺序的图标和图片。

一般来说,对于 LTR 语言,时间流逝方向也是从左到右;对于 RTL 语言,时间流逝方向也是从右向左。

元素

LTR

RTL

文本

句子从左向右阅读。

句子从右向左阅读。.

时间线

表示事件顺序的插画从左向右的。

表示事件顺序的插画从右向左进行。

图像

从左向右的箭头表示向前运动:→

从右向左的箭头表示向前运动:←

对于 LTR 语言,从左到右描述时间的流逝;对于 RTL 语言,从右到左描述时间的流逝。

当 UI 从 LTR 更改为 RTL 时(反之亦然),通常称为镜像。RTL 布局是 LTR 布局的镜像。镜像会同时影响布局和图像。

当 UI 从一个方向更改为另一个方向时,这些项目不会镜像:

  • 数字
  • 未翻译的文本(即使它是词组的一部分)

文本方向总是和语言方向保持一致。例如,任何 LTR 语句(例如一个 URL)将继续以 LTR 的格式显示,即使 UI 的其余部分是 RTL 的。