SuperAPI AI 工具集

localization-design

设计与创作

查看项目

更新于 10-15 22:37

技能介绍

用途:为多语言、多文字方向与多文化语境设计界面,使组件、布局与内容无需按地区重做即可适配目标语言环境。

主要能力: 文本膨胀应对:英语较紧凑,德语约 +20–35%、法语 +15–25%、芬兰语 +30–40%,阿拉伯语译文可能缩短但为 RTL 且文字系统不同,中日文常更短但排版规则差异大。建议容器不按英文文案定尺寸,使用弹性宽高;用德语或芬兰语做最坏情况测试;截断加省略号仅作最后手段,并提供完整文本;按钮用 min-width 而非固定宽度;导航标签按 130% 长度整体测试。 RTL 支持:阿拉伯语、希伯来语、波斯语、乌尔都语从右到左。内容流、布局、方向性图标需镜像;非方向性图标不镜像。CSS 使用逻辑属性,如 margin-inline-start 代替 margin-left、padding-block-end 代替 padding-bottom,配合 dir="rtl" 自动翻转;文本对齐用 text-align: start。数字在 RTL 文本中通常保持 LTR,不镜像。不镜像的包括:品牌标识、时钟与时间显示、数学符号、图片插画(视语境)、视频播放控件(方向键镜像、播放暂停不镜像)。 非拉丁文字排版:阿拉伯语与希伯来语为连写文字,最小字号建议 16px 以上;CJK 为方块字,行高、字距与行长规则不同;天城文等印度文字有复杂连字,需含正确回退的字体栈;不要对非拉丁文字使用伪粗体或伪斜体。 文化考量:颜色含义因文化而异,如红色在西方表危险,在中国表吉祥,在南非表哀悼;白色在部分东亚文化表哀悼;绿色在中国可表不忠,在部分中东语境表危险。不要仅靠颜色传达语义。手势图标(竖大拇指、OK 手势)在部分文化有冒犯含义,应避免;邮政与市政图标因地区而异,宜用抽象或通用形式。 日期、时间与数字:日期格式有 MM/DD/YYYY、DD/MM/YYYY、YYYY-MM-DD 等,应使用 Intl.DateTimeFormat 等区域感知格式化;货币符号位置、小数与千位分隔符各异;地址字段顺序与必填项差异大,宜用区域感知地址表单库。 设计系统建议:间距、尺寸与布局使用逻辑 CSS 属性;文本容器弹性高宽;设计令牌命名用语义而非方向(用 start 而非 left);组件加入系统前至少用一个 RTL 语言和一个长文本语言测试,并在文档中标注测试情况。

使用方式:作为设计指导原则应用于界面与设计系统评审,结合伪本地化测试字符串在翻译前验证膨胀与特殊字符处理。

适用场景:面向全球或多语言市场的产品界面、设计系统与组件库。

限制:资料未提供具体安装命令、代码示例、收费或平台信息;文化建议需结合目标市场用户或文化顾问验证,翻译本身不等于本地化。