服务粉丝

我们一直在努力
当前位置:首页 > 财经 >

App多语言适配经验分享

日期: 来源:We-Design收集编辑:WeDesignCenter
Sharing
微信作为以中文为基础的设计的应用程序,除了服务以汉语母语的用户外,也致力于为非汉语母语用户提供足够简单易用产品体验。


微信目前支持 18 种语言。不同国家的语言文字、机型存在极大差别,本文将从产品设计角度,介绍多语言环境下的适配原则。

1
语言文字差异
书写系统
现代语言的书写系统可分为三类:
文字长度、高度

不同的文字在长度、高度上存在差异,这些都对适配影响很大。


以中文为基础的设计,英文的长度通常为 1.5 到 2 倍。

中文的高度略大于英文,且高度差异会随着字号的增加更加显著。

文字高度:密集文字 > 类英文 > 高文字。
2
合理的适配方案
预留足够空间

首先我们将中文翻译为英文,在根据英文字符数,额外预留空间。


以“Length difference”为例,16 个字符文本框需要预留 28-32 个字符长度空间。

Number of Character in Text

Additional Physical Space Required 

额外需要预留的空间

Up to 10100-200%
11-20
80-100%
21-3060-80%
31-5040-60%
Over 79
30%
布局结构
如果展示的卡片过多,导致每个卡片横向空间被压缩,文字的显示受到很大收限,因此调整布局方式。对于多列卡片设计样式,推荐一行展示 2-3 个卡片。
多语言适配下,布局空间允许的情况下调整文本长度限制,保证常规信息可较多展示。
我们在设计弹窗组件上的按钮时规定,当两个按钮的翻译文字较短能支持并排展示时,优先以左右的方式排布,在特文本较长的情况下,按钮会自动上下排布,也可以更好地兼容少数用户、语言的特殊需求保证完整地展示文案。
运用图标
多语言环境下,为了防止因为翻译为长语种而造成展示不佳,可以考虑是否可以用 icon 代替文字来表达含义。
文本超长展示
折行展示。例如系统提示性文案,需要全部展示给用户,这时折行显示会更适合此场景。
缩小字号。例如按钮文案,需要尽量展示完成,但是有受限与空间展示,此时可以考虑缩小字符。客户端最小字号为 10pt, 不可出现小于 10pt 字号。

省略展示。注意省略展示是需要尽量避免的,需满足以下条件时才可考虑使用省略显示:


  • 即使文案展示不全也不影响用户理解;

  • 相比文案全部展示,展示的空问大小更为重要;

  • 换行、缩小字符、及上述更改设计的方式均不适合的极限情况;

  • 保证在次级页面上,始终能找到完整的文本信息。

App 多语言适配的工作“因 App 而异”,更多的内容需要一个个界面进行调整,没有完整的通用方法。


遇到特殊情况,需要和产品、翻译以及 local 同学沟通。

—  The end  —
*
本文仅代表作者观点
如需转载,请注明来自WeDesign
Ttya
用眼睛测量
               

相关阅读

  • 2月9日 | 我知道一种忧愁

  • ‍‍‍‍‍‍ 脸[日] 萩原朔太郎小椿山 译睡迷糊了的樱花开放时一张白皙的恍惚的脸在窗边看它。在我十分久远的记忆阴影中似乎在哪个码头上见过那张脸有着堇花的病郁味道透
  • 如何增加画面形式感(3)——空间层叠

  • 前言本文是“增加画面形式感”的第三篇内容。上两篇分别是通过“切割”与“重复”的方式来增加形式感,感兴趣的小伙伴请移步:如何增加画面形式感(1)——切割如何增加画面形式感(2
  • iU设计周报73期(探索体验设计文案)

  • 欢迎来到iU设计周报,每周分享高价值的UI设计文章及相关的行业资讯。iU梦工厂,iU不错喔!#好文推荐#重新认识UX文案关键词:体验设计在UX设计中,很多人关注交互流程、视觉呈现,却很少
  • 使用Notion AI后的几点看法

  • “Notion AI是一款极其强大且易于使用的工具,可以帮助您整理知识,撰写文档和记录笔记。它为您提供了一个可以实现简单快捷导航的用户界面,使您可以轻松访问和管理所有的文件和
  • 短视频赚钱 垂直图文变现功略

  • 一)秘籍短视频用户量近9.62亿,占网民整体的91.5%,增量已尽,存量博弈,草莽时代结束了。丝丝鼓足勇气做短视频,封号、没播放量、不涨粉、不出单....为什么不赚钱?一定是缺乏专业团队,
  • 那些炫酷的 CSS 文字效果之诗词《兔》

  • 不知不觉已经迈入2023年,今年是兔年,想到兔子就会联想到玉兔,中秋,胡萝卜,兔子不吃窝边草,这就越扯越远了,今天的主题是用纯CSS来实现各种不错的文字效果,文字则摘录古诗词中有关《
  • 我的信息流 2023.1

  • 题图:努力工作兔本文是我在「知识星球」中「日更短文」的第 241 篇,计划每周从中挑选一篇发布到公众号,了解更多可点击「查看原文」。由于接了其他团队的周会分享邀请,要分享下

热门文章

  • “复活”半年后 京东拍拍二手杀入公益事业

  • 京东拍拍二手“复活”半年后,杀入公益事业,试图让企业捐的赠品、家庭闲置品变成实实在在的“爱心”。 把“闲置品”变爱心 6月12日,“益心一益·守护梦想每一步”2018年四

最新文章

  • App多语言适配经验分享

  • Sharing微信作为以中文为基础的设计的应用程序,除了服务以汉语母语的用户外,也致力于为非汉语母语用户提供足够简单易用产品体验。微信目前支持 18 种语言。不同国家的语言文
  • 「低科技用户界面」鲜为人知的优势

  • Collection原文引自 Jonathan Kendler 的文章《The forgotten benefits of “low tech” user interfaces》。该译文并非完整原文,内容已做删减和调整。更新、更快、更强,设计
  • 用「实体用户界面」改善用户体验

  • Collection原文引自 Aesha Panchal 的文章《What are tangible user interfaces (TUIs), and how do they enhance UX?》,该译文并非完整原文,内容已做删减和调整。用户界面只
  • 了解叙事设计

  • Collection原文引自 Dave Vronay 的文章《Understanding Narrative Design》,该译文并非完整原文,内容已做删减和调整。叙事设计是一种比较少见的设计方法, 不借助常用的设计软
  • Pick 你最喜欢的海报!

  • 创作主题:设计的日常投票时间:即日起 — 1月29日1《Inner Peace》2《NO IDEA》3《等待阅读》4《Lorem ipsum...》5《灵感乍现》6《CAPTURE IDEAS》7《盲·点》8《后悔药》9《T
  • 晓梦迷蝶—赛博朋克的过去与未来

  • Sharing1817 年的夜晚,随着玛丽·雪莱的灵光闪过,科学合成怪物《弗兰克斯坦》诞生,科幻世界瑰丽而又深邃的大门就此打开。科幻基于科学而生,又加入了丰富的想象元素,自工业革命来