通过前面两篇的拆解，小鹅通的后台功能内容已经拆解过半，接下来我们来看看「数据统计」和「用户运营」这两个部分的内容，它对商家的运营来说，真是如虎添翼，让我真正感受到一款 SaaS 产品对商家的运营价值。上期回顾：四万字拆解！从0到1拆解小鹅通后台设计（二）在上篇我们对小鹅通后台设计的拆解结构和内容进行了简单的概述，...

通过前面两篇的拆解， 小鹅通 的后台功能内容已经拆解过半，接下来我们来看看「数据统计」和「用户运营」这两个部分的内容，它对商家的运营来说，真是如虎添翼，让我真正感受到一款 SaaS 产品对商家的运营价值。

上期回顾：

四万字拆解！从0到1拆解小鹅通后台设计（二） 在上篇我们对小鹅通后台设计的拆解结构和内容进行了简单的概述，并且把「初始设置」和「添加内容」两个部分已经拆解完，接下来我们将继续拆解「装修店铺」和「店铺推广」两个版块，这两个内容将会让我们了解到到小鹅通后台的强大和灵活性。

阅读文章 >

一、数据统计 当我的店铺开始运营起来以后，我最关心的就是店铺的数据统计分析了，因为我需要了解每天有多少新用户来访问，又成交了多少个订单，其次我还需要精准的数据分析来为我的运营提供支持。

1. 概况 「概况」其实是小鹅通的后台默认首页，通过这个页面，商家可以第一时间查看整个店铺经营的状况。

① 实时概况

「实时概况」提供店铺的每日最新的实时数据，在这个栏目可以看到今日店铺访客数、今日新增用户数、今日支付金额、今日订单数、待付款订单、待发货订单等数据。这对运营者来说，打开后台就能第一时间查收到店铺当日的实时数据。

② 最近内容

「最近内容」展示店铺最近更新内容的数据，比如浏览量、订阅量和学习人数。不过这个栏目的设计让我陷入焦虑，我不太明白这个栏目内容排序是按照商家最近更新的商品排列，还是按最新有订阅和学习人数的商品排列，官方也没有给出详细的说明。

③ 平台动态

在这个版块，商家可以获取小鹅通最新的平台动态、资讯、新功能预告和热门话题。在小鹅通的知识生态池里，店铺不是一座座孤岛，而是可以通过小鹅通的链接，可以一起学习交流知识付费的获客、激活、变现、推广的方法。这也是一个 SaaS 软件最大的魅力，用科技设计工具，用工具帮助企业成功。

2. 交易 「交易」汇总了商家知识店铺的所有订单交易，在这个版块，商家可以查询整个店铺的交易数据，其次还提供了订单工具、售后管理和资产管理的功能。

① 订单管理

全部订单

「全部订单」主要为商家提供店铺产生的订单的查询统计，这个栏目主要包含两个内容，头部是检索（包含了交易单号、订单时间、商品类型、核销状态、支付方式等多种检索条件），底部是订单列表（包含待付款、待成交、待发货、已发货、已完成、已关闭、售后中和待核销8个状态）。

「订单详情」包含订单信息、支付信息、买家信息、发票信息和商品信息，可以查询订单号、订单类型、下单时间、支付时间、支付方式、渠道来源、买家信息等数据。可以看出，功能越多，订单详情的字段就越复杂。

迭代建议

订单的检索框占据了屏幕的一大半，虽然设计了「收起」功能，但却不是默认，这影响了商家的操作体验。其次订单列表的设计排版略显混乱，字段太多，订单与订单之间的层级没拉开，有视觉干扰。

评价管理

「评价管理」主要为商家提供用户评价的查询和管理，当用户购买商品发表评论以后，商家可以在这个栏目进行审核、回复、删除以及设为精选。

② 物流管理

「物流管理」主要针对实物商品，包含「批量发货」和「配送管理」两个栏目。在配送管理，可以设置商家的运费模版、到店自提信息和发货地址等信息，商家可结合自己的实际情况进行操作。

③ 订单工具

核销工具

「核销工具」可以查询到店自提、服务类商品的核销码，还可以查询店铺的核销记录。

电子合同

「电子合同」是一个第三方工具，由「法大大」提供。它可以帮助商家解决高价知识商品学员不敢下单，纸质合同效率低、成本高等痛点，通过在线合同签约，快速完成签约，降低客户流失率。（这个功能需要开通旗舰版，并进行企业认证才能试用）

④ 售后管理

「售后管理」包含「售后维权」和「批量退款」，主要为商家提供用户退款申请的查询和管理。

⑤ 资产管理

支付设置

「支付设置」包含收款设置和付款设置，商家可以选择绑定自己的微信支付、支付宝和抖音小程序的支付账户，绑定后，店铺才能正常收款。

账户管理

「账户管理」为商家提供对收款账户管理、更改和查询的功能，如果商家需要更改收款账户，从这个栏目就能进行操作。

交易管理

「交易管理」可查看商家店铺的所有订单交易明细，包括待结算、交易成功、交易关闭和退款的交易记录，在「交易账单」，还可以按月、按季度查看汇总。

分账管理

「分账管理」包含「线上分账」和「线下付款」两个栏目。在「线上分账」可以查询到店铺商品通过推广分销的分账记录；「线下付款」包含应付账单、提现申请和付款记录三个内容，这个栏目主要处理分销商的提现申请。

提现管理

商家开通知识店铺以后，用户支付的费用是支付到小鹅通官方，商家需要在这个版块发起提现申请才能到账。小鹅通也支持用户自动提现到账功能，商家开通后，账户余额自动打款到商家账户。

体验小结

「资产管理」这个版块，对于新手商家来说，学习成本太高了，特别是分账管理和提现管理这两个功能，就像是一场体验灾难。我找了系统客服才弄清楚「分账管理」的「提现申请」是针对 C 端的佣金提现申请（在订货商-业绩管理栏目，并没有提现申请审核功能，所以我一度认为这是订货商的提现申请管理），这花费了我的很多时间。其次我也没弄懂「提现管理」这个功能，我一直以为店铺交易的金额都是自动进入我的账户，后面才发现需要在这个栏目像平台发起申请才能收到费用，这个版块的功能语义给新手商家造成了太高的学习成本。

3. 数据 数据是支撑商家运营最重要的指标，通过对店铺及用户的数据分析，可以为商家提供准确的运营策略参考。

① 数据概况

「数据概况」包含实时概况、核心指标、流量看板、转化看板、商品看板和用户看板 7 个内容，是对整个店铺数据的实时监控和概览，包括监控访问和订单等核心指标的当天实时情况和近期趋势，并通过流量、转化、商品、用户，四个看板的核心指标反映店铺昨日运营状况。

② 流量分析

「流量分析」包含了「流量趋势」和「流量分布」，提供了每日访客数、访问量等流量指标及其趋势，并支持查看流量的终端系统、渠道和地域分布情况。这个功能可以帮助商家监控店铺每天的访问规模及变化情况，通过流量的终端系统、渠道、地域分布了解流量的主要来源。

③ 交易分析

「交易分析」包含「交易概况」和「交易构成」，提供了与店铺交易相关的访问、下单、支付转化及各个环节的转化率，并支持查看新老付费用户的占比构成、订单金额的分布情况等。这个功能可以帮助商家分析访客从进入店铺到最终成交各步骤的转化率，定位用户转化路径中的主要流失环节，并对比交易核心指标的趋势，评估运营措施是否有效。

④ 商品分析

「商品分析」包含了「商品概况」和「商品效果」，这个栏目统计了店铺的所有商品销售数据，根据商品的访客和支付进行排行，为商家提供一个全面的商品数据概览。其次还支持对商品进行「单品分析」，从销售、流量和客群三个角度全面统计，为商家精细化运营提供策略建议、数据依据。

⑤ 直播分析

全店概况

「全店概况」可以查看商家所有的直播数据，包括近期直播、直播趋势，系统还根据流量、观看人数和市场为商家生成红榜（人数多、人气火爆）和黑榜（流量和关注人数低），帮助商家找到直播效果优秀与表现欠佳的直播。

直播效果

「直播效果」是针对每一场直播的详细的数据统计，比如直播间浏览量、访客数、最高在线人数等，其次还有两个非常强大的功能——实时大屏和单场分析。

实时大屏

「实时大屏」就是系统可以根据直播间的数据实时生成数据可视化大屏，实时展示直播人气、观众、带货等数据，满足多场景数据展示需求，提升直播效率，这个功能可以应用到大促活动、品牌宣传等场景（此功能仅支持旗舰版使用）。

单场分析

「单场分析」包含数据概览、实时趋势、观众画像、评论分析和带货分析，通过实时数据、用户画像、评论词云分析、带货分析等分析能力，对单场直播进行深度诊断，帮助提升直播效率。这个功能对于商家对单场直播的复盘总结有非常大的帮助（此功能仅支持旗舰版使用）。

⑥ 用户分析

「用户分析」包含用户概况及趋势和付费用户，帮助商家了解店铺用户的增长、活跃及转化情况，及时调整用户运营策略。

⑦ 学习分析

「学习分析」包含学习概况及趋势、学习详情和学员排行三个内容，帮助商家了解学员学习的真实数据，比如学习人数、课程完课率、学习时段分布，从而为课程内容的优化提供数据参考。

⑧ 下载中心

「下载中心」主要是帮助商家管理台文件导出的统一管理和成功率监控，实现下载的文件可追溯、下载记录可查询，同时优化查询和搜索体验，实现下载管理的权限控制，避免重要数据外泄。

设计思考

最初我对这个功能不理解，感觉很鸡肋。不过查看了官方的「帮助文档」以后，我才发现这个功能为商家的运营安全性考虑得很周到。这让我联想到银行的企业对公系统也有类似的「下载中心」，当用户申请电子回单后，用户需要跳转到下载中心才能下载。这样的路径跳转看上去繁琐，但事实上是为了实现下载的文件可追溯和下载记录可查询，避免重要数据泄露。

⑨ 体验小结

小鹅通的「数据分析」几乎覆盖了商家从引流、激活、变现到留存的所有阶段，不仅有对店铺流量、交易这样宏观的数据分析，还有对商品、直播这样的单品和单场微观分析，这些精准、全面、真实的店铺数据，帮助商家可以不断优化调整运营方案，获取成功。

二、用户运营 对用户的研究和运营是一个知识店铺的重中之重，只有对用户有了充足的了解才能知道用户到底需要什么，从而不断调整优化运营方案。

1. 用户 「用户」这个版块，主要为商家提供一个清晰直的运营助手，通过这个版块，可以为我的用户打标签、制定运营计划等，让我对他们的学习行为数据全面了解。

① 用户概况

「用户概况」是对店铺用户的统计概览，可以查看店铺实时用户数据（包含累计用户、今日新增用户等），其次还有店铺重点运营人群的数据统计，比如企微用户、超级会员等。

② 用户管理

用户列表

「用户列表」包含「全部用户」和「用户学习统计」两个内容。在用户列表，商家可以查看店铺用户的详细数据，比如用户来源渠道、账户绑定手机号（还有一个最近采集手机号，以防用户更换手机号码）、消费次数、消费总额等，其次还可以直接联系用户（支持店铺消息和发短信）、给用户贴标签、增减积分和设置黑名单（禁止评论、购买和访问）。

1）用户详情页

每一个用户都有详情页，「用户详情页」包含了用户资料、用户标签、超级会员权益、用户资产（包含积分、优惠券数量、兑换码数量等）和行为统计（包含学习数据、课程进度、用户评论和订单记录等）。通过对用户多维度的数据统计，可以帮助商家对用户有更全面的了解，从而可以对用户进行分类，推出更精准的商品服务。

2）用户学习统计

「用户学习统计」包含汇总数据、课程数据和考试数据。「汇总数据」是「课程数据」和「考试数据」的数据汇总，可以查看用户的累计学习时长、累计学习天数、提交考试、提交作业的信息，这个功能可以帮助商家了解用户真实的学习情况，从而进行课程优化调整。

标签管理

「标签」可以帮助商家快速定位目标用户，并依据标签进行定向运营，从而提高运营效率。小鹅通的标签分为两种形式，一种是「手动标签」，输入关键词就可以自动生成；另一种是「自动标签」，可以通过设置用户行为和学习行为的条件，当符合条件的用户出现时自动生成。

「用户行为」是根据用户在店铺的消费行为来设置，包含注册时长、最近访问商品（可选择用户访问的指定商品）、收藏商品、下单商品、购买商品、消费总额和消费次数7种类型；

「学习行为」是根据用户的课程学习行为来设置，包含累计学习时长、打卡次数、完成的课程、加入的打卡、提交的考试、提交的作业和加入的社群7种类型；

自动标签的生效规则支持满足任一条件生效和满足全部条件同时生效，非常灵活。

设计思考

「自动标签」这个功能的设计实在是太赞了，不仅可以根据「用户行为」和「学习行为」的 14 种类型进行设置，还可以根据这些用户行为进行组合生成不同的标签。比如你想快速判断哪些用户是你的忠诚用户，你可以建立一个「忠实用户」的标签，然后设置「消费总额」超过 1000 元和「累计学习时长」超过 10 小时这两个行为，当用户满足这两个条件以后，系统就会为他自动生成「忠实用户」的标签。

③ 用户运营

用户分群

「用户分群」和「自动标签」有点相似，通过设置用户行为和学习行为，把用户进行快速分组。这样的好处是方便商家对不同的用户人群进行定向运营。

「新建人群」和「自动标签」一样，需要设置用户行为和学习行为，相比「自动标签」，「新建人群」的用户行为更多，包含了15种类型，内容更丰富。 当「用户人群」建立以后，商家可以查看人群分析、导出数据以及定向开展运营活动。

运营计划

「运营计划」是一个以提高商家运营效率和效果为目标的工具，商家可以针对指定的人群发放权益和活动通知，用高频的外部触发来实现活动目的。官方设计了五种智能运营，对应了五种不同的场景，比如流失客户召回，主要针对那些在店铺有过消费但 30 天未回放过店铺的用户。

新建计划

「新建计划」包含三个内容，在基本信息，商家可以选择目标人群，然后选择计划方式，包含长期计划（商家可选择起始时间，系统会在这个时间段内向用户发送营销通知）和定时计划（在商家设定的时间内进行营销通知）。 在「权益礼包」，商家可以选择运营计划赠送给用户的权益，可选择优惠券、超级会员和积分。 在「通知设置」，商家可选择向用户发送营销通知的形式，比如发短信、发送店铺信息、企业微信发送等。

智能运营

「智能运营」是小鹅通官方给商家设计的五个场景，分别是兴趣转换（激活 7 天内未付款订单）、新客复购（促进成交过 1 次的客户在 30 天内复购）、维系高活跃用户（对近 7 天访问商铺的用户进行维护）、流失客户召回（召回在店铺有过消费记录但已经 30 天未访问店铺的用户）和激励喜好用户（对收藏过店铺商品的用户进行激励）。这五个场景，可以极大降低商家的学习成本，一键开启运营计划。

数据分析

在运营计划开启后，商家可以通过「数据」查看计划的详细数据。从覆盖人到付款人数，通过转化漏斗，多维度向商家统计出各步骤的转化率，帮助商家可以灵活调整计划，实现运营目标。

超级会员

「超级会员」可以简单理解为店铺的 VIP 会员，商家可以建立不同的会员规格，以商品的形式进行售卖，比如季度会员、半年会员和年费会员等。这个功能不仅是商家的用户运营利器，还可以提高忠实用户客户量、留存率和活跃度。

1）添加会员卡

会员卡的添加包含基本信息、会员权益、展示设置和会员说明四个部分。通过可视化的设计，用户可以实时预览「超级会员」的页面效果，体验非常好。

在「基本信息」，可以设置会员卡的规格，比如1个月、3个月、6个月的有效期，还可以限定用户购买的次数； 在「会员权益」，可以设置会员卡的折扣权益（支持指定特定商品）、免费权益（支持对图文、音频等栏目统一设置）以及和优惠券、优惠码进行权益叠加； 在「展示设置」，可设置会员卡的界面风格，支持自定义上传，还可以加入权益商品的展示。

细节侦查

小鹅通这个产品，几乎所有核心页面都支持商家自定义配置，几乎是傻瓜式的操作，虽然牺牲了一些个性化的设计，但极大降低商家的运营成本。

2）会员卡详情页

会员卡建立以后，可以从会员卡列表进入会员卡详情页。「会员卡详情页」包含了会员列表、数据分析和运营设置三个内容。

在「会员列表」，可以查看购买超级会员的用户详细信息，可以给用户贴标签、延长有效期等； 在「数据分析」，可查看超级会员详细的用户数据，比如累计会员数、新增会员数、用户转化漏斗、会员地域分布等数据，通过多维度的数据分析帮助商家提升运营效率； 在「运营设置」，可以对用户的信息进行采集（调用店铺的信息采集微页面）、CRM分配和私域引流的设置，帮助商家获取新用户的信息，拉新转化。

3）全局设置

「全局设置」是为商家提供对「超级会员」统一设置的功能，，比如是否支持换购其他会员卡、是否支持用户分享获益等。

设计思考

「超级会员」是一个非常好的营销工具，它可以满足商家按月、按年的收费场景，相较于单个课程一次性的买卖，「超级会员」更适合打造高质量内容知识店铺，也能帮助商家拓展一批忠实付费会员。

积分商城

「积分商城」是一个非常基础的营销功能，作为用户留存的重要手段，小鹅通的「积分商城」以消费、任务两种积分发放方式，抵现、兑换两种消耗方式，构建起了基础的积分体系，帮助商家维系存量用户，提高店铺的用户留存率。

1）积分发放

「积分发放」包含「消费发放积分」和「任务发放积分」两种类型。「消费发放积分」是指商家可以设置用户在店铺的消费任务奖励积分，有效刺激用户消费，这个功能支持商家自定义配置，非常灵活。

「任务发放积分」包含基础任务（绑定手机号、完善个人信息）、学习任务（可设置学习时长等）和助学任务（连续打卡奖励等），用户完成对应任务后可获取积分，有效提高用户留存率和活跃度。美中不足的是，这个功能不支持自定义配置，灵活性较低。

2）积分消耗

「积分消耗」包含「积分抵现」和「积分兑换」两个功能。「积分抵现」是指用户在购买指定商品时候，商家可以自行设定积分抵扣的比例，从而刺激用户消费。

「积分兑换」是指用户可以通过积分兑换指定的商品，这是一种常见的会员权益。

3）用户列表

「用户列表」主要提供查询店铺用户使用积分的情况，比如给用户增减积分、查询积分明细等等。

4）通用规则

「通用规则」为运营者提供积分规则的设置，比如积分有效期、积分冻结期，其次还支持手动设置积分规则的页面内容。

信息采集

「信息采集」是一个非常灵活的用户信息采集工具，通过自定义配置（包括手机号、微信号、姓名、联系方式等字段），可以帮助商家在店铺的运营中有效搜集用户的资料，清晰刻画用户画像，搭建思域流量池。其次「信息采集」作为一个公共组件，关联了很多使用场景，比如超级会员、拼团等，它就像一个微页面一样，商家可在指定功能版块进行灵活配置。

1）新建流程

「信息采集」包含三个步骤，第一步是「编辑表单」。商家可根据自己的需要拖曳左侧的组件库（包含联系人组件和基础组件两个分类，比如姓名、年龄、公司、证件号、电话号码、生日、行业等）。

第二步是「采集设置」，可以填写采集表的引导信息（包含标题和提示文字），可以开启重复采集（若信息关联多个场景，支持用户单独填写，商家无需重复建立）和独立采集。

第三步是「选择采集场景」，包含指定商品购买、优惠券领取、活动打卡等，这一步非必选项，商家可结合店铺运营实际操作。

迭代建议

「信息采集」这个采集工具真的非常方便，可以帮助商家高效地搜集精准用户信息，从而提升运营效率。不过「信息采集」的用户数据只支持导出到本地，而不像其他栏目有详情页和数据分析，这降低了信息采集的效率，效果大打折扣。

④ 消息互动

「消息互动」是指商家可以为用户发送消息通知，用户也可以通过这个功能向商家提供反馈。「消息互动」包括「消息列表」、「用户反馈」以及「评论管理」三个模块，通过这个功能，可以让商家统一管理与操作店铺消息，及时掌握学员的最新情况，通过反馈及时调整产品策略。

迭代建议

在新建「消息推送」的模块，“发送人”的语义不够准确，这会让商家对这个字段搞混淆，不知道这个表格填入什么信息。其次也缺少了推送给指定用户组，不够完善。

⑤ 体验小结

作为一个知识付费的从业者，在体验完「用户」这个版块以后，几乎放弃了传统模式定制开发的念头。「自动标签」的设计，让我大开眼见，原来小鹅通的系统可以根据用户的行为来生成标签，这可以让你快速知道哪些用户才是愿意为你的知识付费的重视人群。「运营计划」这个功能设计得太好了，官方不仅提供了五个常见的运营场景帮助商家提升运营效率，而且傻瓜式的权益配置极大降低了商家的学习成本。「超级会员」更是完善了知识付费的其他场景，比如按月收费、年费会员等。

2. 圈子 「圈子」就像一个知识星球（一款社群工具），主要为商家提供一个老师和学员进行日常活动交流和高质量内容沉淀的社区工具。「圈子」的功能非常丰富，支持设置群主、成员管理、发布及精选图文动态、置顶群公告等功能，其次还支持在圈子内添加学习任务，满足训练营场景，学员可直接在圈子内学习课程、交流与互动，最终帮助商家打造一个高品质的学习型社群，提高学员的忠诚度和留存率。

① 创建圈子

「圈子」的创建比较简单，填入基本信息以后，需要在「售卖设置」选择入圈方式，支持免费、付费模型，还可以关联专栏、超级会员和设置入圈截止时间，「圈子」就创建成功。

② 圈子详情页

「圈子」创建成功以后，在列表页可以对「圈子」进行管理操作，包括管理、编辑、分享、删除和转让圈主等功能。

内容管理

「内容管理」是针对圈子发布内容的管理，包含动态列表、待回答和圈子标签三个栏目。管理员在这个页面发布圈子动态，对圈子发布的动态进行审核、编辑、删除和加精。

售卖设置

「售卖设置」是指对圈子的加入方式进行编辑，支持付费和免费两种模式，但付费方式仅支持从“免费”改成“付费”，其他功能和「圈子」新建无区别。

应用管理

「应用管理」包含三种应用类型，课程、日历打卡和商品橱窗。这三个应用其实对应「圈子」前端的一级栏目，添加以后学员在圈子首页就能访问，帮助商家提升付费转化和用户活跃度。

运营设置

「运营设置」包含信息采集、CRM 分配、续费通知、私域引流和圈子展示五个栏目，主要帮助商家结合其他营销工具提升用户的运营效率，比如可以开通「信息采集」工具，高效精准搜集用户的信息，还有 CRM 线索分配，可以把潜在用户分配给其他员工。

激励设置

「激励设置」为商家提供了「成长任务」和「勋章」两个营销工具。在「成长任务」，商家可以针对用户的互动、课程学习以及打卡设计排行榜，比如发帖数、评论数、分享等；商家开启「勋章」以后，可以建立「圈子」的勋章体系，不仅可以对活跃用户进行奖励，还能有效刺激用户参与度，最终提升用户的活跃度。

成员管理

「成员管理」是对加入圈子用户的统一管理，可以查看用户的详情页，了解用户的详细信息和活跃度；可以给用户贴标签，锁定精准用户；还可以给用户延长有效期、加入黑名单和移除圈子。

数据分析

「数据分析」包括交易数据、活跃数据、学习数据和打卡数据这四个维度，在这个栏目可以查看到圈子所有的数据信息，比如累计支付金额、今日加入成员、课程学习完成率、任务完成率等，有效帮助商家提升圈子的运营效率，及时调整运营方案。

③ 体验小结

如同前面的比喻，「圈子」就像一个知识星球，为商家提供了一个功能强大的社群工具，帮助商家打造一个高品质的学习型社群。和「知识星球」相比，「圈子」更能帮助商家提升付费转化率，比如商家可以通过「应用管理」就可以添加商品和课程，从而提升付费商品的曝光度。再加上 CRM 分配、私域引流等工具，「圈子」可以通过用户的日常行为数据帮助商家获取用户的付费意愿、偏好和消费能力，提升店铺的业绩。

感谢阅读，小鹅通 产品拆解 的第三部分就到这里，下一篇是小鹅通后台拆解的最后一篇，我们将会拆解企微 CRM 这个核心功能以及对小鹅通的后台设计进行设计总结。

前言最近公司的移动端项目需要上线部分东南亚国家的业务，在参与多语言适配的过程中，我深刻感受到「国内设计思维」与「表音语言文本」的冲突。很多在中文环境中看似合理的设计，在切换其他语言环境后常常“面目全非”。我们经常说多语言设计的“坑”很多，是因为我们需要在相同的信息框架和界面内，保证信息可以清晰明确地传递给不同语言...

前言

最近公司的移动端项目需要上线部分东南亚国家的业务，在参与多语言适配的过程中，我深刻感受到「国内设计思维」与「表音语言文本」的冲突。很多在中文环境中看似合理的设计，在切换其他语言环境后常常“面目全非”。

我们经常说多语言设计的“坑”很多，是因为我们需要在相同的信息框架和界面内，保证信息可以清晰明确地传递给不同语言环境、不同文化背景的用户，这要求我们的设计必须有足够的适应性和兼容性。

因此，如何做好多语言设计？如何预知问题并提前规避？对于设计师来说是一项重要挑战。本文从移动端着手，以图文的形式介绍多语言适配、设计过程中需要关注的要点和一些建议，希望可以帮助设计师规避从设计到落地过程中可能存在的“坑”，更好地与上下游进行协作。

更多 多语言设计 方法：

6500字干货！出海产品设计之多语言设计指南 导语 | 本文主要面向设计师们，文章从界面设计的角度介绍了在出海产品中，多语言设计的相关原则及要点，希望可以帮助刚接触或正在做出海产品的设计同学，建立起对多语言设计的初步认识。

阅读文章 >

一、多语言常见问题 1. 文本长度

文本扩展导致的布局问题，是多语言设计中最常见的问题。大多数的表音语言，其文本平均比中文长 30%~50%。因此我们需要有足够灵活的布局和统一的设计规范，来处理文本扩展导致的布局问题。如下图，在中文环境中看起来很常规的入口设计，在翻译成其他语言后，就会暴露问题（文本与图片重叠）。

在中文环境中当文本内容超出容器宽度时，设计通常会使用以下三种处理方式，这三种方式对于其他语言同样适用：

超出内容省略； 通过交互弥补空间限制； 允许有限/无限制地换行；

2. 文本语序

在设计环节，设计师会不断调整各个元素的排列方式来确定最优方案。在中文环境中我们经常会使用一种句式的结构，就是将 UI 组件包含在文本内容中组成完整句式。这种情况我们需要注意在切换其他语言环境时，文本的语序可能会发生变化，从而造成理解困难。最好是将文本与 UI 组件相互独立，例如考虑将 UI 组件放在文本的后面（下图）

3. 媒体元素

除了组件、文本以外，图片或视频等媒体元素也是多语言场景下不可忽视的一环。

通常研发仅仅抓取页面上的字段、文本提供给翻译团队，而图片或视频内容的中的文本，则常常会被忽略。

对于一些与品牌、产品相关的重要媒体元素，我们需要根据不同的语言环境对媒体元素内的文本进行相应的翻译；至于次要的媒体素材，或者是有大量图片的场景，比如功能介绍、帮助中心的图片、视频，考虑到翻译成本，建议只翻译中、英两种语言即可。

4. 标点、符号和格式

标点作为语言起承转合中不可或缺的一个元素，往往也容易被设计、研发所忽略。不同的语言环境对应着不同的标点符号样式，需要在多语言适配阶段额外关注。

以上图为例，不同的语言环境分别对应不同类型的标点符号。（泰语通常没有标点符号）在验收走查的过程中，我们需要留意不同语言环境中标点的使用。

通常研发将产品内的一段连续文本提交给翻译团队，得到的目标语言文本，连标点符号都是跟随目标语言，这种场景无需过多考虑。

但需要尽可能考虑到所有的翻译场景，例如：

上图中 “你好，用户名！”，其中问候语是前端预设的文案，而用户名则是读取[user id]的数据，不受翻译影响。所以虽然看上去是一句话，但实际上包含了两种类型的字段。研发可能仅仅只将问候语提取出来，提交给翻译团队，而忽略了标点符号，从而导致标点符号没能跟随语言环境而切换。要避免这种情况，建议提前与研发沟通，把标点符号也加进翻译文件内里面，标点交给翻译团队处理；

除了标点样式，常见的诸如金额符号、日期格式、通信前缀等也需要注意在不同语言环境中做对应的调整。

二、设计侧怎么做 1. 尽量预留更多的空间

根据产品战略布局，设计应前瞻性的考虑产品的拓展性和灵活性，因此需要提前考虑布局多语言后的展示效果，从而在设计的时候给出最合适的方案。

在中文环境的设计流程中，往往业务文案会结合实际设计再做调整，以便能达到最理想的排版和布局效果，但布局多种语言后，由于译文长度不可预知，往往需要通过换行来保证文本的完整性，而最直接的方法就是预留足够的空间(通常建议多预留一行文本高度)去适应译文。

以金刚区、宫格等重要的功能入口为例，若设计侧未预留空间（前端写死高度的场景下），内容超出容器宽度而省略，会造成文本缺失可读性变差。而多预留一行文本高度，可以保证绝大部分的文本完整展示。另外，在常规情况下应尽量确保单个单词不被拆开换行。

2. 更为灵活的布局方案

因为移动端硬件的特性，通常页面的横向空间较为限制，而纵向空间因为交互习惯（上下滑动）的关系，可以向下延展。故在设计时，可以尽量发挥纵向空间的优势进行设计。

例如上图常见的表单输入框，通常为了保证右侧输入区域的内容展示，会牺牲左侧字段标题的宽度，而导致左侧文本需要省略或折行。布局多语言后，会使得左侧的空间更加局促。如果换个思路选择上下结构的样式，可以保证无论是字段标题还是输入参数均可以在足够的宽度内完整展示，且高度上与常规输入框换行后相差无几。

我们在设计结果页时，通常会习惯性的使用左右平分的按钮组合来展示相关操作，但这一定程度上限制了按钮的宽度，在切换其他语言环境后，文本可能会接近或超出按钮的临界宽度。但如果根据业务优先级将按钮调整为上下布局的话， 则单个按钮内的文本拥有足够的宽度，保证其文本的完整展示。

3. 适当降低区域内信息密度

不能苛求在一行内展示更多的信息，因为这样只会带来更弱的适应性。在中文环境中，我们通常希望在有限的区域内承载更多的信息，以保证信息的传递效率，但这种效率，在多语言场景下很可能会踩坑。如果无法完全保证译文在区域内正常展示，可以尝试换行或收起的形式来降低信息密度。

在单行内如果包含数量、金额等长度不确定的数据类型时，我们应该在设计初始阶段(即便是中文环境)就应该保证数据类型的显示不会与其他元素产生冲突，而不是在切换语言、走查后着急忙慌地去进行调整。

4. 图文尽量分离

如果项目没有多语言的需求，我们往往会直接将图片连同文本一并切给研发进行配置。而布局多语言后，如果还是将文本直接嵌入图片中进行切图，我们则需要对项目内所有图片、所有的文本进行替换并导出，这一方面会增加应用的大小，另一方面也容易产生遗漏。

所以我们建议最好能够实现图片和文本的分离，即文本用代码去实现，便于替换。这样就可以在不替换图片的情况下，通过代码替换字符串来满足多语言的需求。

除了文本外，在图片和图标素材的设计上也尽量不要展示货币符号，使用常规通用的元素进行设计，例如金币等...

5. 使用适应性更高的组件

很多常见的组件通常更适合在中文环境中使用，因为中文可以通过精练的语言来表达复杂的功能释义，而这些组件往往不适合长文本的展示，所以我们需要考虑在业务实现的前提下，使用适应性更高的组件。

例如常见的气泡菜单，作为一个轻量化的组件，在文本较长的语言环境下，可能会造成组件的宽度过长而影响视觉效果。换一种思路，考虑到该组件是为了展开操作选项以供用户选择，则也可以通过上拉菜单实现相同的功能，并且可以完美适配文本过长的场景。

6. 通过交互弥补空间限制

上文说到，当内容超出容器时常见的三种处理方式，其中的一种是通过交互来弥补空间上的限制。并不是所有的内容都适合换行展示，有时候多文本、多 Tab 在换行后呈现的效果会给用户带来较大的视觉压力也会使页面丢失平衡，基于此类场景，我们更希望通过包括滑动、折叠等常见的交互，来保证视觉上的平衡。

以通知栏为例，通常通知栏内承载着告知用户的重要信息和提醒，在切换其他语言环境后，可能会触发多行展示，一方面信息过多可读性不佳，另一方面由于其组件本身悬停在页面上的特性，占用单屏过多的高度，使得屏幕的使用率不高。因此我们考虑使用动态的通知栏，通过自动循环，横向滚动的形式单行展示信息，以此解决阅读体验和空间限制。

最后 当我们使用相同的信息架构和界面去承载不同的语言时，实际上是一个把不同语言环境、不同文化背景的用户之间的共性提炼出来的过程。在这个过程中涉及的细节很多，十分考验设计师是否具备前瞻性和灵活的布局处理能力，这些能力都需要在不断的试炼中学习、总结。

当然不仅仅是设计，在整个研发流程中，如果能够让项目团队都重视多语言适配这件事情以及提前发现问题，更有利于提高整体的界面观感和完整度，减少修复问题的成本，打磨出更友好的多语言产品。

欢迎关注作者微信公众号：「Gtech UED」

从毕业开始，我们每天接近一半的时间都在职场中度过。用一个不恰当的例子就是：“每天陪伴你时间最长的不一定是父母，而是周围的同事”，仔细想想也是这个实情。既然大部分时间都在职场环境中，这个环境的氛围对我们的影响也是非常大的。

从毕业开始，我们每天接近一半的时间都在职场中度过。用一个不恰当的例子就是：“每天陪伴你时间最长的不一定是父母，而是周围的同事”，仔细想想也是这个实情。

既然大部分时间都在职场环境中，这个环境的氛围对我们的影响也是非常大的。轻松愉快的氛围可以让我们拥有愉悦的心情，而充满负能量的环境同样也会影响我们心情，进而产生的情绪也容易被带入家庭。

黑马哥在十几年的职场中也遇见过不同的职场氛围，也有充斥着各种负能量的环境。今天就和大家聊一下这个话题，我们都要远离职场负能量，实现快速成长。

更多职场干货：

职场遇到这10种要求，设计师请学会拒绝！ 职场中总有这样一群人，总喜欢麻烦别人，把自己的事情交给别人来完成；也有这么一群人，不好意思拒绝别人的事情，导致自己的工作做不到极致。

阅读文章 >

一、老员工习惯性吐槽老板 员工是为公司创造价值，而老板是为这份价值支付报酬，大家都是属于公平交易。如果你觉得公司和老板不好，跳槽就好了，一边不想走又继续做着项目，一边又在吐槽老板吐槽公司。这个吐槽习惯也会影响到周围的同事，是一件损人不利己的事情。

如果你在这样的环境中工作，久而久之心态也会受到影响，这样的负能量不远离就会被感染。你周围的老员工如果不能在专业技能和 职场经验 上带给你帮助，还日复一日地给你传递负能量，想要进步那估计是不太可能的事情。

职场中觉得公司和老板达不到自己的期望值，我们可以离职换个新的环境，但是不要陷入吐槽的负能量中。这样不仅会导致专业能力原地踏步，也会给自己的心态带来不利的影响。

二、同事总爱吐槽客户 客户不懂设计是常有的事儿，对 设计师 的付出挑三拣四也是正常，就像我们自己买东西也会反复挑选一样。偶尔吐槽一下缓解压力也无可厚非，只是长期处于这样的负能量中，我们的情绪估计也会越来越负面化。

我们在职场中与同事的相处时间比较长，同事的言行举止也会影响我们的心境。和一个阳光积极的人在一起，自己也变得轻松愉快；和一个吐槽客户习以为常的人在一起，自己也会变成那个样子。

走近那些给你阳光的人，远离那些影响周围氛围的人。

三、员工之间扎堆互相吐槽 在职场中我们要少说多做、不参与，人多是非多，参与的时候别人觉得你很爽快，其实背后也许也在议论自己。有人比较习惯这样的八卦氛围，不过如果想要更快地成长还是需要多在项目中花心思。

如果八卦的氛围变成负面的吐槽，也会影响我们的情绪。虽然我们无法管住别人的言行举止，但是我们可以让自己逐步远离这样的负面氛围，这样才能沉下心来学习更多有用的东西。

四、煽动你降低设计质量 如果你在一个设计质量要求较高的团队里面，你不想进步都难。就怕团队里面有这样的一个声音：“这个随便做做就好，没必要浪费时间等等”，低要求也许可以让我们很快完成工作，但是却不能让我们快速成长。

对你的要求很低也是一种变相的不重视，觉得你的付出无关紧要，这也是一种负面的影响。在一个大家都不重视输出质量的团队里面，你想要推进出一个好的项目也是很难的，因为总会有一群人在说服你就这样就好了，没必要较真。在职场中我们要有自我要求，职场初期不要求自己，后期就是淘汰的那一批。

五、讨论时习惯性人身攻击 在工作中遇到意见不统一很正常，各抒己见产生争论也是常有的事儿。不过初入职场由于专业能力不成熟，项目经验也不丰富，经常被领导或者对接人批评是难以避免的。

只是我们需要明白一点，你可以骂我能力不行，但是得对事不对人，如果习惯性的往人身攻击层面偏离，是我们不能忍受的原则。经常和一个脾气暴躁的人工作，自己的情绪也会受到干扰。跟着一个总是贬低你却没有提升建议的领导，估计收获的除了负能量也没有别的啥了。

职场中我们要接受有效的建议，也能容忍别人的批评，但是不能没有底线，我们只是经验不足而已。

六、领导带头不务正业 曾经有一位学员给我聊起他们领导经常在外面接私单，还安排她来完成，事后也会给一些微不足道的报酬。占用了很多业余时间，得到的回报也比较低，由于是领导安排的又不敢拒绝。这个就属于典型的领导带头不务正业，破坏了员工对忠诚度的意识。

虽然有人觉得多了一份额外的收入不是好事儿吗，但是这个也限制了我们的职场晋升，注定属于小团队思想。谁会愿意提拔一个会在公司干私活的员工呢，无非属于利益层面的关系罢了。聪明的设计师要学会拒绝，就算偶尔帮一两次领导的忙，也最好不要涉及利益层面。

不过话又说回来，在团队里面如果领导都无法传递正确的职场观念，这样的团队可能不会给你带来更好的发展。有时候我们要敢于拒绝，也要多规划自己的职场路径，无法改变团队现状就要早点说拜拜。

七、团队氛围压抑让人窒息 工作占据了我们的大部分时间，这些时间所属的场景会影响我们的情绪，这也是所谓的职场情绪化。如果在一个氛围很压抑的团队里面，下班回家要嘛就是无精打采，要嘛就会把情绪带给家人，这些都是不利好的负面影响。

团队压抑的氛围会来自负担过大的业绩压力、领导情绪化的指责、周围同事情绪化的言语传递、排斥自己的工作内容、工作能力不被认可、长期过度加班等等。这样的团队氛围让你不想去上班，每天都在紧张状态中度过，会让你精神疲劳，有种想要逃避的念头。

在一个让你窒息的团队氛围中是无法进步的，排斥性的环境无法培养自发性的学习习惯。这种环境容易导致负能量的蔓延，还是做好跳槽的准备吧！

八、不公平待遇形成情绪化 往高尚的层面思考工作就是发挥自己的价值，可是生存的压力时刻提醒我们是一个凡人。如果发现新来的设计师比你这个老司机待遇还要高，你肯定也是难免情绪化的，不公平待遇肯定是会滋生负能量的。

不过我们也要正确认知不公平待遇的原因，如果自己能力没问题，项目做得也很好，却没有得到该有的回报，这的确属于不公平待遇了。如果你本身能力就不进反退，项目做得也一塌糊涂，就别一厢情愿地认为对自己不公平。职场中只有相对公平，你的输出价值肯定是要远远大于回报的，只是我们希望这个比值不要相差太远。如果不能让我们没有顾虑，还在纠结自己的不公平待遇，带着情绪化工作效率和输出质量也会受到影响。

职场中就是双向选择，如果得不到我觉得满意的回报和发挥的舞台，不如出去多看看，选择一个更好的平台开发我们的潜力。只有在待遇和重视程度等方面得到保障，才会自发地努力和付出，这在一定程度上是形成正比的。

九、小结 以职场负能量为话题切入点，探寻了一下我们在职场中可能会面临的一些负面场景，这些负面的场景会影响我们的职场主动性和情绪化的变动。如果想要快速成长，职场心态是至关重要的，而负能量是最容易影响我们心态变化的。远离职场负能量，要敢于迈出这一步，不仅会影响专业成长，也会把一些负面情绪传递给家人或者朋友。

本文观点属于个人经验总结，不代表任何行业标准，每个人的情况略有不同，请根据自身的实际情况选择性吸收。如有不足欢迎留言交流，我们互相进步。

一、引言苹果亲自下场嵌入 AI 工具！在苹果的官网发布了这样一段描述“Today, we are excited to release optimizations to Core ML for Stable Diffusion in macOS 13.1 and iOS 16.2, along with code...

一、引言 苹果亲自下场嵌入 AI 工具！在苹果的官网发布了这样一段描述“Today, we are excited to release optimizations to Core ML for Stable Diffusion in macOS 13.1 and iOS 16.2, along with code to get started with deploying to Apple Silicon devices.”，让很多网友“疯狂”

更多 AI绘画 神器：

AIGC神器大盘点！人工智能如何改变你的工作方式？ 最近看了很多关于 AIGC 相关的介绍，正好抽时间给大家整理了一份比较全面的文章，希望不同设计行业的同学，能够找到与你的行业相结合的案例。

阅读文章 >

使用 Stable Diffusion 和在 Apple Silicon 设备上运行的 Core ML + 根据提示生成的图像，“宇航员在太空中骑马（马/龙）的高质量照片”。下图

二、AIGC 的进化与行业变革，2023 年是 AIGC 的发展元年！ 引用 21 世纪经济报道文章内容：有专家评价，“AI 绘画和 ChatGTP 的重要性不亚于 2016 年 AlphaGo 战胜人类围棋冠军的价值”，内容创作已经历了 PGC(专业生产内容)、UGC(用户生产内容)、PUGC（专业用户生产内容）的发展历程，到人工智能时代，可实现 AIGC(人工智能创作内容) ，未来可能发展到 P-AIGC（专业人员指导下的 AIGC）

“2022 年 AI 绘画和 ChatGTP 的重要性不亚于 2016 年 AlphaGo 战胜人类围棋冠军的价值，这是否会引发新一轮的内容科技的革命，是值得我们关注的问题。”中国信息通信研究院云计算与大数据研究所所长何宝宏在去年末的“风向 Talks 2023”会上表示。

广州艾媒数聚信息咨询股份有限公司创始人兼 CEO（首席执行官）张毅认为，AIGC 爆火的背后，一方面是 AI 企业长期在 B 端和 C 端的盈利难题，所有的 AI 企业必须思考产品转型、变现的出路；另一方面，生成式 AI 有很多可落地的方向，目前主要用于文字、图像、视频、音频、游戏以及虚拟人，甚至是计算、分析的结果等，未来或都可实现。

随着 AIGC 的到来，也随着行业的接受程度不断地提高，以及技术的不断发展与进步， AIGC 的创作者人群可能达到 10 亿人

Gartner 预计，到 2025 年，生成式人工智能将占所有生成数据的 10%。根据《Generative AI：A Creative New World》的分析，AIGC 有潜力产生数万亿美元的经济价值。

国盛证券指出，2023 将是 AIGC 的落地爆发年。去年 ChatGPT 的面世让市场看到了 AI 的新潜力，2023 年随着 GPT4 的推出，以及各类与应用相结合的商业模式落地，AIGC 的爆发不容忽视。从投资上看，生成算法、NLP 与算力决定 AIGC 能否运行，而高质量的数据集决定了 AIGC 质量与商业模式。

三、AIGC 人工智，国内好用的 5 款 AI 生成软件 在全球化的今天，国内很多的 AI 绘制公司也推动着自己的 AIGC 产品不断前行，接下来我来推荐 5 款非常不错的 AI 生成工具

① aski.ai

网站链接： https://aski.ai/

支持多种绘画任务，最快 5 秒内出图，对中文关键词友好，有历史记录永久保存。集成了 8 种优秀的绘画模型，大热的 Stable Diffusion、Openjourney、ControlNet、Anything v4、GFPGAN 图像修复模型等，无需本地部署，可在线一键体验；而且可用于生成头像、插画、漫画、照片修复、封面图等等，小白用户也可快速上手~

比如你可以在 Aski 的绘图模式下，输入你的描述词“夕阳，湖边”就可以生成一个比较漂亮的画面

还可以利用你的手绘稿，来进行着色或者二次创作

② 文心·一格

网站链接： https://yige.baidu.com/

文心·一格是基于文心大模型的文生图系统实现的产品化创新。2022 年 8 月 19 日，中国图象图形大会 CCIG 2022 在成都召开，正式发布 AI 艺术和创意辅助平台——文心·一格，这是百度依托飞桨、文心大模型的技术创新推出的“AI 作画”首款产品。

在首页的区域，集合了很多的优秀漂亮作品

你也可以在「AI 创作」Tab 下，输入你的描述关键词比如“大眼睛，萌妹，二次元，日漫女孩，少女感，黑色头发，在大树旁”，生成的图片很漂亮

小巧可爱的等距星球，柔和的灯光，柔和色彩，图标粘土渲染，3d，柔和的背景

③ draft

网站链接： https://draft.art/drawing

据悉，draft 是一款国产 AI 绘画产品，中英文都支持，操作起来非常简单，其最大的特点是支持上传参考底图，创作更符合用户需求的作品。根据官方数据显示，draft 社区用户已创作 5000 万+张作品，二次元 ai 绘画是它的一个比较有特点的能力

你可以直接在首页输入关键词比如“女孩在太空中看着一个冬天，艺术，美丽的插图”，生成的图片如果不满意可以再次绘图也可以下载图片

④ 即时 AI 设计

网站链接： https://js.design/AI-gallery

即时 AI 创意画廊，将创意一键变成创作

在页面中有个嵌入的入口可以对界面中嵌入 AI 生成的图形

⑤ 百度 AI 开放平台-ERNIE-ViLG AI 作画

ERNIE-ViLG 应用场景示例：可生成艺术作品、工业设计、游戏动漫、文章插画等不同种类图像

你可以直接在输入框输入你的描述词比如“蒙娜丽莎，赛博朋克，宝丽来，33 毫米, 蒸汽波艺术”

四、总结与思考 今年的 AIGC 的话题是非常的火爆，身边很多朋友或者大厂的朋友也一直在研究与商业项目结合落地的事情；偶尔也会咨询我怎么去很好的利用 AI 工具来生成一些符合项目需求的图片！

文章中也提到了生成式 AI 有很多可落地的方向，目前主要用于文字、图像、视频、音频、游戏以及虚拟人，甚至是计算、分析的结果等，未来或都可实现。这也解答了很多人对 AIGC 商业化的一些问题；

上次听了峰瑞中美创投峰会的关于《AIGC 如何影响垂直行业》的直播，其中一位嘉宾说到了一个非常有意思的 AI 与健身赛道相结合的例子我觉得很新颖，他说他们利用 AI 来捕捉健身会员的动作、捕捉人体模型，进行大数据训练，来辅助健身教练“一对多”的辅助指导，提高了很大的效率；并且 AI 还可以学习健身教练的话术来输出内容。同时还提到了一个大家比较担心的问题，如何解决“ AIGC 如何解决内容同质化”的问题，解决方案是看大模型获取的数据是否够大，内容同质化就会减少，而且在小场景再次数据训练精细化，形成细分赛道的技术壁垒！因为 AI 只有知识，但是没有记忆。

最后引用英国著名计算机科学家、艾伦佩斯曼（AlanTuring）的话来进行文章的结尾

感谢阅读~

大家好，这是 2023 年 3 月的第 2 波设计干货合集！越来越热的 AIGC 也催生了大量的基于 AI 的设计工具，今天的合集当中也有一些新东西，比如 AI 生成角色+视频内容，基于 AI 的用户调研工具，最强的是最后一个工具，它是一项最新的研究让 ChatGPT 可以识别视觉内容。此外，这一期干货合集还有最...

大家好，这是 2023 年 3 月的第 2 波设计 干货合集 ！越来越热的 AIGC 也催生了大量的基于 AI 的设计工具，今天的合集当中也有一些新东西，比如 AI 生成角色+视频内容，基于 AI 的用户调研工具，最强的是最后一个工具，它是一项最新的研究让 ChatGPT 可以识别视觉内容。

此外，这一期干货合集还有最新的图库和插画素材，有完全免费的 LOGO 生成服务，也都相当给力。

当然，在此之前记得看看往期干货中有没有你感兴趣的素材：

第一波！2023年3月精选实用设计干货合集 进入3月，天气终于暖和起来了。

阅读文章 >

下面我们具体看看这一期的干货：

1、风格清新可爱的手绘插画合集 https://www.getillustrations.com/illustration-pack/ink-ui-illustrations

首先需要说的是，这确实是一套付费的插画合集，总计有 185 组矢量插画，它们简约而安静，简单的双色调处理让插画本身内容的感知力拉满，和当下很多繁复的插画图库相比，更加富有调性。不过，这套图库所在的平台在注册之后，可以免费下载小尺寸的 PNG 插画，有需求的同学可以注册尝试一下。

2、童趣十足的涂鸦素材 Figma 插件 https://www.figma.com/community/file/1207810684945289418

这个名为 Doodles & Scribbles 的 Figma 插件提供超过 100 种可以轻松编辑调整、风格随性百搭的涂鸦风格元素，在进行 UI 设计的时候，这些元素可以让整体风格更加俏皮，所有的元素都是矢量的， 配色 尺寸大小细节都可以编辑。Figma 提供免费的预览版，你可以看看是否是你所需要的素材，再选择是否要获取完整版。

3、特别良心完全免费 LOGO 生成服务 https://app.logobean.com/

LOGO 生成已经卷到这个程度了么？无需注册，自动生成，免费商用，超多版本，这个名为 LogoBean 的 LOGO 服务几乎就是敞开了给你随便用的，只要你输入你的企业名称，Slogan，以及所处的领域（可以选择）它就会生成一大堆 LOGO，而这些 LOGO 不仅生成就完了，还给你提供矢量的 SVG 文件和透明底的 PNG 素材，立刻上手可用。

4、基于 AI 生成的角色+视频内容 https://www.skriva.ai/

这家名为 Skriva.ai 的 AI 服务，使用 AI 生成高度拟真的角色，然后在此基础上可以将你输入的内容制作为动态的视频内容，他们尝试在现有的人工智能服务的基础上，延展出视频动态内容，可以说是相当有趣的探索了。在内容的呈现上，Skriva.ai 更加富有想象力和独创性，如果你的团队有这样的需求，倒是可以常常 Skriva.ai 的视频内容生成。

5、给网页设计师的进阶网页收藏管理插件 https://www.bookmarkify.io/

如果你正好是网页设计师，平时会浏览海量的网站，你需要在大量的同行作品中发现亮点，用笔记标识这些网站，但是绝大多数的浏览器的功能又相当有限，而这个名为 Bookmarkify 的浏览器插件很好的解决了这个问题。你可以在收藏网站的同时，添加标签，增加描述，可以在独立的选项卡当中访问所有的网站内容，并且它还添加了独立的深色模式供你日常使用。目前，这个插件依然处于前期阶段，如果你有需求，可以先用邮箱订阅一下，上线之后第一时间使用。

6、基于人工智能的用户调研 & 访谈服务 https://www.rhetorai.com/

越来越多的设计环节用上人工智能了，使用 AI 替代人来做重复性工作，确实是不错的选择。RhetorAI 的创始人 Jimmy 是位连续创业者，在他的创业项目当中，最大的痛点之一，就是获得用户反馈，尤其是在产品的早期阶段。Jimmy 这次直接借助如今成熟的 AI 来制作了这个服务，在不用雇佣太多人的情况下，持续地、大规模地进行用户访谈，方便小型的产品团队将最麻烦的用户访谈任务彻底搞定。

你所需要做的是提供你的产品细节，然后在 AhetorAI 上生成链接，然后你就可以发给用户，用户能够得到体验颇为人性化的访谈服务。

7、视觉化 ChatGPT 绘图和编辑 https://arxiv.org/abs/2303.04671

https://github.com/microsoft/visual-chatgpt

最后要推荐的这个项目对于绝大多数的设计师，可能暂时还没有太大的作用，但如果你是 AI 领域的研究着和开发者，那么最新的这项研究可能会比较有价值。我们目前所接触的 ChatGPT 基本上都是文本对话，而最新的这项研究则不同，它融合了 Hugging Face、 LangChain、 Stable Diffusion、 ControlNet、 InstructPix2Pix、 CLIPSeg、 BLIP 在内的大量 AI 相关的项目，让 ChatGPT 可以识别视觉化的内容和命令，并且可以执行多个步骤，相当强大。

从毕业开始，我们每天接近一半的时间都在职场中度过。用一个不恰当的例子就是：“每天陪伴你时间最长的不一定是父母，而是周围的同事”，仔细想想也是这个实情。既然大部分时间都在职场环境中，这个环境的氛围对我们的影响也是非常大的。

从毕业开始，我们每天接近一半的时间都在职场中度过。用一个不恰当的例子就是：“每天陪伴你时间最长的不一定是父母，而是周围的同事”，仔细想想也是这个实情。

既然大部分时间都在职场环境中，这个环境的氛围对我们的影响也是非常大的。轻松愉快的氛围可以让我们拥有愉悦的心情，而充满负能量的环境同样也会影响我们心情，进而产生的情绪也容易被带入家庭。

黑马哥在十几年的职场中也遇见过不同的职场氛围，也有充斥着各种负能量的环境。今天就和大家聊一下这个话题，我们都要远离职场负能量，实现快速成长。

更多职场干货：

职场遇到这10种要求，设计师请学会拒绝！ 职场中总有这样一群人，总喜欢麻烦别人，把自己的事情交给别人来完成；也有这么一群人，不好意思拒绝别人的事情，导致自己的工作做不到极致。

阅读文章 >

一、老员工习惯性吐槽老板 员工是为公司创造价值，而老板是为这份价值支付报酬，大家都是属于公平交易。如果你觉得公司和老板不好，跳槽就好了，一边不想走又继续做着项目，一边又在吐槽老板吐槽公司。这个吐槽习惯也会影响到周围的同事，是一件损人不利己的事情。

如果你在这样的环境中工作，久而久之心态也会受到影响，这样的负能量不远离就会被感染。你周围的老员工如果不能在专业技能和 职场经验 上带给你帮助，还日复一日地给你传递负能量，想要进步那估计是不太可能的事情。

职场中觉得公司和老板达不到自己的期望值，我们可以离职换个新的环境，但是不要陷入吐槽的负能量中。这样不仅会导致专业能力原地踏步，也会给自己的心态带来不利的影响。

二、同事总爱吐槽客户 客户不懂设计是常有的事儿，对 设计师 的付出挑三拣四也是正常，就像我们自己买东西也会反复挑选一样。偶尔吐槽一下缓解压力也无可厚非，只是长期处于这样的负能量中，我们的情绪估计也会越来越负面化。

我们在职场中与同事的相处时间比较长，同事的言行举止也会影响我们的心境。和一个阳光积极的人在一起，自己也变得轻松愉快；和一个吐槽客户习以为常的人在一起，自己也会变成那个样子。

走近那些给你阳光的人，远离那些影响周围氛围的人。

三、员工之间扎堆互相吐槽 在职场中我们要少说多做、不参与，人多是非多，参与的时候别人觉得你很爽快，其实背后也许也在议论自己。有人比较习惯这样的八卦氛围，不过如果想要更快地成长还是需要多在项目中花心思。

如果八卦的氛围变成负面的吐槽，也会影响我们的情绪。虽然我们无法管住别人的言行举止，但是我们可以让自己逐步远离这样的负面氛围，这样才能沉下心来学习更多有用的东西。

四、煽动你降低设计质量 如果你在一个设计质量要求较高的团队里面，你不想进步都难。就怕团队里面有这样的一个声音：“这个随便做做就好，没必要浪费时间等等”，低要求也许可以让我们很快完成工作，但是却不能让我们快速成长。

对你的要求很低也是一种变相的不重视，觉得你的付出无关紧要，这也是一种负面的影响。在一个大家都不重视输出质量的团队里面，你想要推进出一个好的项目也是很难的，因为总会有一群人在说服你就这样就好了，没必要较真。在职场中我们要有自我要求，职场初期不要求自己，后期就是淘汰的那一批。

五、讨论时习惯性人身攻击 在工作中遇到意见不统一很正常，各抒己见产生争论也是常有的事儿。不过初入职场由于专业能力不成熟，项目经验也不丰富，经常被领导或者对接人批评是难以避免的。

只是我们需要明白一点，你可以骂我能力不行，但是得对事不对人，如果习惯性的往人身攻击层面偏离，是我们不能忍受的原则。经常和一个脾气暴躁的人工作，自己的情绪也会受到干扰。跟着一个总是贬低你却没有提升建议的领导，估计收获的除了负能量也没有别的啥了。

职场中我们要接受有效的建议，也能容忍别人的批评，但是不能没有底线，我们只是经验不足而已。

六、领导带头不务正业 曾经有一位学员给我聊起他们领导经常在外面接私单，还安排她来完成，事后也会给一些微不足道的报酬。占用了很多业余时间，得到的回报也比较低，由于是领导安排的又不敢拒绝。这个就属于典型的领导带头不务正业，破坏了员工对忠诚度的意识。

虽然有人觉得多了一份额外的收入不是好事儿吗，但是这个也限制了我们的职场晋升，注定属于小团队思想。谁会愿意提拔一个会在公司干私活的员工呢，无非属于利益层面的关系罢了。聪明的设计师要学会拒绝，就算偶尔帮一两次领导的忙，也最好不要涉及利益层面。

不过话又说回来，在团队里面如果领导都无法传递正确的职场观念，这样的团队可能不会给你带来更好的发展。有时候我们要敢于拒绝，也要多规划自己的职场路径，无法改变团队现状就要早点说拜拜。

七、团队氛围压抑让人窒息 工作占据了我们的大部分时间，这些时间所属的场景会影响我们的情绪，这也是所谓的职场情绪化。如果在一个氛围很压抑的团队里面，下班回家要嘛就是无精打采，要嘛就会把情绪带给家人，这些都是不利好的负面影响。

团队压抑的氛围会来自负担过大的业绩压力、领导情绪化的指责、周围同事情绪化的言语传递、排斥自己的工作内容、工作能力不被认可、长期过度加班等等。这样的团队氛围让你不想去上班，每天都在紧张状态中度过，会让你精神疲劳，有种想要逃避的念头。

在一个让你窒息的团队氛围中是无法进步的，排斥性的环境无法培养自发性的学习习惯。这种环境容易导致负能量的蔓延，还是做好跳槽的准备吧！

八、不公平待遇形成情绪化 往高尚的层面思考工作就是发挥自己的价值，可是生存的压力时刻提醒我们是一个凡人。如果发现新来的设计师比你这个老司机待遇还要高，你肯定也是难免情绪化的，不公平待遇肯定是会滋生负能量的。

不过我们也要正确认知不公平待遇的原因，如果自己能力没问题，项目做得也很好，却没有得到该有的回报，这的确属于不公平待遇了。如果你本身能力就不进反退，项目做得也一塌糊涂，就别一厢情愿地认为对自己不公平。职场中只有相对公平，你的输出价值肯定是要远远大于回报的，只是我们希望这个比值不要相差太远。如果不能让我们没有顾虑，还在纠结自己的不公平待遇，带着情绪化工作效率和输出质量也会受到影响。

职场中就是双向选择，如果得不到我觉得满意的回报和发挥的舞台，不如出去多看看，选择一个更好的平台开发我们的潜力。只有在待遇和重视程度等方面得到保障，才会自发地努力和付出，这在一定程度上是形成正比的。

九、小结 以职场负能量为话题切入点，探寻了一下我们在职场中可能会面临的一些负面场景，这些负面的场景会影响我们的职场主动性和情绪化的变动。如果想要快速成长，职场心态是至关重要的，而负能量是最容易影响我们心态变化的。远离职场负能量，要敢于迈出这一步，不仅会影响专业成长，也会把一些负面情绪传递给家人或者朋友。

本文观点属于个人经验总结，不代表任何行业标准，每个人的情况略有不同，请根据自身的实际情况选择性吸收。如有不足欢迎留言交流，我们互相进步。

一、引言苹果亲自下场嵌入 AI 工具！在苹果的官网发布了这样一段描述“Today, we are excited to release optimizations to Core ML for Stable Diffusion in macOS 13.1 and iOS 16.2, along with code...

一、引言 苹果亲自下场嵌入 AI 工具！在苹果的官网发布了这样一段描述“Today, we are excited to release optimizations to Core ML for Stable Diffusion in macOS 13.1 and iOS 16.2, along with code to get started with deploying to Apple Silicon devices.”，让很多网友“疯狂”

更多 AI绘画 神器：

AIGC神器大盘点！人工智能如何改变你的工作方式？ 最近看了很多关于 AIGC 相关的介绍，正好抽时间给大家整理了一份比较全面的文章，希望不同设计行业的同学，能够找到与你的行业相结合的案例。

阅读文章 >

使用 Stable Diffusion 和在 Apple Silicon 设备上运行的 Core ML + 根据提示生成的图像，“宇航员在太空中骑马（马/龙）的高质量照片”。下图

二、AIGC 的进化与行业变革，2023 年是 AIGC 的发展元年！ 引用 21 世纪经济报道文章内容：有专家评价，“AI 绘画和 ChatGTP 的重要性不亚于 2016 年 AlphaGo 战胜人类围棋冠军的价值”，内容创作已经历了 PGC(专业生产内容)、UGC(用户生产内容)、PUGC（专业用户生产内容）的发展历程，到人工智能时代，可实现 AIGC(人工智能创作内容) ，未来可能发展到 P-AIGC（专业人员指导下的 AIGC）

“2022 年 AI 绘画和 ChatGTP 的重要性不亚于 2016 年 AlphaGo 战胜人类围棋冠军的价值，这是否会引发新一轮的内容科技的革命，是值得我们关注的问题。”中国信息通信研究院云计算与大数据研究所所长何宝宏在去年末的“风向 Talks 2023”会上表示。

广州艾媒数聚信息咨询股份有限公司创始人兼 CEO（首席执行官）张毅认为，AIGC 爆火的背后，一方面是 AI 企业长期在 B 端和 C 端的盈利难题，所有的 AI 企业必须思考产品转型、变现的出路；另一方面，生成式 AI 有很多可落地的方向，目前主要用于文字、图像、视频、音频、游戏以及虚拟人，甚至是计算、分析的结果等，未来或都可实现。

随着 AIGC 的到来，也随着行业的接受程度不断地提高，以及技术的不断发展与进步， AIGC 的创作者人群可能达到 10 亿人

Gartner 预计，到 2025 年，生成式人工智能将占所有生成数据的 10%。根据《Generative AI：A Creative New World》的分析，AIGC 有潜力产生数万亿美元的经济价值。

国盛证券指出，2023 将是 AIGC 的落地爆发年。去年 ChatGPT 的面世让市场看到了 AI 的新潜力，2023 年随着 GPT4 的推出，以及各类与应用相结合的商业模式落地，AIGC 的爆发不容忽视。从投资上看，生成算法、NLP 与算力决定 AIGC 能否运行，而高质量的数据集决定了 AIGC 质量与商业模式。

三、AIGC 人工智，国内好用的 5 款 AI 生成软件 在全球化的今天，国内很多的 AI 绘制公司也推动着自己的 AIGC 产品不断前行，接下来我来推荐 5 款非常不错的 AI 生成工具

① aski.ai

网站链接： https://aski.ai/

支持多种绘画任务，最快 5 秒内出图，对中文关键词友好，有历史记录永久保存。集成了 8 种优秀的绘画模型，大热的 Stable Diffusion、Openjourney、ControlNet、Anything v4、GFPGAN 图像修复模型等，无需本地部署，可在线一键体验；而且可用于生成头像、插画、漫画、照片修复、封面图等等，小白用户也可快速上手~

比如你可以在 Aski 的绘图模式下，输入你的描述词“夕阳，湖边”就可以生成一个比较漂亮的画面

还可以利用你的手绘稿，来进行着色或者二次创作

② 文心·一格

网站链接： https://yige.baidu.com/

文心·一格是基于文心大模型的文生图系统实现的产品化创新。2022 年 8 月 19 日，中国图象图形大会 CCIG 2022 在成都召开，正式发布 AI 艺术和创意辅助平台——文心·一格，这是百度依托飞桨、文心大模型的技术创新推出的“AI 作画”首款产品。

在首页的区域，集合了很多的优秀漂亮作品

你也可以在「AI 创作」Tab 下，输入你的描述关键词比如“大眼睛，萌妹，二次元，日漫女孩，少女感，黑色头发，在大树旁”，生成的图片很漂亮

小巧可爱的等距星球，柔和的灯光，柔和色彩，图标粘土渲染，3d，柔和的背景

③ draft

网站链接： https://draft.art/drawing

据悉，draft 是一款国产 AI 绘画产品，中英文都支持，操作起来非常简单，其最大的特点是支持上传参考底图，创作更符合用户需求的作品。根据官方数据显示，draft 社区用户已创作 5000 万+张作品，二次元 ai 绘画是它的一个比较有特点的能力

你可以直接在首页输入关键词比如“女孩在太空中看着一个冬天，艺术，美丽的插图”，生成的图片如果不满意可以再次绘图也可以下载图片

④ 即时 AI 设计

网站链接： https://js.design/AI-gallery

即时 AI 创意画廊，将创意一键变成创作

在页面中有个嵌入的入口可以对界面中嵌入 AI 生成的图形

⑤ 百度 AI 开放平台-ERNIE-ViLG AI 作画

ERNIE-ViLG 应用场景示例：可生成艺术作品、工业设计、游戏动漫、文章插画等不同种类图像

你可以直接在输入框输入你的描述词比如“蒙娜丽莎，赛博朋克，宝丽来，33 毫米, 蒸汽波艺术”

四、总结与思考 今年的 AIGC 的话题是非常的火爆，身边很多朋友或者大厂的朋友也一直在研究与商业项目结合落地的事情；偶尔也会咨询我怎么去很好的利用 AI 工具来生成一些符合项目需求的图片！

文章中也提到了生成式 AI 有很多可落地的方向，目前主要用于文字、图像、视频、音频、游戏以及虚拟人，甚至是计算、分析的结果等，未来或都可实现。这也解答了很多人对 AIGC 商业化的一些问题；

上次听了峰瑞中美创投峰会的关于《AIGC 如何影响垂直行业》的直播，其中一位嘉宾说到了一个非常有意思的 AI 与健身赛道相结合的例子我觉得很新颖，他说他们利用 AI 来捕捉健身会员的动作、捕捉人体模型，进行大数据训练，来辅助健身教练“一对多”的辅助指导，提高了很大的效率；并且 AI 还可以学习健身教练的话术来输出内容。同时还提到了一个大家比较担心的问题，如何解决“ AIGC 如何解决内容同质化”的问题，解决方案是看大模型获取的数据是否够大，内容同质化就会减少，而且在小场景再次数据训练精细化，形成细分赛道的技术壁垒！因为 AI 只有知识，但是没有记忆。

最后引用英国著名计算机科学家、艾伦佩斯曼（AlanTuring）的话来进行文章的结尾

感谢阅读~

大家好，这是 2023 年 3 月的第 2 波设计干货合集！越来越热的 AIGC 也催生了大量的基于 AI 的设计工具，今天的合集当中也有一些新东西，比如 AI 生成角色+视频内容，基于 AI 的用户调研工具，最强的是最后一个工具，它是一项最新的研究让 ChatGPT 可以识别视觉内容。此外，这一期干货合集还有最...

大家好，这是 2023 年 3 月的第 2 波设计 干货合集 ！越来越热的 AIGC 也催生了大量的基于 AI 的设计工具，今天的合集当中也有一些新东西，比如 AI 生成角色+视频内容，基于 AI 的用户调研工具，最强的是最后一个工具，它是一项最新的研究让 ChatGPT 可以识别视觉内容。

此外，这一期干货合集还有最新的图库和插画素材，有完全免费的 LOGO 生成服务，也都相当给力。

当然，在此之前记得看看往期干货中有没有你感兴趣的素材：

第一波！2023年3月精选实用设计干货合集 进入3月，天气终于暖和起来了。

阅读文章 >

下面我们具体看看这一期的干货：

1、风格清新可爱的手绘插画合集 https://www.getillustrations.com/illustration-pack/ink-ui-illustrations

首先需要说的是，这确实是一套付费的插画合集，总计有 185 组矢量插画，它们简约而安静，简单的双色调处理让插画本身内容的感知力拉满，和当下很多繁复的插画图库相比，更加富有调性。不过，这套图库所在的平台在注册之后，可以免费下载小尺寸的 PNG 插画，有需求的同学可以注册尝试一下。

2、童趣十足的涂鸦素材 Figma 插件 https://www.figma.com/community/file/1207810684945289418

这个名为 Doodles & Scribbles 的 Figma 插件提供超过 100 种可以轻松编辑调整、风格随性百搭的涂鸦风格元素，在进行 UI 设计的时候，这些元素可以让整体风格更加俏皮，所有的元素都是矢量的， 配色 尺寸大小细节都可以编辑。Figma 提供免费的预览版，你可以看看是否是你所需要的素材，再选择是否要获取完整版。

3、特别良心完全免费 LOGO 生成服务 https://app.logobean.com/

LOGO 生成已经卷到这个程度了么？无需注册，自动生成，免费商用，超多版本，这个名为 LogoBean 的 LOGO 服务几乎就是敞开了给你随便用的，只要你输入你的企业名称，Slogan，以及所处的领域（可以选择）它就会生成一大堆 LOGO，而这些 LOGO 不仅生成就完了，还给你提供矢量的 SVG 文件和透明底的 PNG 素材，立刻上手可用。

4、基于 AI 生成的角色+视频内容 https://www.skriva.ai/

这家名为 Skriva.ai 的 AI 服务，使用 AI 生成高度拟真的角色，然后在此基础上可以将你输入的内容制作为动态的视频内容，他们尝试在现有的人工智能服务的基础上，延展出视频动态内容，可以说是相当有趣的探索了。在内容的呈现上，Skriva.ai 更加富有想象力和独创性，如果你的团队有这样的需求，倒是可以常常 Skriva.ai 的视频内容生成。

5、给网页设计师的进阶网页收藏管理插件 https://www.bookmarkify.io/

如果你正好是网页设计师，平时会浏览海量的网站，你需要在大量的同行作品中发现亮点，用笔记标识这些网站，但是绝大多数的浏览器的功能又相当有限，而这个名为 Bookmarkify 的浏览器插件很好的解决了这个问题。你可以在收藏网站的同时，添加标签，增加描述，可以在独立的选项卡当中访问所有的网站内容，并且它还添加了独立的深色模式供你日常使用。目前，这个插件依然处于前期阶段，如果你有需求，可以先用邮箱订阅一下，上线之后第一时间使用。

6、基于人工智能的用户调研 & 访谈服务 https://www.rhetorai.com/

越来越多的设计环节用上人工智能了，使用 AI 替代人来做重复性工作，确实是不错的选择。RhetorAI 的创始人 Jimmy 是位连续创业者，在他的创业项目当中，最大的痛点之一，就是获得用户反馈，尤其是在产品的早期阶段。Jimmy 这次直接借助如今成熟的 AI 来制作了这个服务，在不用雇佣太多人的情况下，持续地、大规模地进行用户访谈，方便小型的产品团队将最麻烦的用户访谈任务彻底搞定。

你所需要做的是提供你的产品细节，然后在 AhetorAI 上生成链接，然后你就可以发给用户，用户能够得到体验颇为人性化的访谈服务。

7、视觉化 ChatGPT 绘图和编辑 https://arxiv.org/abs/2303.04671

https://github.com/microsoft/visual-chatgpt

最后要推荐的这个项目对于绝大多数的设计师，可能暂时还没有太大的作用，但如果你是 AI 领域的研究着和开发者，那么最新的这项研究可能会比较有价值。我们目前所接触的 ChatGPT 基本上都是文本对话，而最新的这项研究则不同，它融合了 Hugging Face、 LangChain、 Stable Diffusion、 ControlNet、 InstructPix2Pix、 CLIPSeg、 BLIP 在内的大量 AI 相关的项目，让 ChatGPT 可以识别视觉化的内容和命令，并且可以执行多个步骤，相当强大。

前言最近公司的移动端项目需要上线部分东南亚国家的业务，在参与多语言适配的过程中，我深刻感受到「国内设计思维」与「表音语言文本」的冲突。很多在中文环境中看似合理的设计，在切换其他语言环境后常常“面目全非”。我们经常说多语言设计的“坑”很多，是因为我们需要在相同的信息框架和界面内，保证信息可以清晰明确地传递给不同语言...

前言

最近公司的移动端项目需要上线部分东南亚国家的业务，在参与多语言适配的过程中，我深刻感受到「国内设计思维」与「表音语言文本」的冲突。很多在中文环境中看似合理的设计，在切换其他语言环境后常常“面目全非”。

我们经常说多语言设计的“坑”很多，是因为我们需要在相同的信息框架和界面内，保证信息可以清晰明确地传递给不同语言环境、不同文化背景的用户，这要求我们的设计必须有足够的适应性和兼容性。

因此，如何做好多语言设计？如何预知问题并提前规避？对于设计师来说是一项重要挑战。本文从移动端着手，以图文的形式介绍多语言适配、设计过程中需要关注的要点和一些建议，希望可以帮助设计师规避从设计到落地过程中可能存在的“坑”，更好地与上下游进行协作。

更多 多语言设计 方法：

6500字干货！出海产品设计之多语言设计指南 导语 | 本文主要面向设计师们，文章从界面设计的角度介绍了在出海产品中，多语言设计的相关原则及要点，希望可以帮助刚接触或正在做出海产品的设计同学，建立起对多语言设计的初步认识。

阅读文章 >

一、多语言常见问题 1. 文本长度

文本扩展导致的布局问题，是多语言设计中最常见的问题。大多数的表音语言，其文本平均比中文长 30%~50%。因此我们需要有足够灵活的布局和统一的设计规范，来处理文本扩展导致的布局问题。如下图，在中文环境中看起来很常规的入口设计，在翻译成其他语言后，就会暴露问题（文本与图片重叠）。

在中文环境中当文本内容超出容器宽度时，设计通常会使用以下三种处理方式，这三种方式对于其他语言同样适用：

超出内容省略； 通过交互弥补空间限制； 允许有限/无限制地换行；

2. 文本语序

在设计环节，设计师会不断调整各个元素的排列方式来确定最优方案。在中文环境中我们经常会使用一种句式的结构，就是将 UI 组件包含在文本内容中组成完整句式。这种情况我们需要注意在切换其他语言环境时，文本的语序可能会发生变化，从而造成理解困难。最好是将文本与 UI 组件相互独立，例如考虑将 UI 组件放在文本的后面（下图）

3. 媒体元素

除了组件、文本以外，图片或视频等媒体元素也是多语言场景下不可忽视的一环。

通常研发仅仅抓取页面上的字段、文本提供给翻译团队，而图片或视频内容的中的文本，则常常会被忽略。

对于一些与品牌、产品相关的重要媒体元素，我们需要根据不同的语言环境对媒体元素内的文本进行相应的翻译；至于次要的媒体素材，或者是有大量图片的场景，比如功能介绍、帮助中心的图片、视频，考虑到翻译成本，建议只翻译中、英两种语言即可。

4. 标点、符号和格式

标点作为语言起承转合中不可或缺的一个元素，往往也容易被设计、研发所忽略。不同的语言环境对应着不同的标点符号样式，需要在多语言适配阶段额外关注。

以上图为例，不同的语言环境分别对应不同类型的标点符号。（泰语通常没有标点符号）在验收走查的过程中，我们需要留意不同语言环境中标点的使用。

通常研发将产品内的一段连续文本提交给翻译团队，得到的目标语言文本，连标点符号都是跟随目标语言，这种场景无需过多考虑。

但需要尽可能考虑到所有的翻译场景，例如：

上图中 “你好，用户名！”，其中问候语是前端预设的文案，而用户名则是读取[user id]的数据，不受翻译影响。所以虽然看上去是一句话，但实际上包含了两种类型的字段。研发可能仅仅只将问候语提取出来，提交给翻译团队，而忽略了标点符号，从而导致标点符号没能跟随语言环境而切换。要避免这种情况，建议提前与研发沟通，把标点符号也加进翻译文件内里面，标点交给翻译团队处理；

除了标点样式，常见的诸如金额符号、日期格式、通信前缀等也需要注意在不同语言环境中做对应的调整。

二、设计侧怎么做 1. 尽量预留更多的空间

根据产品战略布局，设计应前瞻性的考虑产品的拓展性和灵活性，因此需要提前考虑布局多语言后的展示效果，从而在设计的时候给出最合适的方案。

在中文环境的设计流程中，往往业务文案会结合实际设计再做调整，以便能达到最理想的排版和布局效果，但布局多种语言后，由于译文长度不可预知，往往需要通过换行来保证文本的完整性，而最直接的方法就是预留足够的空间(通常建议多预留一行文本高度)去适应译文。

以金刚区、宫格等重要的功能入口为例，若设计侧未预留空间（前端写死高度的场景下），内容超出容器宽度而省略，会造成文本缺失可读性变差。而多预留一行文本高度，可以保证绝大部分的文本完整展示。另外，在常规情况下应尽量确保单个单词不被拆开换行。

2. 更为灵活的布局方案

因为移动端硬件的特性，通常页面的横向空间较为限制，而纵向空间因为交互习惯（上下滑动）的关系，可以向下延展。故在设计时，可以尽量发挥纵向空间的优势进行设计。

例如上图常见的表单输入框，通常为了保证右侧输入区域的内容展示，会牺牲左侧字段标题的宽度，而导致左侧文本需要省略或折行。布局多语言后，会使得左侧的空间更加局促。如果换个思路选择上下结构的样式，可以保证无论是字段标题还是输入参数均可以在足够的宽度内完整展示，且高度上与常规输入框换行后相差无几。

我们在设计结果页时，通常会习惯性的使用左右平分的按钮组合来展示相关操作，但这一定程度上限制了按钮的宽度，在切换其他语言环境后，文本可能会接近或超出按钮的临界宽度。但如果根据业务优先级将按钮调整为上下布局的话， 则单个按钮内的文本拥有足够的宽度，保证其文本的完整展示。

3. 适当降低区域内信息密度

不能苛求在一行内展示更多的信息，因为这样只会带来更弱的适应性。在中文环境中，我们通常希望在有限的区域内承载更多的信息，以保证信息的传递效率，但这种效率，在多语言场景下很可能会踩坑。如果无法完全保证译文在区域内正常展示，可以尝试换行或收起的形式来降低信息密度。

在单行内如果包含数量、金额等长度不确定的数据类型时，我们应该在设计初始阶段(即便是中文环境)就应该保证数据类型的显示不会与其他元素产生冲突，而不是在切换语言、走查后着急忙慌地去进行调整。

4. 图文尽量分离

如果项目没有多语言的需求，我们往往会直接将图片连同文本一并切给研发进行配置。而布局多语言后，如果还是将文本直接嵌入图片中进行切图，我们则需要对项目内所有图片、所有的文本进行替换并导出，这一方面会增加应用的大小，另一方面也容易产生遗漏。

所以我们建议最好能够实现图片和文本的分离，即文本用代码去实现，便于替换。这样就可以在不替换图片的情况下，通过代码替换字符串来满足多语言的需求。

除了文本外，在图片和图标素材的设计上也尽量不要展示货币符号，使用常规通用的元素进行设计，例如金币等...

5. 使用适应性更高的组件

很多常见的组件通常更适合在中文环境中使用，因为中文可以通过精练的语言来表达复杂的功能释义，而这些组件往往不适合长文本的展示，所以我们需要考虑在业务实现的前提下，使用适应性更高的组件。

例如常见的气泡菜单，作为一个轻量化的组件，在文本较长的语言环境下，可能会造成组件的宽度过长而影响视觉效果。换一种思路，考虑到该组件是为了展开操作选项以供用户选择，则也可以通过上拉菜单实现相同的功能，并且可以完美适配文本过长的场景。

6. 通过交互弥补空间限制

上文说到，当内容超出容器时常见的三种处理方式，其中的一种是通过交互来弥补空间上的限制。并不是所有的内容都适合换行展示，有时候多文本、多 Tab 在换行后呈现的效果会给用户带来较大的视觉压力也会使页面丢失平衡，基于此类场景，我们更希望通过包括滑动、折叠等常见的交互，来保证视觉上的平衡。

以通知栏为例，通常通知栏内承载着告知用户的重要信息和提醒，在切换其他语言环境后，可能会触发多行展示，一方面信息过多可读性不佳，另一方面由于其组件本身悬停在页面上的特性，占用单屏过多的高度，使得屏幕的使用率不高。因此我们考虑使用动态的通知栏，通过自动循环，横向滚动的形式单行展示信息，以此解决阅读体验和空间限制。

最后 当我们使用相同的信息架构和界面去承载不同的语言时，实际上是一个把不同语言环境、不同文化背景的用户之间的共性提炼出来的过程。在这个过程中涉及的细节很多，十分考验设计师是否具备前瞻性和灵活的布局处理能力，这些能力都需要在不断的试炼中学习、总结。

当然不仅仅是设计，在整个研发流程中，如果能够让项目团队都重视多语言适配这件事情以及提前发现问题，更有利于提高整体的界面观感和完整度，减少修复问题的成本，打磨出更友好的多语言产品。

欢迎关注作者微信公众号：「Gtech UED」