多语言界面验收的目标不是把中文逐句翻译成另一种语言,而是确认不同语言都能完成同一项任务。长文本会改变控件宽度,阿拉伯语等 RTL 语言会改变阅读方向,日期、时间和数字又有自己的地区规则。稳妥的交付方式是先建立语言矩阵,再用真实长词或伪翻译覆盖关键界面,最后把布局、语义和数据格式分别验收。

先定义语言矩阵和任务边界
先按实际目标市场列出语言与地区,再指定方向、最长文案、日期格式、数字格式和字体假设。需要检验不同文字特性时,可选 zh-CN、en、de 和 ar 作为四类压力测试样本;它们不意味着产品必须支持这四种语言。中文往往不是最长字符串,英文按钮可能变长,德语复合词会产生更长的导航项,RTL 还会影响返回箭头、图标和表格列的视觉顺序。矩阵不要求一次覆盖所有地区,但要把尚未覆盖的语言标成缺口,避免把“支持多语言”写成空泛结论。
了解双向文本兼容后,还需要把单个文本组件放进完整页面,检查方向变化对任务的影响。每个状态都应绑定一个用户任务,例如搜索、提交表单、筛选列表或阅读报表,这样才能判断换行和镜像是否真正影响结果。

用长文本先击穿硬编码尺寸
第一轮可用伪翻译快速暴露问题,再用正式译文复核。检查导航、按钮、标签、错误提示、空状态、表格列名和通知条,尤其关注固定宽度、单行省略和垂直居中。遇到长文本时,优先允许容器增长或换行;只有在任务允许的情况下才省略,并提供可见的完整内容入口。不要把所有文本都缩小到难以阅读的字号来“塞进去”。
| 界面位置 | 常见风险 | 验收方式 |
|---|---|---|
| 导航与标签 | 项目被截断、选中态不完整 | 用最长词检查宽度、换行和横向滚动 |
| 按钮 | 主次层级被挤压、操作词不可见 | 保留完整动词,检查禁用和加载状态 |
| 错误提示 | 文本遮挡字段或按钮 | 检查多行提示的高度和焦点落点 |
| 表格列名 | 列宽失衡、排序图标脱离 | 检查折行、最小宽度和横向滚动策略 |
字符串超长适配案例适合继续查看单个组件的文案伸缩。设计稿中应把“可增长”“可换行”“不可压缩”的边界写在组件旁,而不是只给一张理想长度的截图。
RTL 要同时检查方向和语义
RTL 不等于把整张画布水平翻转。字段顺序、侧栏位置、返回箭头和步骤推进方向可能需要随阅读方向调整;品牌标志、图片内容和媒体播放符号则不能整组机械镜像。撤销、重做等方向性图标还要按目标平台的图标规范单独确认。表格通常仍需让用户按照语言习惯读取列,却要保持数值、单位和排序逻辑清晰。每个镜像决策都要写出原因,并用键盘焦点和读屏顺序复核。
语言声明也属于交付的一部分。W3C 关于 HTML 语言声明的说明提醒我们,页面的语言属性应与可见内容一致,辅助技术需要依靠它判断发音和阅读规则。设计团队不能只在图片里写“阿拉伯语版本”,还应把语言、方向和字体要求交给开发。
lang 与 dir 是两项不同的交付规则。阿拉伯语页面可用 lang="ar" 声明语言,再用 dir="rtl" 声明基础方向;只改 lang 不会自动改变布局方向。对于订单号 ORD-2026-018、邮箱等片段,要保留它们自身的读取顺序,并检查两侧标点。研发可参照W3C 的方向标记说明选择适当的方向隔离方式;验收时复制订单号核对原始值,不能只看视觉上是否右对齐。
日期、时间和数字不要用视觉猜测
“03/04/2026”可能代表不同日期,金额和小数分隔符也会因地区改变。设计稿应提供带地区标签的样例,例如 zh-CN 使用年-月-日的展示规则,en-US 与 en-GB 分别验证月份/日期顺序,阿拉伯语状态则同时检查数字形态和方向。先固定同一个日期再检查各地区的输出:例如 2026 年 4 月 3 日,在 en-US 的月/日/年形式中为 04/03/2026,在 en-GB 的日/月/年形式中为 03/04/2026。验收记录要同时保留原始值和 locale,不能只凭斜杠两边的数字判断。实际格式应来自产品约定的国际化实现与 CLDR 数据,时区转换另行核对。
Unicode CLDR 的翻译资料可作为本地化数据依据。对于日期选择器、时间范围和报表,额外验收月份名称、星期起始日、时区提示和空值状态。输入框允许用户编辑时,还要定义格式化发生在输入中还是失焦后,避免光标跳动破坏任务。
把交付规则变成一张检查表
| 检查维度 | 通过条件 | 需要留存的证据 |
|---|---|---|
| 文本长度 | 关键任务在最长文案下仍可完成 | 语言、字符串、视口和截图 |
| 方向 | RTL 下阅读顺序、箭头和焦点合理 | 镜像决策及未镜像图标说明 |
| 语言语义 | 页面语言声明、标题和错误提示一致 | 语言属性与辅助技术检查记录 |
| 日期数字 | 地区格式、时区和空值状态明确 | 地区矩阵、样例数据和格式来源 |
| 组件弹性 | 容器能增长,必要时有可理解的截断策略 | 组件状态画板和开发备注 |
以订单详情入口为例,在 Pixso 中并排建立中文、德文和阿拉伯文画板,保持订单号 ORD-2026-018 和任务一致。按钮分别使用“查看订单”、Bestellung anzeigen 和 عرض الطلب,检查长文案是否仍完整、图标间距是否合理,以及 RTL 画板中的订单号是否保持原顺序。Pixso 的双向文本功能可用于检查文字方向与混排;界面结构是否需要调整,仍要依据本页的镜像决策逐项处理。

可以在 Pixso 中对照多语言设计状态,再参考变量资源库管理方法,组织需要重复使用的文案值。日期与金额的运行时格式化由产品的国际化实现负责,设计变量只承载约定的样例和显示状态。无障碍部分再参照无障碍设计验收检查焦点与语言识别。
把组件设计成能增长,而不是只准备一条长文案
多语言适配常被误解为给按钮预留更大的宽度。更稳妥的做法是先为组件定义增长方向:按钮可以水平增长,标签允许换行,表格列可以在规定范围内扩展,错误提示可以增加行数,导航则要有折叠或横向滚动策略。增长方向明确后,开发才能实现同一套规则,设计也不必为每个词单独画一张稿。
还要检查文字与图标之间的关系。图标如果表达“下一步”“返回”或“展开”,在 RTL 页面可能需要镜像;表示对象属性、外链或时间方向的图标,不能只因页面翻转就自动镜像。对于带数字的徽标和分页器,数字阅读顺序、对齐方式和焦点顺序要单独确认。任何省略号都要能通过悬停、聚焦或详情页获得完整内容,不能让关键错误信息永远只显示半句。
用真实任务做最后一轮跨语言走查
最后一轮不要只逐页找溢出,要用任务驱动走查。例如从注册到完成资料,检查姓名、地址、日期和错误提示;从筛选到导出,检查组合框、表格列名、结果数量和文件名;从消息到回复,检查时间、附件和空状态。每个任务都在产品实际支持的目标语言中走一遍;额外的长词或 RTL 压力样本单独记录,不能当成已支持语言。记录第一次失败发生在哪里,而不是只记录最终截图。
如果一项差异只改变文字长度,但任务仍然顺畅,可以归类为视觉优化;如果用户无法看见按钮、读懂错误或确认日期,则是阻断问题。将两类问题分开,才能避免为了追求像素一致而牺牲语言可读性。W3C 的国际化建议、HTML 语言声明资料和 Unicode CLDR 数据可以作为依据,产品自身的翻译词表和地区规则仍应保留版本。

为译文留出可审阅的上下文
翻译团队拿到孤立字符串时,很难判断一个词是按钮、标题还是状态。设计交付应同时提供字符串用途、字符限制、变量占位符和所在页面。对于复数、性别或日期范围,还要说明语法上下文,不能要求译者在没有上下文的情况下猜测。上下文清楚,后续的长文本验收才不会把翻译错误误判成布局问题。
不要把中文标点、英文引号和 RTL 标点混在一套视觉规则里。金额、百分比、单位和负号要在每种语言状态中检查间距与方向;代码、邮箱和 URL 可能需要保持 LTR 片段,即使周围段落是 RTL。对齐方式也要按语义决定,数字表格通常需要列内稳定对齐,说明文字则服从阅读方向。每个例外都写入组件或页面规则,避免不同页面出现相反处理。
如果使用变量管理文案,变量名应描述用途而不是某种语言。语言值、方向值和日期格式应能被单独替换,设计状态不要把“中文版本”写成组件类型。这样更换译文或增加语言时,可以沿用同一个任务结构,减少复制画板带来的遗漏。
失败后要能回到原语言任务
语言切换失败、翻译缺失或日期格式解析失败时,页面不能只显示一串原始 key。应给出可理解的错误、保留用户已输入的内容,并说明当前语言或回退语言。切换过程中如果方向改变,焦点和滚动位置也要保持可预测,不能让用户因为布局翻转而丢失正在编辑的字段。错误恢复完成后,再回到原来的提交或查看动作。
对缺失翻译的处理要区分产品允许的回退策略和真正的质量缺陷。短期回退到默认语言时,可在内部记录缺失 key,公开界面仍需保持语义完整;核心法律、支付或安全提示不能静默回退。验收表增加“缺失译文、混合语言、方向切换、日期解析失败”四行,能在发布前捕捉比溢出更严重的问题。
参考资料
- W3C Internationalization Quick Tips,用于语言、方向、编码和本地化基础检查。
- W3C:Declaring language in HTML,用于语言声明边界。
- Unicode CLDR:Translation,用于日期、数字和本地化数据参考。
- W3C:Structural markup and right-to-left text in HTML,用于区分语言声明、基础方向和双向文本。