S1.02.1Selective RTL mirroring设计

镜像的对象是布局与方向,不是全部图形

别名: RTL 选择性镜像 · 双向布局镜像 · bidirectional layout

概念解释

从右至左选择性镜像(selective RTL mirroring)是把依赖阅读方向的布局关系反转,同时保留不依赖语言方向的图形本义。导航起点、项目排列、文本对齐以及“前/后”的空间映射通常随书写方向改变;品牌标志、照片、地图、钟面和现实物体则不能因为界面改为阿拉伯语或希伯来语就整体水平翻转。

机制

镜像的依据是语义参照系,而非像素外观。若元素表达阅读序列、界面层级或相对导航,其左与右是逻辑方向,应由布局引擎映射为起始侧和结束侧。若元素表达现实世界的绝对方位、对象固有朝向或文字本身,水平翻转会改变事实、产生倒字或破坏识别。对整棵界面树做几何变换,会把这两种参照系混在一起。

边界

并非所有从右至左语言用户都期待每个产品具有完全相同的镜像范围;行业惯例、平台约定和混合语言内容会影响判断。数据图表的时间轴、媒体播放方向、地图方向和游戏空间可能遵循领域惯例,不能只根据页面语言决定。双向文本的行内次序应交给 Unicode 双向算法处理,而不是用布局镜像模拟。

怎么落地

  • 用逻辑属性描述起始侧、结束侧和行内方向,避免把主要导航写死为 left/right。
  • 为图标和图像建立“随方向镜像/保持原样/按场景决定”的语义清单,不对整页做水平翻转。
  • 在真实 RTL 文案下检查阅读顺序、焦点顺序、对齐和返回关系,同时核对品牌、照片与现实方位未被反转。
  • 让熟悉目标语言与当地产品惯例的用户完成前进、返回和定位任务;以误选与方向犹豫作为修正信号。

延伸

  • 同组S1.02.2 表达时间与进度的图标需镜像 · S1.02.3 具有物理指向的图标不镜像 · S1.02.4 数字与拉丁文片段在行内保持从左至右 · S1.02.5 动效方向与手势方向需同步镜像
  • 相邻S4.03 多语言测试与伪本地化 · G1.03 导航方向与返回关系
  • 站内检索RTL mirroring · logical properties · bidirectional interface

同组卡片

快捷操作

分享

分享当前页面

ios_share

https://hci.top/zh/handbook/S1.02.1