Pixso 最新功能 双向文本兼容无障碍

双向文本兼容无障碍

在全球化与数字化深度融合的当下,文本作为信息传递的核心载体,面临着多语言、多文化、多场景的复杂挑战。为了让用户享受更自由、更包容的阅读与创作体验,Pixso2.0重磅推出双向文本功能,同时无损兼容Sketch,适配多语言编辑和复杂排版需求,为跨国协作的全球化团队提供更完善的协同创作体验。

什么是双向文本?

RTL(从右到左)是指从右侧开始并向左延伸的语言或书写系统。其中常见的语言包括阿拉伯语、维吾尔语、希伯来语、波斯语、乌尔都语等。双向文本(BiDi,BiDirectional)是指同时包含 RTL 和 LTR(从左到右)语言或书写系统的文本。

Pixso2.0的双向文本功能,可同时兼容RTL和LTR两种文本显示顺序,且支持在同一文本框中混合排版,确保在同一页面上正确呈现不同语言的字符,为多语言产品设计和本地化提供重要保障

双向文本的应用场景

双向文本功能可以精准控制文字流向,让排版更加灵活美观,轻松实现中英文混排、多语言排版等复杂设计需求,提升作品的专业性和视觉效果。

一般而言,在产品设计过程中,会在以下场景用到双向文本,包括但不限于:

1、界面布局镜像

当产品需要同时支持LTR和RTL语言时,整个界面布局(如导航栏、菜单、按钮排列顺序等)需要根据语言方向进行镜像。

2、文本输入与显示区域

聊天窗口、评论区、邮件编辑器等用户输入内容的区域,需要同时支持LTR和RTL文本的混合输入和正确显示,确保用户可以自然地输入和阅读多种语言。

3、混合文本内容

在RTL界面中经常会出现LTR的内容(如英文、数字、专有名词),UI需要正确处理这些混合文本,保证排版和阅读顺畅。

4、控件和组件的方向性

输入框、下拉菜单、滚动条、分页控件等需要根据文本方向自动调整对齐方式和交互逻辑。

双向文本在国际化、多语言支持的产品设计中应用非常广泛,良好的双向文本支持能满足各类复杂排版需求,极大提升用户体验和产品的可用性。

如何使用双向文本功能?

1、切换文字方向

当选中双向文本的时候,文字面板出现切换文字方向的入口。

2、RTL文本编辑

  • 光标移动:RTL 语言文本的光标移动方式和LTR不同,向左移动是移动到后一个字末尾,向右移动是移动到前一个字开头,左右移动的语义和LTR语言相反。

  • 插入:在光标位置处插入文字,文字显示在光标右侧

  • 换行:若输入的语言是 RTL 语言,行的最左边为行尾,最右边为行首,在左侧换行,光标始终停留在文本框的最左边。

  • 删除:删除时,删除前一个字,对于RTL的文字,删除的是光标右侧的文本内容
  • 有序和无序列表:文本方向为RTL时,有序和和无序列表展示在文字右侧,反之LTR文本则展示在左侧

核心功能优势,重塑文本创作体验

1、RTL语言

完美适配阿拉伯语、希伯来语等从右至左书写语言,助力多语言产品设计

2、Sketch兼容

双向文本导入导出无损转换,文件迁移零障碍

3、混合排版

支持同一文本框中LTR与RTL文字混排,满足复杂排版需求

探索更多功能

Pixso,让设计更流畅,协作更高效

免费使用箭头