在全球化与数字化深度融合的当下,文本作为信息传递的核心载体,面临着多语言、多文化、多场景的复杂挑战。为了让用户享受更自由、更包容的阅读与创作体验,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文字混排,满足复杂排版需求