经验 | 从0到1的制品国际化怎么做（上）
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">要打造一个国际化的软件<span style="color: black;">制品</span>，让它能够<span style="color: black;">尽可能</span>贴合<span style="color: black;">区别</span>地区用户的文化习俗、<span style="color: black;">运用</span>习惯，<span style="color: black;">保准</span><span style="color: black;">制品</span>设计过程中符合<span style="color: black;">有些</span>必要的国际化/本地化规范至关重要。一位设计师<span style="color: black;">伴侣</span><span style="color: black;"><strong style="color: blue;">「哆啦B梦」</strong></span>整理出了一份国际化互联网<span style="color: black;">制品</span>设计基本规范，<span style="color: black;">非常</span>值得国内科技<span style="color: black;">机构</span>参考，<span style="color: black;">帮忙</span><span style="color: black;">大众</span>做好<span style="color: black;">制品</span>出海<span style="color: black;">第1</span>步——国际化<span style="color: black;">制品</span>设计。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">因为</span>文字和<span style="color: black;">照片</span>太多，本文分2部分发布。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">这几年国内各大<span style="color: black;">机构</span>纷纷把业务延伸到海外，而把<span style="color: black;">制品</span><span style="color: black;">全世界</span>化却是一件很困难的事情，即使老牌的外企<span style="color: black;">亦</span>在摸索。本文从设计前期的筹备到完成设计，总结了<span style="color: black;">有些</span><span style="color: black;">平常</span>的问题，给出解法，并<span style="color: black;">供给</span>了<span style="color: black;">有些</span>不错的工具， <span style="color: black;">期盼</span>给需要做<span style="color: black;">全世界</span>化<span style="color: black;">制品</span>的设计师们<span style="color: black;">有些</span>新思路。如有遗漏或错误的<span style="color: black;">地区</span>欢迎指出。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">文中部分<span style="color: black;">照片</span><span style="color: black;">源自</span>于网络，侵删。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">本章阅读时间大约需要12分钟。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><img src="https://mmbiz.qpic.cn/mmbiz_jpg/C4PWzUIOQoBswfNmmh3cQIfC8myDaeKt90xIicCj4Bvhb0MpA5ll9iaYQOOr4fasyzh5ed6btUO4XghkID700olA/640?wx_fmt=jpeg&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1" style="width: 50%; margin-bottom: 20px;"></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">系列大纲</p>
<h2 style="color: black; text-align: left; margin-bottom: 10px;"><strong style="color: blue;">1.1 定义</strong></h2>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">在信息技术<span style="color: black;">行业</span>，国际化与本地化（英文：internationalization and localization）<span style="color: black;">指的是</span>修改<span style="color: black;">软件</span>使之能适应<span style="color: black;">目的</span>市场的语言、地区差异以及技术需要。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">国际化简<span style="color: black;">叫作</span> <strong style="color: blue;">i18n</strong>，本地化简<span style="color: black;">叫作</span> <strong style="color: blue;">L10n。</strong></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">国际化和本地化之间的区别虽然微妙，但却很重要。国际化<span style="color: black;">寓意</span>着<span style="color: black;">制品</span>有适用于任何<span style="color: black;">地区</span>的“<span style="color: black;">潜能</span>”；本地化则是为了更适合于“特定”<span style="color: black;">地区</span>的<span style="color: black;">运用</span>，而<span style="color: black;">另一</span>增添的<span style="color: black;">特殊</span>。用一项<span style="color: black;">制品</span><span style="color: black;">来讲</span>，国际化只需做一次，但本地化则要针对<span style="color: black;">区别</span>的区域各做一次。这两者之间是互补的，并且两者合起来<span style="color: black;">才可</span>让一个系统适用于各地。（摘自维基百科）</p>
<h2 style="color: black; text-align: left; margin-bottom: 10px;">1.2 地域文化差异</h2>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">倘若</span>要做一个<span style="color: black;">制品</span>的本地化，<span style="color: black;">那样</span>进入该市场之前，市场<span style="color: black;">分部</span>应该<span style="color: black;">已然</span>齐备<span style="color: black;">有些</span>关于该地区的<span style="color: black;">基本</span>信息，<span style="color: black;">例如</span>经济，人口，历史等。<span style="color: black;">做为</span>一个外人要<span style="color: black;">认识</span><span style="color: black;">所有</span>业务<span style="color: black;">触及</span>的地区的文化不太现实的，下面介绍几个<span style="color: black;">平常</span>的问题。例如：</p><strong style="color: blue;">宗教、节日、民俗等问题</strong>。<span style="color: black;">例如</span>中东地区尤需要<span style="color: black;">重视</span>。<strong style="color: blue;">政治、民族、地缘、历史冲突问题</strong>。<span style="color: black;">例如</span>印度和巴基斯坦的历史问题。<strong style="color: blue;">色情、暴力、毒品、违禁品的限制等级问题</strong>。<span style="color: black;">例如</span>荷兰阿姆斯特丹对毒品和色情的态度。<strong style="color: blue;">道德文化、礼貌、社会地位、隐私<span style="color: black;">需要</span></strong>。<span style="color: black;">例如</span>印度的种姓制度。<strong style="color: blue;"><span style="color: black;">照片</span>、颜色、符号、图标、手势、隐喻等</strong>。<span style="color: black;">例如</span>带绿帽子在爱尔兰裔人看来是在庆祝圣帕特里克节，在中国却是<span style="color: black;">另一</span>一个意思。<strong style="color: blue;">母语<span style="color: black;">运用</span>者的哏，母语网络流行用语</strong>。<span style="color: black;">例如</span>大概<span style="color: black;">无</span>几个外国人懂得在美国”45”<span style="color: black;">能够</span>指代川普（Trump是第45届美国总统）。<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">以上所提及的问题，在下文中会有案例说明。</p><img src="https://mmbiz.qpic.cn/mmbiz_jpg/C4PWzUIOQoBswfNmmh3cQIfC8myDaeKt9WOo3TiawmzibfkyZcgbnvEiaqibw4Ir7o95VLJCsJMlBiaKmTLp520jSWg/640?wx_fmt=jpeg&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1" style="width: 50%; margin-bottom: 20px;">在爱尔兰，这是“过国庆节的狗狗”；在中国，这是“被<span style="color: black;">另一</span>一半背叛的狗狗”<h2 style="color: black; text-align: left; margin-bottom: 10px;">1.3 社会文化模型</h2>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">这个世界上并非<span style="color: black;">每一个</span>人都会以相同的方式去看待相同的事物，来自<span style="color: black;">区别</span>文化的人会对<span style="color: black;">区别</span>的设计产生不<span style="color: black;">同样</span>的心理和<span style="color: black;">行径</span>上的反应，这些心理和<span style="color: black;">行径</span>反映在用户对待奖赏<span style="color: black;">处罚</span>机制，隐私<span style="color: black;">敏锐</span>性，信任感，严谨程度等等有<span style="color: black;">区别</span>的态度和举动。打破固有印象，以文化特征预判用户<span style="color: black;">行径</span>，制<span style="color: black;">功效</span>户角色模型，<span style="color: black;">作为</span>设计师作出设计决策的关键<span style="color: black;">过程</span>，<span style="color: black;">常常</span>同一个网站会在<span style="color: black;">区别</span>国家地区的本地化页面上会有<span style="color: black;">区别</span>的设计。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;"><span style="color: black;">举荐</span>工具</strong> <strong style="color: blue;"><span style="color: black;">https://diverseui.com/</span></strong>这个网站<span style="color: black;">能够</span>生成多种肤色<span style="color: black;">区别</span>性别的虚拟头像，方便设计师为<span style="color: black;">区别</span>地域用户制<span style="color: black;">功效</span>户角色模型。</p><img src="https://mmbiz.qpic.cn/mmbiz_jpg/C4PWzUIOQoBswfNmmh3cQIfC8myDaeKtxiaCianDm9mAZls2dW82WsEAYpOq9RnDfopVsbKibNjiakNQHeotvzGZVw/640?wx_fmt=jpeg&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1" style="width: 50%; margin-bottom: 20px;">Diverseui 生成的多样头像<h3 style="color: black; text-align: left; margin-bottom: 10px;">1.3.1 霍夫斯泰德文化维度理论</h3>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">霍夫斯泰德文化维度理论（Hofstedes cultural dimensions theory）<span style="color: black;">能够</span><span style="color: black;">帮忙</span>设计师预判用户心理模型，该理论是荷兰心理学家吉尔特·霍夫斯泰德提出的用来衡量<span style="color: black;">区别</span>国家文化差异的一个框架。他认为文化是在一个环境下人们<span style="color: black;">一起</span><span style="color: black;">持有</span>的心理模型，能将一群人与其他人区<span style="color: black;">掰开</span>来。<span style="color: black;">经过</span><span style="color: black;">科研</span>，他将<span style="color: black;">区别</span>文化间的差异归纳为六个基本的文化价值观维度：</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">权力距离指数（Power Distance Index）</strong>：指在家庭、<span style="color: black;">机构</span>、社区等组织<span style="color: black;">公司</span>中地位较低的成员<span style="color: black;">针对</span>权力分配不平等的接受程度。中国的数值是80，<span style="color: black;">暗示</span>中国是一个倾向于认为人们之间的不平等是<span style="color: black;">能够</span>接受的社会。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">个人主义（Individualism）</strong>：与集体主义相对，指个人融入集体的程度，分数越高表述越注重个人。中国的数值是20，<span style="color: black;">暗示</span>中国是一种高度集体主义的社会，在这种文化中，人们以集团的利益优先，而不是以自己的利益优先。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">不确定性规避指数（Uncertainty Avoidance Index）</strong>：指社会能在多大程度上容忍不确定性。中国的数值是30，<span style="color: black;">暗示</span>中国人对模棱两可的事情适应性比较强。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">男性化（Masculinity）</strong>：与女性化（Femininity）相对，指人们（不论男女）更富有竞争精神，自信与野心，注重财富和社会资源的<span style="color: black;">累积</span>，而女性化社会则注重人们之间的关系和生活的品质。中国的数值是66，<span style="color: black;">暗示</span>中国是一个倾向于以成功为导向和追求向上的社会。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;"><span style="color: black;">长时间</span>导向（Long-term Orientation）</strong>：指社会对<span style="color: black;">将来</span>的<span style="color: black;">注重</span>程度。中国的数值是87，这<span style="color: black;">寓意</span>着中国是一个<span style="color: black;">持有</span>非常务实的文化的社会，并倾向于为<span style="color: black;">将来</span>做准备。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">放任与约束（Indulgence VS. Restraint）</strong>：指社会成员在多大程度上意图<span style="color: black;">掌控</span><span style="color: black;">自己</span>的欲望。中国的数值是24，<span style="color: black;">暗示</span>中国是一个受约束并克制的社会。在这一方面得分较低的社会倾向于愤世嫉俗和悲观主义。</p><img src="https://mmbiz.qpic.cn/mmbiz_jpg/C4PWzUIOQoBswfNmmh3cQIfC8myDaeKt0h1xNsWAGnE0G9fNTqWjQ1566CEq0ciaa7VIOfjVgmnlhRKdfcZqic1g/640?wx_fmt=jpeg&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1" style="width: 50%; margin-bottom: 20px;">中国、芬兰、日本、美国的文化维度对比<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;"><span style="color: black;">举荐</span>工具</strong> <strong style="color: blue;"><span style="color: black;">Hofstede Insights</span></strong></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">这个网站<span style="color: black;">能够</span>调查对比<span style="color: black;">每一个</span>国家的数值<span style="color: black;">状况</span>，并给企业用户提跨文化<span style="color: black;">科研</span>工具。</p>
<h2 style="color: black; text-align: left; margin-bottom: 10px;">1.4 法律问题</h2>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">倘若</span>无意触碰<span style="color: black;">有些</span>文化禁忌，<span style="color: black;">制品</span>可能会被<span style="color: black;">敏锐</span>人士攻击，<span style="color: black;">然则</span>违反法律规定，<span style="color: black;">制品</span>可能连上架的机会都<span style="color: black;">无</span>。<span style="color: black;">制品</span>设计中能遇到的<span style="color: black;">平常</span>法律条款是隐私政策和退换货政策。<span style="color: black;">例如</span>欧洲的<span style="color: black;">Distance Selling Regulations</span>规定不拆包装退换货日期是30天。像欧美国家和日本比较注重隐私，日本的手机拍照会有很响亮的咔嚓一声，并且<span style="color: black;">没法</span>消除，这说明所有的相机应用，在进入日本市场的时候，都需要为此条款作出相应的体验适配。</p><img src="https://mmbiz.qpic.cn/mmbiz_jpg/C4PWzUIOQoBswfNmmh3cQIfC8myDaeKtg0jJBW756vLscnQFlDutVKHwgXSeSlpfAvcF3N7QrJibDhbblc61GoQ/640?wx_fmt=jpeg&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1" style="width: 50%; margin-bottom: 20px;">Distance Selling Regulations in the EU<h2 style="color: black; text-align: left; margin-bottom: 10px;">1.5 设备<span style="color: black;">运用</span><span style="color: black;">状况</span></h2>
<h3 style="color: black; text-align: left; margin-bottom: 10px;">1.5.1 设备差异</h3>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">在10年前，高端大屏幕手机在东南亚和非洲市场普及率并不高，<span style="color: black;">因此呢</span>做出海适配会比较麻烦。<span style="color: black;">然则</span><span style="color: black;">近期</span>这几年，<span style="color: black;">因为</span>市场经济的发展，和中国手机的成功出海，即使是东南亚和非洲的发展中国家，高端移动设备的普及率<span style="color: black;">已然</span>很高。设计师做移动屏幕适配基本上<span style="color: black;">能够</span><span style="color: black;">根据</span>1334x750（2x）<span style="color: black;">或</span>2436×1125（3x）的尺寸做设计。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">每一个</span>国家的流行机型不<span style="color: black;">同样</span>。<span style="color: black;">例如</span>非洲最受欢迎的手机是深圳品牌传音，它的<span style="color: black;">有些</span>手机特性<span style="color: black;">例如</span>适合黑人的美颜相机功能、大容量电池、多卡多待功能等，跟在其他地区最受欢迎的手机型号<span style="color: black;">例如</span>iPhone、Samsung系列不<span style="color: black;">同样</span>。在落地本土化设计的时候，最好有一部真实的手机<span style="color: black;">做为</span>测试对象，<span style="color: black;">这般</span>你会<span style="color: black;">发掘</span><span style="color: black;">非常多</span>之前<span style="color: black;">没法</span>预测的问题。</p><img src="https://mmbiz.qpic.cn/mmbiz_jpg/C4PWzUIOQoBswfNmmh3cQIfC8myDaeKtvp1z6jHv2vLgLRf7w2UZYGKU8jUunjncibasVMsWFOZp6pnktRibqAug/640?wx_fmt=jpeg&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1" style="width: 50%; margin-bottom: 20px;">非洲手机市场份额对比图<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">另一</span>有一点值得<span style="color: black;">重视</span>的是，在<span style="color: black;">同期</span><span style="color: black;">持有</span>网站和App的<span style="color: black;">制品</span>，或在响应式网站中，有可能会<span style="color: black;">显现</span>移动设备浏览率高，桌面设备付费率高的<span style="color: black;">状况</span>，<span style="color: black;">或</span>相反<span style="color: black;">状况</span>。这可能是<span style="color: black;">地区</span>用户习惯，<span style="color: black;">亦</span>可能是两种设备体验感受<span style="color: black;">引起</span>，<span style="color: black;">能够</span><span style="color: black;">按照</span>需要在后期做出相应的<span style="color: black;">调节</span>。</p>
<h3 style="color: black; text-align: left; margin-bottom: 10px;">1.5.2 网速问题</h3>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">非常多</span>国内<span style="color: black;">机构</span>出海，会<span style="color: black;">选取</span>东南亚为<span style="color: black;">第1</span>个市场。以东南亚为例，这些国家（新加坡除外）的网速<span style="color: black;">广泛</span>比较慢。柬埔寨、马来西亚、印度尼西亚、菲律宾、泰国和越南六个国家的平均下载速度<span style="color: black;">小于</span>10 Mbps。这说明当你的<span style="color: black;">制品</span>是依靠视频或动效<span style="color: black;">做为</span><span style="color: black;">重点</span>展现形式，在进入该市场时应做出<span style="color: black;">调节</span>。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">每一个</span>国家对流量的收费<span style="color: black;">区别</span>，有的电信<span style="color: black;">供给</span>商会<span style="color: black;">按照</span>网速做阶梯定价。有些发展中国家即使网速<span style="color: black;">火速</span>，<span style="color: black;">然则</span>因普通居民的收入较低，依然不会为高速网络买单。<span style="color: black;">例如</span>菲律宾，中等城市Bacolod的居民平均收入大约 15,000php<span style="color: black;">一月</span>，一个顺畅的网络套餐却要 1799php<span style="color: black;">一月</span>，这说明<span style="color: black;">非常多</span>用户会<span style="color: black;">选取</span>更低速低价的上网套餐。<span style="color: black;">此时</span>候<span style="color: black;">重点</span>受众网速就会<span style="color: black;">作为</span>做出设计决定的关键<span style="color: black;">原因</span>。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">预测网速除了在网上查看各区域电信商的报告外，还<span style="color: black;">能够</span><span style="color: black;">运用</span>该区域的VPN做测试，当然<span style="color: black;">倘若</span>你的<span style="color: black;">机构</span>有当地本土团队<span style="color: black;">能够</span>参与调研再好<span style="color: black;">不外</span>。</p><img src="https://mmbiz.qpic.cn/mmbiz_jpg/C4PWzUIOQoBswfNmmh3cQIfC8myDaeKtFHGNTmddvOrHV8kRvo957gpibxX3oDdp8XO0vsZbPibOPbPHicwnTShhQ/640?wx_fmt=jpeg&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1" style="width: 50%; margin-bottom: 20px;">东盟各国移动网络平均下载速度<h2 style="color: black; text-align: left; margin-bottom: 10px;">1.6 用户消费习惯差异</h2>
<h3 style="color: black; text-align: left; margin-bottom: 10px;">1.6.1 支付方式</h3>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">支付体系做得好<span style="color: black;">欠好</span>影响着<span style="color: black;">最后</span>的成交量，<span style="color: black;">每一个</span>国家的支付习惯大相径庭。<span style="color: black;">例如</span>德国用户<span style="color: black;">爱好</span>用未结发票支付，美国<span style="color: black;">爱好</span>用信用卡，巴西<span style="color: black;">爱好</span>用分期付款，日本和德国用现金支付的方式<span style="color: black;">亦</span>很<span style="color: black;">平常</span>。中国通用的支付宝、<span style="color: black;">微X</span><span style="color: black;">亦</span>慢慢打开国门，但海外<span style="color: black;">运用</span>率还是比较低。<span style="color: black;">倘若</span>支付方式<span style="color: black;">无</span>做好本地化，即使设计做得多别出心裁<span style="color: black;">亦</span><span style="color: black;">无</span>用。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;"><span style="color: black;">举荐</span>工具 <span style="color: black;">Statista</span></strong></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">这个网址<span style="color: black;">能够</span>付费<span style="color: black;">查找</span><span style="color: black;">都数</span>国家的支付方式信息。</p><img src="https://mmbiz.qpic.cn/mmbiz_jpg/C4PWzUIOQoBswfNmmh3cQIfC8myDaeKtNpicGuJiaLzo8tNDadlziaIqTTD3p3RJOJagAyeeam3tKib8DC66gibbyEg/640?wx_fmt=jpeg&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1" style="width: 50%; margin-bottom: 20px;">德国2017年支付方式份额表<h3 style="color: black; text-align: left; margin-bottom: 10px;">1.6.2 税</h3>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">每一个</span>地区的购物交税方式都不<span style="color: black;">同样</span>。在中国“包邮包税”是一个电商<span style="color: black;">平常</span>操作，而在美国，<span style="color: black;">每一个</span>州的税率可能都不<span style="color: black;">同样</span>；在日本，不管线上线下，<span style="color: black;">是不是</span>包税需要在商品上<span style="color: black;">知道</span>标出。<span style="color: black;">因为</span>交税的方式不<span style="color: black;">同样</span>，这些差异影响到商品的展示，价格的设计层级、结算层级，及在小屏幕中字符缩放省略等。</p><img src="https://mmbiz.qpic.cn/mmbiz_jpg/C4PWzUIOQoBswfNmmh3cQIfC8myDaeKt4q75rxA2FZMiaibjr7W60ckWFtzD9IRqiabTTmR0WJNLwAAAdg7zZXV2g/640?wx_fmt=jpeg&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1" style="width: 50%; margin-bottom: 20px;">日本网站商品的<span style="color: black;">区别</span>的税标示<h3 style="color: black; text-align: left; margin-bottom: 10px;">1.6.3 购买习惯</h3>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">购买习惯会改变一个<span style="color: black;">制品</span>任务的流程。<span style="color: black;">例如</span>，<span style="color: black;">有些</span>国家地区买车时会打包所有的配件功能<span style="color: black;">一块</span>卖，<span style="color: black;">有些</span>国家则会<span style="color: black;">营销</span>裸车，让用户<span style="color: black;">根据</span>自己的<span style="color: black;">爱好</span>额外购买配件。<span style="color: black;">有些</span>国家出差是<span style="color: black;">准许</span>报销餐费的，<span style="color: black;">那样</span>有早餐的酒店会比没早餐的酒店更受欢迎。这些习惯<span style="color: black;">倘若</span>不是当地人会比较难<span style="color: black;">发掘</span>。</p>
<h2 style="color: black; text-align: left; margin-bottom: 10px;">1.7 UI设计模式</h2>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">利用本地人<span style="color: black;">熟练</span>的UI模式比引入其他已知模式,并<span style="color: black;">需求</span>本地用户适应这种模式更为有效。去体验最受欢迎的本地应用和门户网站，会<span style="color: black;">发掘</span>国家不<span style="color: black;">同样</span>会<span style="color: black;">运用</span>不<span style="color: black;">同样</span>的UI模式。当大<span style="color: black;">都数</span><span style="color: black;">制品</span>趋于同化后，就养<span style="color: black;">成为了</span>一个地区的用户习惯，<span style="color: black;">忽然</span>让用户接受新的UI模式，会让用户觉得困惑，需要重新学习，并感觉这不是为自己而设计的<span style="color: black;">制品</span>。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">例如</span>中国的互联网<span style="color: black;">制品</span>有自己特定的设计模式，会将单个应用视为一个生态系统，而不是单一功能<span style="color: black;">制品</span>。而美国的<span style="color: black;">制品</span>设计模式则是简洁有力，功能单一。比较两个国家最<span style="color: black;">平常</span>的支付应用PayPal和支付宝的界面，PayPal更倾向于把重心放在一个核心功能本身上，而中国更倚重于优化流量，形成生态系统。</p><img src="https://mmbiz.qpic.cn/mmbiz_jpg/C4PWzUIOQoBswfNmmh3cQIfC8myDaeKtz42SHicqS2peQe5oOu6TIdIUw6EBWQc0crqFGsNicWchqqnV58aFicseg/640?wx_fmt=jpeg&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1" style="width: 50%; margin-bottom: 20px;">Paypal vs. 支付宝<h2 style="color: black; text-align: left; margin-bottom: 10px;">1.8 与本土团队合作</h2>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">倘若</span>针对特定的语言环境进行设计，<span style="color: black;">那样</span>团队中有一位<span style="color: black;">认识</span>当地文化的人非常有价值。本地团队<span style="color: black;">能够</span><span style="color: black;">帮忙</span>你<span style="color: black;">处理</span><span style="color: black;">有些</span>文化禁忌，市场习惯，语言翻译等等问题，<span style="color: black;">况且</span>在业务上<span style="color: black;">能够</span>跟当地的客户<span style="color: black;">创立</span>联系。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">倘若</span>要为国际用户构建<span style="color: black;">制品</span>，<span style="color: black;">那样</span><span style="color: black;">拥有</span><span style="color: black;">区别</span>国籍和背景的团队成员<span style="color: black;">能够</span>从<span style="color: black;">区别</span>的<span style="color: black;">方向</span><span style="color: black;">思虑</span><span style="color: black;">制品</span>，并产生比同背景团队<span style="color: black;">更加多</span>的创意。多元化和<span style="color: black;">包涵</span>性的工作环境可带来多种好处，<span style="color: black;">包含</span>更高的客户满意度，更高的社会<span style="color: black;">敏锐</span>性和创新能力。</p>
<h2 style="color: black; text-align: left; margin-bottom: 10px;">2.1 内容和翻译</h2>
<h3 style="color: black; text-align: left; margin-bottom: 10px;">2.1.1 不要<span style="color: black;">运用</span>文化哏</h3>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">在1.2 地域文化差异里，<span style="color: black;">说到</span>过<span style="color: black;">尽可能</span>避免用隐喻，<span style="color: black;">亦</span>不要<span style="color: black;">运用</span><span style="color: black;">仅有</span>自己文化能看懂的哏。在营销的<span style="color: black;">方向</span>上讲，给功能取<span style="color: black;">有些</span>有趣的文案，<span style="color: black;">能够</span><span style="color: black;">加强</span>品牌调性，可是从国际化的<span style="color: black;">方向</span><span style="color: black;">来讲</span>，翻译出来的语言不<span style="color: black;">必定</span>会有源语言的效果，<span style="color: black;">乃至</span>毫无<span style="color: black;">道理</span>。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">例如，Dropbox向用户<span style="color: black;">供给</span>了一个在文件里加上无限的历史版本记录的功能，叫“Packrat”, 尽管“Packrat”在英语里一语双关，然而对其他语言用户来讲，这很让人困惑。<span style="color: black;">最后</span>这个功能还是改成了直白易懂的”Extended version history”。</p><img src="https://mmbiz.qpic.cn/mmbiz_jpg/C4PWzUIOQoBswfNmmh3cQIfC8myDaeKtjOj3v2zWjvRH2F2A3nhKJnABKfL1GxOkhTE2bPYKkGEjxuZS4zsGjA/640?wx_fmt=jpeg&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1" style="width: 50%; margin-bottom: 20px;">引用自Design for internationalization, John Saito<h3 style="color: black; text-align: left; margin-bottom: 10px;">2.1.2 <span style="color: black;">同期</span><span style="color: black;">供给</span>源语言与翻译版本</h3>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">英语<span style="color: black;">做为</span>最常用国际通用语言，做<span style="color: black;">制品</span>国际化时<span style="color: black;">运用</span>英语为原始版本是最佳的<span style="color: black;">选取</span>。当<span style="color: black;">制品</span>某些内容迫不得已<span style="color: black;">运用</span><span style="color: black;">设备</span>自动翻译的时候（<span style="color: black;">大众</span>都<span style="color: black;">晓得</span>自动翻译并不完美），<span style="color: black;">此时</span>候应该给用户看到原始英文版本的<span style="color: black;">选取</span>。Airbnb<span style="color: black;">供给</span>了类似思路，<span style="color: black;">不外</span>它的做法刚好相反，<span style="color: black;">表示</span>英文，<span style="color: black;">然则</span>给用户翻译成中文的按钮。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">值得<span style="color: black;">重视</span>的是，<span style="color: black;">供给</span>实时翻译的时候应该<span style="color: black;">重视</span>内容的位置锚点，<span style="color: black;">由于</span>译文高度可能是原文的几倍，翻译后阅读位置应该定位到用户原来阅读的位置。</p><img src="https://mmbiz.qpic.cn/mmbiz_jpg/C4PWzUIOQoBswfNmmh3cQIfC8myDaeKthxspWupTsbbtg18Jm8gTianuDa5QmayiaqC7ovAg7YltIZ7CMQoia0hww/640?wx_fmt=jpeg&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1" style="width: 50%; margin-bottom: 20px;">Airbnb 中国版<h3 style="color: black; text-align: left; margin-bottom: 10px;">2.1.3 翻译中单词结构差异</h3>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">翻译时，<span style="color: black;">有些</span>单词<span style="color: black;">或</span>句子，在别的语言里不<span style="color: black;">必定</span>能找到相同结构的翻译。<span style="color: black;">例如</span>芬兰语、德语和荷兰语，都会以<span style="color: black;">有些</span>单独的大型单词来取代其他语言中的短语。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">例如，“输入处理功能”的英文翻译为 "<strong style="color: blue;">Input processing features</strong>”，在德语，芬兰语，挪威语翻译都是一个长单词。在<span style="color: black;">有些</span>需要<span style="color: black;">掌控</span>长度的设计<span style="color: black;">或</span>小屏幕设计下，<span style="color: black;">例如</span>窄小的表单，按钮，菜单栏等，中文和英文都容易折成两行，<span style="color: black;">然则</span>在德文，芬兰语，挪威语中<span style="color: black;">不可</span>折行。<span style="color: black;">此时</span>候就需要重新<span style="color: black;">思虑</span>排版。<span style="color: black;">详细</span>做法请参考下文<strong style="color: blue;">2.2.4 翻译文本所需空间，2.2.5 避免在狭小空间放文字</strong></p><img src="data:image/svg+xml,%3C%3Fxml version=1.0 encoding=UTF-8%3F%3E%3Csvg width=1px height=1px viewBox=0 0 1 1 version=1.1 xmlns=http://www.w3.org/2000/svg xmlns:xlink=http://www.w3.org/1999/xlink%3E%3Ctitle%3E%3C/title%3E%3Cg stroke=none stroke-width=1 fill=none fill-rule=evenodd fill-opacity=0%3E%3Cg transform=translate(-249.000000, -126.000000) fill=%23FFFFFF%3E%3Crect x=249 y=126 width=1 height=1%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E" style="width: 50%; margin-bottom: 20px;">
<h3 style="color: black; text-align: left; margin-bottom: 10px;">2.1.4 <span style="color: black;">是不是</span><span style="color: black;">运用</span>缩写</h3>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">倘若</span>遇到以上<span style="color: black;">状况</span>，一个单词占了超过一行的空间，<span style="color: black;">亦</span>许会有人提议<span style="color: black;">运用</span>缩写。然而<span style="color: black;">运用</span>缩写<span style="color: black;">亦</span>并不可行。<span style="color: black;">由于</span><span style="color: black;">倘若</span>一个<span style="color: black;">制品</span>需要翻译多个版本，同一个单词或短句不<span style="color: black;">必定</span>在别的语言中找到同意思的缩写。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">事实上缩写在许多语言中并不<span style="color: black;">平常</span>。<span style="color: black;">例如</span>，阿拉伯语的单词结构是非常紧凑，加上前缀，后缀和少许的局部变化，<span style="color: black;">才可</span>确切地表达单词的含义，<span style="color: black;">运用</span>缩写将会<span style="color: black;">导致</span>意思曲解。以常用的FAQ为例：</p><img src="data:image/svg+xml,%3C%3Fxml version=1.0 encoding=UTF-8%3F%3E%3Csvg width=1px height=1px viewBox=0 0 1 1 version=1.1 xmlns=http://www.w3.org/2000/svg xmlns:xlink=http://www.w3.org/1999/xlink%3E%3Ctitle%3E%3C/title%3E%3Cg stroke=none stroke-width=1 fill=none fill-rule=evenodd fill-opacity=0%3E%3Cg transform=translate(-249.000000, -126.000000) fill=%23FFFFFF%3E%3Crect x=249 y=126 width=1 height=1%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E" style="width: 50%; margin-bottom: 20px;">FAQ<h2 style="color: black; text-align: left; margin-bottom: 10px;">2.2 翻译排版</h2>
<h3 style="color: black; text-align: left; margin-bottom: 10px;">2.2.1 文字类型</h3>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">在分析翻译排版前，需要<span style="color: black;">科研</span>文字类型，这有助于页面的最大程度地兼容所有翻译版本。设计页面时，<span style="color: black;">能够</span><span style="color: black;">按照</span>业务<span style="color: black;">触及</span>的国家数量去整合文字类型，<span style="color: black;">调节</span>排版。<span style="color: black;">例如</span>阿里做国际化时，把18种文字分为4种类型：拉丁字符，希腊/西里尔字符，图形字符，方格字符。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">倘若</span><span style="color: black;">触及</span>的语言种类繁多，<span style="color: black;">能够</span>参考Material Design对字体类型的定义，它把世界上<span style="color: black;">平常</span>的字体分为3种类型字体：</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">**拉丁字符：**西欧，中欧和东欧以及非洲大部分地区的语言<span style="color: black;">一般</span>以拉丁字母书写，（越南文字是拉丁语延伸的，<span style="color: black;">然则</span>有音标<span style="color: black;">因此</span>行高较高属于高字符）。这类型文字有英语，希腊语，西里尔文，希伯来语，亚美尼亚语，格鲁吉亚语，等等。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">**高字符：**南亚，东南亚，中东<span style="color: black;">一般</span>以高字符书写。这类型字符的不仅字型比较高，<span style="color: black;">况且</span>需要额外的行高，因识别性问题需要避免<span style="color: black;">运用</span>粗体。这类型文字有阿拉伯语，北印度语，泰卢固语，泰语，越南语，等等。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">**密集字符：**东亚文字，这类型文字形状饱满，长段文字避免<span style="color: black;">运用</span>粗体，<span style="color: black;">加强</span>行高可<span style="color: black;">加强</span>可阅读性。这类文字<span style="color: black;">包含</span>中文、日文、韩文。</p>
<h3 style="color: black; text-align: left; margin-bottom: 10px;">2.2.2 翻译字体<span style="color: black;">选取</span></h3>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">倘若</span>你的品牌非常有个性，并有自己的品牌字体，<span style="color: black;">那样</span>这将会加大本土化落地的难度。<span style="color: black;">处理</span>这个<span style="color: black;">困难</span>，一个是<span style="color: black;">机构</span><span style="color: black;">研发</span>的品牌字体足够多能<span style="color: black;">触及</span>所有业务<span style="color: black;">触及</span>的国家；二是<span style="color: black;">运用</span>系统默认字体。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">文字<span style="color: black;">亦</span>承载着品牌连续性。<span style="color: black;">例如</span><span style="color: black;">倘若</span>英文中<span style="color: black;">运用</span>的是衬线字体，<span style="color: black;">那样</span>翻译的时候，需要找<span style="color: black;">类似</span>字形的字体。</p><img src="data:image/svg+xml,%3C%3Fxml version=1.0 encoding=UTF-8%3F%3E%3Csvg width=1px height=1px viewBox=0 0 1 1 version=1.1 xmlns=http://www.w3.org/2000/svg xmlns:xlink=http://www.w3.org/1999/xlink%3E%3Ctitle%3E%3C/title%3E%3Cg stroke=none stroke-width=1 fill=none fill-rule=evenodd fill-opacity=0%3E%3Cg transform=translate(-249.000000, -126.000000) fill=%23FFFFFF%3E%3Crect x=249 y=126 width=1 height=1%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E" style="width: 50%; margin-bottom: 20px;">字体的<span style="color: black;">选取</span>
<h3 style="color: black; text-align: left; margin-bottom: 10px;">2.2.3 字型字号<span style="color: black;">选取</span></h3>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">为了保持字体的可读性，<span style="color: black;">根据</span>每种文字的特性改变字型。<span style="color: black;">例如</span>阿拉伯文在翻译时需要在英语的<span style="color: black;">基本</span>上<span style="color: black;">增多</span>字号，由内涵基线的天城文演变而成的尼泊尔语，印地语，孟加拉语等不适合加下划线等。如以下案例，天城文加了下划线后，视觉上下划线<span style="color: black;">作为</span>了文字的一部分：</p><img src="data:image/svg+xml,%3C%3Fxml version=1.0 encoding=UTF-8%3F%3E%3Csvg width=1px height=1px viewBox=0 0 1 1 version=1.1 xmlns=http://www.w3.org/2000/svg xmlns:xlink=http://www.w3.org/1999/xlink%3E%3Ctitle%3E%3C/title%3E%3Cg stroke=none stroke-width=1 fill=none fill-rule=evenodd fill-opacity=0%3E%3Cg transform=translate(-249.000000, -126.000000) fill=%23FFFFFF%3E%3Crect x=249 y=126 width=1 height=1%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E" style="width: 50%; margin-bottom: 20px;">字型和字号<h3 style="color: black; text-align: left; margin-bottom: 10px;">2.2.4 翻译文本所需空间</h3>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">高度</strong></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">从上文<span style="color: black;">咱们</span>看出非拉丁字符<span style="color: black;">常常</span>会高于拉丁字符，不仅如此，<span style="color: black;">因为</span>这些文字的高度<span style="color: black;">或</span>密集的特性，本身就会<span style="color: black;">引起</span><span style="color: black;">摆列</span>高度的<span style="color: black;">增多</span>。下图以英语为基准，印地语，越南语，泰语，日语，韩语，高度都比英语要高：</p><img src="data:image/svg+xml,%3C%3Fxml version=1.0 encoding=UTF-8%3F%3E%3Csvg width=1px height=1px viewBox=0 0 1 1 version=1.1 xmlns=http://www.w3.org/2000/svg xmlns:xlink=http://www.w3.org/1999/xlink%3E%3Ctitle%3E%3C/title%3E%3Cg stroke=none stroke-width=1 fill=none fill-rule=evenodd fill-opacity=0%3E%3Cg transform=translate(-249.000000, -126.000000) fill=%23FFFFFF%3E%3Crect x=249 y=126 width=1 height=1%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E" style="width: 50%; margin-bottom: 20px;">字体高度<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">在追求最佳的可读性下，这些文字<span style="color: black;">常常</span>需要更高的垂直空间，<span style="color: black;">亦</span><span style="color: black;">便是</span>行高。下图以英语和泰语为例子，在同一“a”高度下，<span style="color: black;">一样</span>意思的泰语文本比英语需要的垂直空间大概多了130%。泰语的Y轴字符间距是英语的1.6倍。至于<span style="color: black;">详细</span>需要的空间，<span style="color: black;">意见</span>以英语为标准，多次测试<span style="color: black;">目的</span>语言的<span style="color: black;">区别</span>文案，以得到最佳的行高排版。</p><img src="data:image/svg+xml,%3C%3Fxml version=1.0 encoding=UTF-8%3F%3E%3Csvg width=1px height=1px viewBox=0 0 1 1 version=1.1 xmlns=http://www.w3.org/2000/svg xmlns:xlink=http://www.w3.org/1999/xlink%3E%3Ctitle%3E%3C/title%3E%3Cg stroke=none stroke-width=1 fill=none fill-rule=evenodd fill-opacity=0%3E%3Cg transform=translate(-249.000000, -126.000000) fill=%23FFFFFF%3E%3Crect x=249 y=126 width=1 height=1%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E" style="width: 50%; margin-bottom: 20px;">段落高度<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">长度</strong></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">倘若</span>一个<span style="color: black;">制品</span><span style="color: black;">无</span>做好<span style="color: black;">制品</span>翻译适配，很可能会<span style="color: black;">显现</span>文字溢出<span style="color: black;">或</span>文字被砍断<span style="color: black;">隐匿</span>。例如：</p><img src="data:image/svg+xml,%3C%3Fxml version=1.0 encoding=UTF-8%3F%3E%3Csvg width=1px height=1px viewBox=0 0 1 1 version=1.1 xmlns=http://www.w3.org/2000/svg xmlns:xlink=http://www.w3.org/1999/xlink%3E%3Ctitle%3E%3C/title%3E%3Cg stroke=none stroke-width=1 fill=none fill-rule=evenodd fill-opacity=0%3E%3Cg transform=translate(-249.000000, -126.000000) fill=%23FFFFFF%3E%3Crect x=249 y=126 width=1 height=1%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E" style="width: 50%; margin-bottom: 20px;">字符溢出<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">这是<span style="color: black;">由于</span>做本土化翻译的时候，<span style="color: black;">无</span><span style="color: black;">思虑</span>好每种语言翻译后的长度，<span style="color: black;">尤其</span>是在字符较少的<span style="color: black;">状况</span>下，译文所会产生的变化越大。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">1994年IBM<span style="color: black;">发布</span>的的National Language Design Guide中，当文本从英语翻译为其他<strong style="color: blue;">各国欧洲语言</strong>时，预期长度的平均变化比率如下表：</p><img src="data:image/svg+xml,%3C%3Fxml version=1.0 encoding=UTF-8%3F%3E%3Csvg width=1px height=1px viewBox=0 0 1 1 version=1.1 xmlns=http://www.w3.org/2000/svg xmlns:xlink=http://www.w3.org/1999/xlink%3E%3Ctitle%3E%3C/title%3E%3Cg stroke=none stroke-width=1 fill=none fill-rule=evenodd fill-opacity=0%3E%3Cg transform=translate(-249.000000, -126.000000) fill=%23FFFFFF%3E%3Crect x=249 y=126 width=1 height=1%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E" style="width: 50%; margin-bottom: 20px;">National Language Design Guide<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">这儿</span>只给出了欧洲文字的对比，基于欧洲文字基本属于拉丁语系，<span style="color: black;">倘若</span>加入高字符和密集字符，表格会有很大变化。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><strong style="color: blue;"><span style="color: black;">处理</span>翻译文字长度问题的四种<span style="color: black;">办法</span></strong></span></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;"><span style="color: black;">办法</span>1</strong></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">这个<span style="color: black;">办法</span>受到Dropbox Design启发，用Google Doc制作一张内嵌Google Translate的表格，估计翻译的文本的大概长度，设计时<span style="color: black;">能够</span><span style="color: black;">按照</span>表格内容预留空间。值得<span style="color: black;">重视</span>的是，即使翻译的字符数量<span style="color: black;">同样</span>，在日语中，<span style="color: black;">每一个</span>字符所占的空间<span style="color: black;">亦</span>许会比较宽。例如下图，翻译后的日语比英语少了20个字符，但却占用了<span style="color: black;">更加多</span>的水平空间：</p><img src="data:image/svg+xml,%3C%3Fxml version=1.0 encoding=UTF-8%3F%3E%3Csvg width=1px height=1px viewBox=0 0 1 1 version=1.1 xmlns=http://www.w3.org/2000/svg xmlns:xlink=http://www.w3.org/1999/xlink%3E%3Ctitle%3E%3C/title%3E%3Cg stroke=none stroke-width=1 fill=none fill-rule=evenodd fill-opacity=0%3E%3Cg transform=translate(-249.000000, -126.000000) fill=%23FFFFFF%3E%3Crect x=249 y=126 width=1 height=1%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E" style="width: 50%; margin-bottom: 20px;">v2-2d1bd90e19b52a565587c263f6709eca_720w<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;"><span style="color: black;">举荐</span>工具 <span style="color: black;">笔者做的实时翻译表格</span></strong></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">打开表格需要爬梯子，<span style="color: black;">况且</span>表格只给了查看权限，<span style="color: black;">倘若</span><span style="color: black;">大众</span>有<span style="color: black;">需要</span>，<span style="color: black;">能够</span>自己做一个。制作<span style="color: black;">办法</span><span style="color: black;">亦</span>很简单，只需要 <strong style="color: blue;"><span style="color: black;">内嵌翻译</span> + <span style="color: black;">找出语言代码</span> + <span style="color: black;">计算字符</span></strong> <strong style="color: blue;">。</strong></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;"><span style="color: black;">办法</span>2</strong></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">Phrasapp Sketch Plugin <span style="color: black;">能够</span>在Sketch里翻译，直接给出各个语言版本翻译。非常方便，缺点是<span style="color: black;">能够</span>翻译的语言有限。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;"><span style="color: black;">举荐</span>工具 <span style="color: black;">Phrasapp Sketch Plugin</span></strong></p><img src="data:image/svg+xml,%3C%3Fxml version=1.0 encoding=UTF-8%3F%3E%3Csvg width=1px height=1px viewBox=0 0 1 1 version=1.1 xmlns=http://www.w3.org/2000/svg xmlns:xlink=http://www.w3.org/1999/xlink%3E%3Ctitle%3E%3C/title%3E%3Cg stroke=none stroke-width=1 fill=none fill-rule=evenodd fill-opacity=0%3E%3Cg transform=translate(-249.000000, -126.000000) fill=%23FFFFFF%3E%3Crect x=249 y=126 width=1 height=1%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E" style="width: 50%; margin-bottom: 20px;">Phrasapp Sketch Plugin<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;"><span style="color: black;">办法</span>3</strong></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">倘若</span>你设计的是一个支持<span style="color: black;">各样</span>语言的响应式网站，<span style="color: black;">然则</span>资源<span style="color: black;">不足</span>不足以<span style="color: black;">运用</span>以上<span style="color: black;">办法</span>，<span style="color: black;">那样</span>MakeFit<span style="color: black;">能够</span>帮你<span style="color: black;">调节</span>文本<span style="color: black;">体积</span>以适配屏幕宽度。这是一个快速但并不完美的办法，有时候长段文字会被缩小，影响可读性。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;"><span style="color: black;">举荐</span>工具 <span style="color: black;">MakeFit</span></strong></p><img src="data:image/svg+xml,%3C%3Fxml version=1.0 encoding=UTF-8%3F%3E%3Csvg width=1px height=1px viewBox=0 0 1 1 version=1.1 xmlns=http://www.w3.org/2000/svg xmlns:xlink=http://www.w3.org/1999/xlink%3E%3Ctitle%3E%3C/title%3E%3Cg stroke=none stroke-width=1 fill=none fill-rule=evenodd fill-opacity=0%3E%3Cg transform=translate(-249.000000, -126.000000) fill=%23FFFFFF%3E%3Crect x=249 y=126 width=1 height=1%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E" style="width: 50%; margin-bottom: 20px;">在LDS.org上<span style="color: black;">运用</span>MakeFit插件<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;"><span style="color: black;">办法</span>4</strong></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">在你的需要翻译的语言中，<span style="color: black;">选取</span>一种最短的和一种最长的语言做适配设计，<span style="color: black;">最后</span>选定一个合适的<span style="color: black;">方法</span>。这个<span style="color: black;">方法</span>比较省事，只适合长段文字，<span style="color: black;">由于</span>单词数量越少，需要的水平空间越无法估算。<span style="color: black;">例如</span>下图，社交<span style="color: black;">制品</span>常用的单词Like的译文空间差距甚大：</p><img src="data:image/svg+xml,%3C%3Fxml version=1.0 encoding=UTF-8%3F%3E%3Csvg width=1px height=1px viewBox=0 0 1 1 version=1.1 xmlns=http://www.w3.org/2000/svg xmlns:xlink=http://www.w3.org/1999/xlink%3E%3Ctitle%3E%3C/title%3E%3Cg stroke=none stroke-width=1 fill=none fill-rule=evenodd fill-opacity=0%3E%3Cg transform=translate(-249.000000, -126.000000) fill=%23FFFFFF%3E%3Crect x=249 y=126 width=1 height=1%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E" style="width: 50%; margin-bottom: 20px;">
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;"><span style="color: black;">办法</span>5</strong></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">当你翻译的是短句<span style="color: black;">或</span>单词时，<span style="color: black;">能够</span><span style="color: black;">思虑</span><span style="color: black;">运用</span>图标替换文字。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">只要<span style="color: black;">运用</span>图标容易理解且<span style="color: black;">无</span>文化偏见或冒犯，<span style="color: black;">那样</span><span style="color: black;">运用</span>图标代替文本是<span style="color: black;">处理</span>短文案翻译空间扩展的最有效<span style="color: black;">办法</span>。值得<span style="color: black;">重视</span>的是，1.需要<span style="color: black;">检测</span><span style="color: black;">运用</span>的图标在本地文化中<span style="color: black;">是不是</span>有歧义。2，即使最通用的图标<span style="color: black;">亦</span>有些人<span style="color: black;">不睬</span>解，文字是最伟大的表意工具，<span style="color: black;">因此</span>当鼠标移过<span style="color: black;">显现</span>翻译文字解释，是一个很好的<span style="color: black;">处理</span><span style="color: black;">方法</span>。例如：</p><img src="data:image/svg+xml,%3C%3Fxml version=1.0 encoding=UTF-8%3F%3E%3Csvg width=1px height=1px viewBox=0 0 1 1 version=1.1 xmlns=http://www.w3.org/2000/svg xmlns:xlink=http://www.w3.org/1999/xlink%3E%3Ctitle%3E%3C/title%3E%3Cg stroke=none stroke-width=1 fill=none fill-rule=evenodd fill-opacity=0%3E%3Cg transform=translate(-249.000000, -126.000000) fill=%23FFFFFF%3E%3Crect x=249 y=126 width=1 height=1%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E" style="width: 50%; margin-bottom: 20px;">Google Docs<h3 style="color: black; text-align: left; margin-bottom: 10px;">2.2.5 避免在狭小空间放文字**</h3>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">在网页设计中，会用删格系统去归纳内容和适配屏幕，<span style="color: black;">通常</span>会以删格形式把内容分割成3列或4列，是一种很<span style="color: black;">平常</span>的设计版式。<span style="color: black;">倘若</span>你的内容是在1440px的尺寸下设计的，适配到768px时候，有可能会<span style="color: black;">引起</span>折行，这会影响设计的美感。而以英语为初始语言的设计，一旦翻译成别的语言，这种<span style="color: black;">状况</span>有可能会更严重。下图是中文版本与德语版本对比：</p><img src="data:image/svg+xml,%3C%3Fxml version=1.0 encoding=UTF-8%3F%3E%3Csvg width=1px height=1px viewBox=0 0 1 1 version=1.1 xmlns=http://www.w3.org/2000/svg xmlns:xlink=http://www.w3.org/1999/xlink%3E%3Ctitle%3E%3C/title%3E%3Cg stroke=none stroke-width=1 fill=none fill-rule=evenodd fill-opacity=0%3E%3Cg transform=translate(-249.000000, -126.000000) fill=%23FFFFFF%3E%3Crect x=249 y=126 width=1 height=1%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E" style="width: 50%; margin-bottom: 20px;"><img src="data:image/svg+xml,%3C%3Fxml version=1.0 encoding=UTF-8%3F%3E%3Csvg width=1px height=1px viewBox=0 0 1 1 version=1.1 xmlns=http://www.w3.org/2000/svg xmlns:xlink=http://www.w3.org/1999/xlink%3E%3Ctitle%3E%3C/title%3E%3Cg stroke=none stroke-width=1 fill=none fill-rule=evenodd fill-opacity=0%3E%3Cg transform=translate(-249.000000, -126.000000) fill=%23FFFFFF%3E%3Crect x=249 y=126 width=1 height=1%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E" style="width: 50%; margin-bottom: 20px;">
<h3 style="color: black; text-align: left; margin-bottom: 10px;">2.2.6 <span style="color: black;">照片</span>背景和文案<span style="color: black;">掰开</span></h3>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">在banner、<span style="color: black;">宣传</span>等设计图中，<span style="color: black;">倘若</span>要在<span style="color: black;">照片</span>上直接翻译，<span style="color: black;">那样</span>这将是一件繁重的工作。更好的办法是把文字和<span style="color: black;">照片</span><span style="color: black;">掰开</span>，用CSS实现翻译版本。<span style="color: black;">况且</span>这么做会让你的<span style="color: black;">照片</span>文案更清晰，<span style="color: black;">由于</span><span style="color: black;">照片</span>上传到网络会被压缩，而CSS另加的文字不会。</p><img src="data:image/svg+xml,%3C%3Fxml version=1.0 encoding=UTF-8%3F%3E%3Csvg width=1px height=1px viewBox=0 0 1 1 version=1.1 xmlns=http://www.w3.org/2000/svg xmlns:xlink=http://www.w3.org/1999/xlink%3E%3Ctitle%3E%3C/title%3E%3Cg stroke=none stroke-width=1 fill=none fill-rule=evenodd fill-opacity=0%3E%3Cg transform=translate(-249.000000, -126.000000) fill=%23FFFFFF%3E%3Crect x=249 y=126 width=1 height=1%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E" style="width: 50%; margin-bottom: 20px;">
<h3 style="color: black; text-align: left; margin-bottom: 10px;">2.2.7 避免把UI组件放句子中间</h3>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">在设计中<span style="color: black;">倘若</span>把UI组件放到句子中，例如下图：</p><img src="data:image/svg+xml,%3C%3Fxml version=1.0 encoding=UTF-8%3F%3E%3Csvg width=1px height=1px viewBox=0 0 1 1 version=1.1 xmlns=http://www.w3.org/2000/svg xmlns:xlink=http://www.w3.org/1999/xlink%3E%3Ctitle%3E%3C/title%3E%3Cg stroke=none stroke-width=1 fill=none fill-rule=evenodd fill-opacity=0%3E%3Cg transform=translate(-249.000000, -126.000000) fill=%23FFFFFF%3E%3Crect x=249 y=126 width=1 height=1%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E" style="width: 50%; margin-bottom: 20px;">
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">会<span style="color: black;">引起</span>翻译版本出错，<span style="color: black;">由于</span>以下几点<span style="color: black;">原由</span>：</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;"><span style="color: black;">区别</span>的单词词序</strong>：<span style="color: black;">区别</span>的语言，句子中的<span style="color: black;">各样</span>词性的<span style="color: black;">构成</span><span style="color: black;">次序</span>不<span style="color: black;">同样</span>，英语副词后置，法语形容词后置，日语动词后置，等等。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">复数问题</strong>：<span style="color: black;">区别</span>的语言，复数的形式不<span style="color: black;">同样</span>。英语名词的单复数有2种形式，<span style="color: black;">例如</span>“1 bottle”，“2 bottles”。俄语里可能会有3种形式，法语里有些单词变成复数后拼写<span style="color: black;">亦</span>会改变。<span style="color: black;">倘若</span>要在句子中间输入数字，<span style="color: black;">那样</span>可能会<span style="color: black;">导致</span>语法错误。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">阴阳性问题</strong>：有些语言的的单词是有阴阳性区分。<span style="color: black;">例如</span>法语，名词和形容词是区分阴阳性的，<span style="color: black;">倘若</span>要在句子中间<span style="color: black;">插进</span>下拉菜单，<span style="color: black;">那样</span>可能会<span style="color: black;">导致</span>语法错误。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">因此呢</span>把UI控件后置是更好的办法：</p><img src="data:image/svg+xml,%3C%3Fxml version=1.0 encoding=UTF-8%3F%3E%3Csvg width=1px height=1px viewBox=0 0 1 1 version=1.1 xmlns=http://www.w3.org/2000/svg xmlns:xlink=http://www.w3.org/1999/xlink%3E%3Ctitle%3E%3C/title%3E%3Cg stroke=none stroke-width=1 fill=none fill-rule=evenodd fill-opacity=0%3E%3Cg transform=translate(-249.000000, -126.000000) fill=%23FFFFFF%3E%3Crect x=249 y=126 width=1 height=1%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E" style="width: 50%; margin-bottom: 20px;">控件后置<h2 style="color: black; text-align: left; margin-bottom: 10px;">2.3 国家和语言<span style="color: black;">选取</span></h2>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">登录网站时，网页会识别你所在的地区的IP<span style="color: black;">位置</span>，从而自动匹配所在国家的版本。下载应用同理，应用商店会识别手机系统语言，从而<span style="color: black;">供给</span>相应的语言版本。然而IP识别的准确率不是百分之百，还有的<span style="color: black;">状况</span>像B国人在A国登录B国网站，<span style="color: black;">或</span><span style="color: black;">运用</span>梯子登录，<span style="color: black;">此时</span>候就需要<span style="color: black;">选取</span>国家和语言。结算货币同理。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">选取</span>国家语言时，需要<span style="color: black;">重视</span>以下几点：</p>不要<span style="color: black;">运用</span>国旗代替语言。<span style="color: black;">由于</span>有可能一个国家地区有多种语言，<span style="color: black;">或</span>多个国家<span style="color: black;">运用</span>同一种语言。在<span style="color: black;">选取</span>语言页面<span style="color: black;">必定</span>要标明用户所在国家和<span style="color: black;">运用</span>的语言。<span style="color: black;">例如</span>加拿大，有英语区和法语区，香港有英语和中文两种官方语言：<img src="data:image/svg+xml,%3C%3Fxml version=1.0 encoding=UTF-8%3F%3E%3Csvg width=1px height=1px viewBox=0 0 1 1 version=1.1 xmlns=http://www.w3.org/2000/svg xmlns:xlink=http://www.w3.org/1999/xlink%3E%3Ctitle%3E%3C/title%3E%3Cg stroke=none stroke-width=1 fill=none fill-rule=evenodd fill-opacity=0%3E%3Cg transform=translate(-249.000000, -126.000000) fill=%23FFFFFF%3E%3Crect x=249 y=126 width=1 height=1%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E" style="width: 50%; margin-bottom: 20px;">政治<span style="color: black;">敏锐</span>地区不要<span style="color: black;">运用</span>任何一种旗帜，可用占位符代替。大区<span style="color: black;">无</span>旗帜，可用占位符代替。例如：<img src="data:image/svg+xml,%3C%3Fxml version=1.0 encoding=UTF-8%3F%3E%3Csvg width=1px height=1px viewBox=0 0 1 1 version=1.1 xmlns=http://www.w3.org/2000/svg xmlns:xlink=http://www.w3.org/1999/xlink%3E%3Ctitle%3E%3C/title%3E%3Cg stroke=none stroke-width=1 fill=none fill-rule=evenodd fill-opacity=0%3E%3Cg transform=translate(-249.000000, -126.000000) fill=%23FFFFFF%3E%3Crect x=249 y=126 width=1 height=1%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E" style="width: 50%; margin-bottom: 20px;">
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">本文讨论了针对海外市场进行网页和应用设计的<span style="color: black;">有些</span>技巧和工具。以上为本文<span style="color: black;">第1</span>部分，第二部分内容<span style="color: black;">包括</span>国际化和本土化设计中的数字、货币、表单设计、联系方式设计，可用性测试等等。<span style="color: black;">倘若</span>你有更好的<span style="color: black;">办法</span>技巧或经验，欢迎给公众号留言，<span style="color: black;">或</span><span style="color: black;"><strong style="color: blue;">点击阅读原文</strong></span>，给原作者留言。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">倘若</span>你是在科技<span style="color: black;">机构</span>里接触过<span style="color: black;">或</span>直接从事<span style="color: black;">制品</span>本地化/翻译项目管理的<span style="color: black;">朋友</span>，不妨来填一下下面这个问卷，咱们<span style="color: black;">一块</span>来总结出中国科技<span style="color: black;">机构</span>面临的<span style="color: black;">制品</span>本地化<span style="color: black;">困难</span>和痛点。调查结果将择期在「<span style="color: black;">制品</span>本地化实务」与<span style="color: black;">大众</span>分享 楼主节操掉了，还不快捡起来！ 你字句如珍珠，我珍藏这份情。
页:
[1]