编辑导语：怎么样让设计出来的产品更加美观，更加符合大众审美呢？设计师有一些理论上的知识可以引用，本文作者分享了关于 交互设计 的七大定律法则，我们一起来了解一下。

拓展阅读：

值得反复学习的「交互设计5大定律」，一篇带你全部学完！ 缘起 前段时间应邀给部门内新入职的校招设计师讲一堂设计法则的基础课，作为交互设计师，交互设计定律肯定是绕不开的一个知识点，但对于网上广为流传的《交互设计 7 大定律》，我其实一直都有些质疑，因为没搞清楚作者组织的思路，也查不到任何文档的介绍，我觉得如果就这样照本宣科的去讲交

阅读文章 >

有时在一些设计师讨论分享会，或者和一些非设计师同事朋友交流，会碰到下述一些疑问……

阿里巴巴 UCAN2019 大会主题《设计，让商业美而简单》。我个人很喜欢这个口号，这是我们 UX 设计师朋友们每天都在做的事情，也是我们价值的体现。那怎么样让我们的设计，能让商业美而简单，有没有什么方法、理论、技巧、原则的东西指导我们进行设计呢？

下面七条定律和原则也许可以帮助你更好地做好产品设计：

米勒定律

拓展阅读：

用超多案例，帮你认识无处不在的「米勒定律」 今天给大家带来一个无处不在的定律，虽然它很常见，但它很安静。

阅读文章 >

米勒定律是美国心理学家乔治·米勒(George A.Miller)对短时记忆能力进行了定量研究后提出：人的短时记忆能力广度为 7±2 个信息项，超过该范围就容易出错。提及到人的大脑短时记忆容量约为“7”，并在 7+2 与 7-2 之间浮动，因此这个神奇的记忆容量规律也称为“7±2 法则”。

我们做个试验：读一遍下图中的随机字母，然后移开眼睛回忆一下，看你能回想起几个：

再试试这个，同样重头到尾读一遍，然后移开眼睛回忆：

你能记几个？结果会发现：通常会记忆起 5~9 个，即 7±2 个，这个有趣的现象就是 7±2 效应。

但是，后来在《设计师要懂心理学》一书中又被提到，这一理论实际上缺乏足够的科学依据，不少学者通过大量研究，发现那个神奇的数字其实是“4”。如果人能够注意力集中，其处理信息的过程也不受干扰，那么其工作记忆中能保存 4 项左右事务；所以建议在给用户展示信息时，尽可能限制在 4 以内，合理利用分类与归纳减少信息数量。

米勒定律 及其所引发后人的研究结论，其实这一思考常常被运用到产品设计当中，如：

示例一：现在很多手机号、银行卡号、身份证号等这种长字符内容，会进行分段显示，对比之下你会发现阅读起来会大大提升易读性。

示例二：以前我们要输 6 位数字验证码要切换出去看短信，凭记忆输入，通常要切两三次才能全部填完，后来在技术支持下，直接提取短信中的验证码在键盘上显示点击即可，大大减少用户的输错几率及记忆成本。

席克定律

席克定律是一种心理物理学定律。它主要体现出两个参数：数量和时间；当所面临的选择数量越多，所作出选择决策的时长花费就会长。

这定律更简单一点归纳就是：尽可能减少选项的数量，Don’t make me think！

决策效率是一个产品导致用户流失的重要原因之一，用户迟迟不能做出选择，付出的成本越大自然选择放弃的几率就越大，所以我们要将做决定的选项在满足产品业务诉求的情况下，尽可能精简，以减少所需反应的时间。如何提高用户的选择和获取效率？这就考验对产品设计的权衡，哪些内容必须要保留？哪些内容可以精简？哪些内容可以前置后移？

示例一：大家都还记得早前的电视遥控器吧，功能齐全应有尽有，可以回想下我们平时使用最频繁的是哪些？再看现在比如小米苹果等电视机的遥控器，把开关、音量、频道、菜单等最最频繁的几个按键外放，其他更多的操作藏在菜单中，没有过多干扰，大大减少用户做选择的时间。

示例二：苹果的产品也都是义无反顾地遵循着席克定律，不遗余力地缩减给予用户的选择，无论是在软件产品和智能硬件产品上都是足够精简；如下图 App store 有之前精品推荐还是展示很多 App，后来改版直接通过这种大卡片样式把“精品”的 app 足够放大让你快速获取。

示例三：Mac 版 QQ 客户端的登录框，输完账号密码直接登录很顺畅的完成登录操作，把更多那些注册、忘记密码等事项做收起处理，使得整个界面给人比较简洁清爽的感觉。

费茨定律

拓展阅读：

用一篇超全面的文章，帮你读懂经典的费茨定律 费茨定律由心理学家 Paul Fitts 提出，用来预测从任意一点到目标中心位置所需时间与该点到目标的距离和大小有关，距离越大时间越长，目标越大时间越短。

阅读文章 >

费茨定律 主要体现出三个参数：时间、距离和大小；任意一点移动到目标位置所需要的时间，与目标距离正相关，距离越长所需时间越长，与目标大小负相关，体积越大越宽所需时间越短。这定律核心要点更简单一点归纳就是：放大目标对象，减少目标距离。

示例一：你会看到现在很多产品厂商，他们的产品宣传广告图，都是把产品图放大，然后才是宣传标题和内容。目标就是通过大图片，强烈的视觉冲击，先吸引到你的眼球，让你第一眼有印象，然后再展开看具体的细项内容。

示例二：很多产品也会把比较密切的关联信息，距离放得比较近，方便用户做即将进行的关联操作，如微信：长按复制某项内容，复制后关联操作内容会跟复制项距离挨得比较近，将操作距离缩到最短；假设把关联弹窗操作信息放在统一居中位置，操作以及视角距离会拉长，相应地操作时间会拉长。

示例三：QQ 手机端登录页面也是同样原理，次要的注册和忘记密码内容缩小放在次要位置，输入框内容放大，输入账号和密码后，紧接着点击登录按钮，展示顺序和操作也都相对比较流畅；假设把按钮放在下方，暂不考虑键盘交互的情况下，输入完账号密码后，登录按钮距离相对较远，关联操作不够连贯。

泰勒斯定律

泰斯勒定律又称复杂性守恒定律，指的是任何系统都存在其固有的复杂性，且无法被减少，我们要考虑的是，怎么样更好地处理它，让用户简单、高效地使用它。这一定律也时常在平时工作中，面对较为复杂的业务、流程、页面的时候，要去思考如何在不影响业务和功能的情况下，保证用户的使用体验；也不能为了所谓的页面简洁而删掉一些业务认为重要的东西，最终导致功能满足不了业务诉求。

设计本身就是一个反复沟通的一个过程，哪些内容可以精简？哪些可以怎么处理？哪些强调弱化？这些都需要和业务产品方做反复沟通，达成意见一致，找到业务和体验之间的权衡点。在面对不可避免的系统复杂性，我们要做的是花费更多的精力，实现用户界面上的简化，不把系统的复杂性交给用户。

示例一：比如抖音、UC 浏览器、淘宝等平台，会通过用户平时浏览的时长、点赞、收藏等行为，来进行数据分析智能推送用户关心的内容，从而使用户对平台产生更高的使用黏着度；通过一种技术的处理，减少用户界面上的操作，帮助用户更快达到其目标；

示例二：苹果的 Keynote 和微软的 PowerPoint 对保存定义差异，Keynote 是系统自动保存，用户做到哪里随时关闭，会自动帮你进行保存。PowerPoint 是手动保存，用户做任何操作需要保存才能存档，否则中途死机或者软件出问题导致软件自动关闭，而你做的东西可能会功亏一篑。

示例三：在做一个比较复杂的申请时，在内容上和业务方沟通后已没办法再减，如果全部内容在界面上放在一页去展示，会给用户直观上感觉内容很多，当我们可以把内容分拆一下，而且告知用户整个流程完成下来大概需要几步需要填什么内容，提前告知用户，然给用户心里有预期。

奥卡姆剃刀定律

奥卡姆剃刀定律也是关于本体论简化的原则，它提出：如无必要，勿增实体。即任何存在的东西，应该有对应的事实依据，否则我们不应该去考虑它。

今天我们用到「奥卡姆剃刀」这个词语时，其实是在原理论上延伸开，泛指意指删繁就简，剔除问题中无用的杂项，倾向于简单的解决办法。为什么要将复杂变简单呢？因为复杂容易使人迷失，只有简单化后才利于人们理解和操作；简单的页面让用户一眼就能找到他们感兴趣的内容，使用户浏览更舒适，更能专心于你要表达的内容上，而复杂的页面会让用户找不到信息的重点，容易分散用户的视觉注意力。

示例一：对比微信手机话费充值页面，和左侧其他平台的充值页，你会发现用户在话费充值这件事上，通过微信充值会非常明确而且快速完成任务，而左侧平台页面整体页面元素比较多，就会干扰用户完成主要的任务操作，当然这也取决于产品本身的定位和策略不一样，展示的内容也会不一样。

示例二：iPhone 苹果手机当时把直接把仅有的一个实体 home 键拿掉，通过上滑操作来代替回到首页的操作，这也让后来其他的手机厂商都追随这样的设计一致做了调整。

示例三：MUJI 的设计，也很好地体现了这个定律原则，通过“精选材质”、“ 修改工序”、“ 简化包装”重新审视了商品，制造出简洁而舒心的商品。

接近原则

接近原则是一个心理学名词，指对于彼此接近的事物，人们总会下意识地将他们建立某种关联性，并视为一个整体去看待。这个原则更简单一点归纳就是：把接近相似的信息元素组织起来。

接近原则是非常常用和极其有效的一种设计技巧，根据人的认知习惯和心理模型来构建页面，能很好地帮助用户节省浏览和理解内容的成本。

界面设计中的接近原则是对相似的信息及功能类别进行分组、布局；它在界面中的作用能够直接影响到用户与产品的视觉交流，借此引导用户的浏览及操作行为。目的都是在视觉上通过组与组的区分来划分功能与功能之间的关联性，让界面变得更清晰，并且帮助用户在浏览页面时，能够清楚地感知到各个信息组之间的关系，也就是信息的归类。

示例一：现在很多表单的设计，比如系统设置、个人中心等此类多表单的页面，通常都会将相关联信息归类组合处理，能让信息的归类更加清晰，从视觉角度看页面更有层次感，让信息之间有一定的间歇，减少阅读的疲劳感。

示例二：我们进行一些业务的申请，也常常碰到填单页面，如下图，信息就是这么多你全部罗列出来，从视觉感观上看，会给用户感觉要填很多内容；把相关联信息归类成手机号/国别/职业/学历这些个人自身的基础信息，邮箱/单位名称/单位地址这些归成另一类，在信息归类上就可以和上面区分开，让页面更有层次感。

防错原则 拓展阅读：

这9个实用技巧，帮你完全掌握防错原则！ TCC 推荐：大家好，这里是 TCC 翻译情报局，我是张聿彤。

阅读文章 >

防错原则最早出现在 19 世纪 60 年代的汽车制造领域，是由丰田汽车的专家工程师新乡重夫创造的理念。

防错原则其实是站在用户的角度，尽可能地提供相应措施，减少错误概率，令用户更安心更有效率地完成任务。要注意换位思考，从用户角度出发，站在用户使用场景，预测用户有可能发生错误操作。比起一个优秀的错误提示，更好的设计是在这个错误出现前就提前告知用户，最大程度的减少错误的发生。

3 个维度帮助我们更好地做好防错机制：

操作前，怎么把提示做得更清晰，让用户在准备操作时就能清晰知道在哪操作要做什么； 操作中，实时告知当前位置，让用户知道自己进行到哪了； 操作后，能及时给予反馈，一旦错误可及时调整；

示例一：下图登录窗口，很好地诠释目前很多操作表单的使用样式。

操作前，输入框提示语能让用户知道是哪里操作，密码框内提示输入的密码规则也写出来，提高操作效率； 操作中，输入框高亮明确让用户知道当前所在位置，并且让用户更聚焦在当前内容； 操作后，如内容有误，给出明确提示，让用户能及时调整；

示例二：微信手机充值设计，输入一个通讯录存有，但输入疑似错误的手机号码时，页面会提醒用户是否输错，且给出用户可能想要的结果，通过系统辨识，帮助用户做内容校正，防止用户操作错误。

最后

誉为交互设计之父的阿兰·库珀(Alan cooper)说过一句话：除非有更好的选择，否则就遵从标准。这些被认定的设计定律原则，其实是最基础的理论知识，当我们了解它后，这会成为个人的知识技能储备，在平时设计工作中会给我们很好的参考和启发，帮助我们更有效地完成自己的设计。

这些所谓的定律原则，当你全部理解之后，你会发现他们之间有些是相似甚至是重合的，如席克定律、米勒定律和奥卡姆剃刀定律，其实都是在强调信息要精简。

所以我们要怎么做？

不要去迷恋任何法则，不要纠结去背念这些定律法则的名字，不要觉得有了这些法则，把这些定律原则照本宣科地对照进自己的产品就能提升一个档次，设计水平就能得以很好地提升，这是不可能的。我们要去学习它理解它使用它，其中最重要的是真正地“理解”它，然后结合自身的产品情况及使用场景，更好地运用它。除了交互设计七大定律原则外，其实还有很多前辈总结的一些原则，如尼尔森十原则、设计心理学、格式塔理论等这些前辈们通过多年的经验总结出来的理论知识，都会对我们做产品做设计有一定思考和启发，提示我们平时多看多理解，在我们产品上就会得以更好的体现，从而把产品做得更好。

拓展阅读：

万字干货！15个著名的设计心理学原理和应用深度解析！ “除非有更好的选择，否则就遵从标准” 你是否有在听别人说某某原理法则时一脸懵 B 的时候？

阅读文章 >

以上，感谢阅读！

编辑导语：怎么样让设计出来的产品更加美观，更加符合大众审美呢？设计师有一些理论上的知识可以引用，本文作者分享了关于 交互设计 的七大定律法则，我们一起来了解一下。

拓展阅读：

值得反复学习的「交互设计5大定律」，一篇带你全部学完！ 缘起 前段时间应邀给部门内新入职的校招设计师讲一堂设计法则的基础课，作为交互设计师，交互设计定律肯定是绕不开的一个知识点，但对于网上广为流传的《交互设计 7 大定律》，我其实一直都有些质疑，因为没搞清楚作者组织的思路，也查不到任何文档的介绍，我觉得如果就这样照本宣科的去讲交

阅读文章 >

有时在一些设计师讨论分享会，或者和一些非设计师同事朋友交流，会碰到下述一些疑问……

阿里巴巴 UCAN2019 大会主题《设计，让商业美而简单》。我个人很喜欢这个口号，这是我们 UX 设计师朋友们每天都在做的事情，也是我们价值的体现。那怎么样让我们的设计，能让商业美而简单，有没有什么方法、理论、技巧、原则的东西指导我们进行设计呢？

下面七条定律和原则也许可以帮助你更好地做好产品设计：

米勒定律

拓展阅读：

用超多案例，帮你认识无处不在的「米勒定律」 今天给大家带来一个无处不在的定律，虽然它很常见，但它很安静。

阅读文章 >

米勒定律是美国心理学家乔治·米勒(George A.Miller)对短时记忆能力进行了定量研究后提出：人的短时记忆能力广度为 7±2 个信息项，超过该范围就容易出错。提及到人的大脑短时记忆容量约为“7”，并在 7+2 与 7-2 之间浮动，因此这个神奇的记忆容量规律也称为“7±2 法则”。

我们做个试验：读一遍下图中的随机字母，然后移开眼睛回忆一下，看你能回想起几个：

再试试这个，同样重头到尾读一遍，然后移开眼睛回忆：

你能记几个？结果会发现：通常会记忆起 5~9 个，即 7±2 个，这个有趣的现象就是 7±2 效应。

但是，后来在《设计师要懂心理学》一书中又被提到，这一理论实际上缺乏足够的科学依据，不少学者通过大量研究，发现那个神奇的数字其实是“4”。如果人能够注意力集中，其处理信息的过程也不受干扰，那么其工作记忆中能保存 4 项左右事务；所以建议在给用户展示信息时，尽可能限制在 4 以内，合理利用分类与归纳减少信息数量。

米勒定律 及其所引发后人的研究结论，其实这一思考常常被运用到产品设计当中，如：

示例一：现在很多手机号、银行卡号、身份证号等这种长字符内容，会进行分段显示，对比之下你会发现阅读起来会大大提升易读性。

示例二：以前我们要输 6 位数字验证码要切换出去看短信，凭记忆输入，通常要切两三次才能全部填完，后来在技术支持下，直接提取短信中的验证码在键盘上显示点击即可，大大减少用户的输错几率及记忆成本。

席克定律

席克定律是一种心理物理学定律。它主要体现出两个参数：数量和时间；当所面临的选择数量越多，所作出选择决策的时长花费就会长。

这定律更简单一点归纳就是：尽可能减少选项的数量，Don’t make me think！

决策效率是一个产品导致用户流失的重要原因之一，用户迟迟不能做出选择，付出的成本越大自然选择放弃的几率就越大，所以我们要将做决定的选项在满足产品业务诉求的情况下，尽可能精简，以减少所需反应的时间。如何提高用户的选择和获取效率？这就考验对产品设计的权衡，哪些内容必须要保留？哪些内容可以精简？哪些内容可以前置后移？

示例一：大家都还记得早前的电视遥控器吧，功能齐全应有尽有，可以回想下我们平时使用最频繁的是哪些？再看现在比如小米苹果等电视机的遥控器，把开关、音量、频道、菜单等最最频繁的几个按键外放，其他更多的操作藏在菜单中，没有过多干扰，大大减少用户做选择的时间。

示例二：苹果的产品也都是义无反顾地遵循着席克定律，不遗余力地缩减给予用户的选择，无论是在软件产品和智能硬件产品上都是足够精简；如下图 App store 有之前精品推荐还是展示很多 App，后来改版直接通过这种大卡片样式把“精品”的 app 足够放大让你快速获取。

示例三：Mac 版 QQ 客户端的登录框，输完账号密码直接登录很顺畅的完成登录操作，把更多那些注册、忘记密码等事项做收起处理，使得整个界面给人比较简洁清爽的感觉。

费茨定律

拓展阅读：

用一篇超全面的文章，帮你读懂经典的费茨定律 费茨定律由心理学家 Paul Fitts 提出，用来预测从任意一点到目标中心位置所需时间与该点到目标的距离和大小有关，距离越大时间越长，目标越大时间越短。

阅读文章 >

费茨定律 主要体现出三个参数：时间、距离和大小；任意一点移动到目标位置所需要的时间，与目标距离正相关，距离越长所需时间越长，与目标大小负相关，体积越大越宽所需时间越短。这定律核心要点更简单一点归纳就是：放大目标对象，减少目标距离。

示例一：你会看到现在很多产品厂商，他们的产品宣传广告图，都是把产品图放大，然后才是宣传标题和内容。目标就是通过大图片，强烈的视觉冲击，先吸引到你的眼球，让你第一眼有印象，然后再展开看具体的细项内容。

示例二：很多产品也会把比较密切的关联信息，距离放得比较近，方便用户做即将进行的关联操作，如微信：长按复制某项内容，复制后关联操作内容会跟复制项距离挨得比较近，将操作距离缩到最短；假设把关联弹窗操作信息放在统一居中位置，操作以及视角距离会拉长，相应地操作时间会拉长。

示例三：QQ 手机端登录页面也是同样原理，次要的注册和忘记密码内容缩小放在次要位置，输入框内容放大，输入账号和密码后，紧接着点击登录按钮，展示顺序和操作也都相对比较流畅；假设把按钮放在下方，暂不考虑键盘交互的情况下，输入完账号密码后，登录按钮距离相对较远，关联操作不够连贯。

泰勒斯定律

泰斯勒定律又称复杂性守恒定律，指的是任何系统都存在其固有的复杂性，且无法被减少，我们要考虑的是，怎么样更好地处理它，让用户简单、高效地使用它。这一定律也时常在平时工作中，面对较为复杂的业务、流程、页面的时候，要去思考如何在不影响业务和功能的情况下，保证用户的使用体验；也不能为了所谓的页面简洁而删掉一些业务认为重要的东西，最终导致功能满足不了业务诉求。

设计本身就是一个反复沟通的一个过程，哪些内容可以精简？哪些可以怎么处理？哪些强调弱化？这些都需要和业务产品方做反复沟通，达成意见一致，找到业务和体验之间的权衡点。在面对不可避免的系统复杂性，我们要做的是花费更多的精力，实现用户界面上的简化，不把系统的复杂性交给用户。

示例一：比如抖音、UC 浏览器、淘宝等平台，会通过用户平时浏览的时长、点赞、收藏等行为，来进行数据分析智能推送用户关心的内容，从而使用户对平台产生更高的使用黏着度；通过一种技术的处理，减少用户界面上的操作，帮助用户更快达到其目标；

示例二：苹果的 Keynote 和微软的 PowerPoint 对保存定义差异，Keynote 是系统自动保存，用户做到哪里随时关闭，会自动帮你进行保存。PowerPoint 是手动保存，用户做任何操作需要保存才能存档，否则中途死机或者软件出问题导致软件自动关闭，而你做的东西可能会功亏一篑。

示例三：在做一个比较复杂的申请时，在内容上和业务方沟通后已没办法再减，如果全部内容在界面上放在一页去展示，会给用户直观上感觉内容很多，当我们可以把内容分拆一下，而且告知用户整个流程完成下来大概需要几步需要填什么内容，提前告知用户，然给用户心里有预期。

奥卡姆剃刀定律

奥卡姆剃刀定律也是关于本体论简化的原则，它提出：如无必要，勿增实体。即任何存在的东西，应该有对应的事实依据，否则我们不应该去考虑它。

今天我们用到「奥卡姆剃刀」这个词语时，其实是在原理论上延伸开，泛指意指删繁就简，剔除问题中无用的杂项，倾向于简单的解决办法。为什么要将复杂变简单呢？因为复杂容易使人迷失，只有简单化后才利于人们理解和操作；简单的页面让用户一眼就能找到他们感兴趣的内容，使用户浏览更舒适，更能专心于你要表达的内容上，而复杂的页面会让用户找不到信息的重点，容易分散用户的视觉注意力。

示例一：对比微信手机话费充值页面，和左侧其他平台的充值页，你会发现用户在话费充值这件事上，通过微信充值会非常明确而且快速完成任务，而左侧平台页面整体页面元素比较多，就会干扰用户完成主要的任务操作，当然这也取决于产品本身的定位和策略不一样，展示的内容也会不一样。

示例二：iPhone 苹果手机当时把直接把仅有的一个实体 home 键拿掉，通过上滑操作来代替回到首页的操作，这也让后来其他的手机厂商都追随这样的设计一致做了调整。

示例三：MUJI 的设计，也很好地体现了这个定律原则，通过“精选材质”、“ 修改工序”、“ 简化包装”重新审视了商品，制造出简洁而舒心的商品。

接近原则

接近原则是一个心理学名词，指对于彼此接近的事物，人们总会下意识地将他们建立某种关联性，并视为一个整体去看待。这个原则更简单一点归纳就是：把接近相似的信息元素组织起来。

接近原则是非常常用和极其有效的一种设计技巧，根据人的认知习惯和心理模型来构建页面，能很好地帮助用户节省浏览和理解内容的成本。

界面设计中的接近原则是对相似的信息及功能类别进行分组、布局；它在界面中的作用能够直接影响到用户与产品的视觉交流，借此引导用户的浏览及操作行为。目的都是在视觉上通过组与组的区分来划分功能与功能之间的关联性，让界面变得更清晰，并且帮助用户在浏览页面时，能够清楚地感知到各个信息组之间的关系，也就是信息的归类。

示例一：现在很多表单的设计，比如系统设置、个人中心等此类多表单的页面，通常都会将相关联信息归类组合处理，能让信息的归类更加清晰，从视觉角度看页面更有层次感，让信息之间有一定的间歇，减少阅读的疲劳感。

示例二：我们进行一些业务的申请，也常常碰到填单页面，如下图，信息就是这么多你全部罗列出来，从视觉感观上看，会给用户感觉要填很多内容；把相关联信息归类成手机号/国别/职业/学历这些个人自身的基础信息，邮箱/单位名称/单位地址这些归成另一类，在信息归类上就可以和上面区分开，让页面更有层次感。

防错原则 拓展阅读：

这9个实用技巧，帮你完全掌握防错原则！ TCC 推荐：大家好，这里是 TCC 翻译情报局，我是张聿彤。

阅读文章 >

防错原则最早出现在 19 世纪 60 年代的汽车制造领域，是由丰田汽车的专家工程师新乡重夫创造的理念。

防错原则其实是站在用户的角度，尽可能地提供相应措施，减少错误概率，令用户更安心更有效率地完成任务。要注意换位思考，从用户角度出发，站在用户使用场景，预测用户有可能发生错误操作。比起一个优秀的错误提示，更好的设计是在这个错误出现前就提前告知用户，最大程度的减少错误的发生。

3 个维度帮助我们更好地做好防错机制：

操作前，怎么把提示做得更清晰，让用户在准备操作时就能清晰知道在哪操作要做什么； 操作中，实时告知当前位置，让用户知道自己进行到哪了； 操作后，能及时给予反馈，一旦错误可及时调整；

示例一：下图登录窗口，很好地诠释目前很多操作表单的使用样式。

操作前，输入框提示语能让用户知道是哪里操作，密码框内提示输入的密码规则也写出来，提高操作效率； 操作中，输入框高亮明确让用户知道当前所在位置，并且让用户更聚焦在当前内容； 操作后，如内容有误，给出明确提示，让用户能及时调整；

示例二：微信手机充值设计，输入一个通讯录存有，但输入疑似错误的手机号码时，页面会提醒用户是否输错，且给出用户可能想要的结果，通过系统辨识，帮助用户做内容校正，防止用户操作错误。

最后

誉为交互设计之父的阿兰·库珀(Alan cooper)说过一句话：除非有更好的选择，否则就遵从标准。这些被认定的设计定律原则，其实是最基础的理论知识，当我们了解它后，这会成为个人的知识技能储备，在平时设计工作中会给我们很好的参考和启发，帮助我们更有效地完成自己的设计。

这些所谓的定律原则，当你全部理解之后，你会发现他们之间有些是相似甚至是重合的，如席克定律、米勒定律和奥卡姆剃刀定律，其实都是在强调信息要精简。

所以我们要怎么做？

不要去迷恋任何法则，不要纠结去背念这些定律法则的名字，不要觉得有了这些法则，把这些定律原则照本宣科地对照进自己的产品就能提升一个档次，设计水平就能得以很好地提升，这是不可能的。我们要去学习它理解它使用它，其中最重要的是真正地“理解”它，然后结合自身的产品情况及使用场景，更好地运用它。除了交互设计七大定律原则外，其实还有很多前辈总结的一些原则，如尼尔森十原则、设计心理学、格式塔理论等这些前辈们通过多年的经验总结出来的理论知识，都会对我们做产品做设计有一定思考和启发，提示我们平时多看多理解，在我们产品上就会得以更好的体现，从而把产品做得更好。

拓展阅读：

万字干货！15个著名的设计心理学原理和应用深度解析！ “除非有更好的选择，否则就遵从标准” 你是否有在听别人说某某原理法则时一脸懵 B 的时候？

阅读文章 >

以上，感谢阅读！

编者按：这篇文章出自 著名的设计网站 Graphicmama.com ，是今年上半年的设计趋势预测系列文章之一，这篇文章梳理出了 2022 年主要的10个动画 动效设计 趋势。

从平面设计到 UI、游戏等设计领域，不同的技术发展和风格变化的倾向，最终也同样反映到越来越广泛应用的动效设计领域了。2022 年的这些设计趋势就特别值得关注：

从 Dribbble 高赞的 828 个作品中，总结出 2022 设计趋势 Dribbble 平台对于互联网 UI 界面设计有着举足轻重的定位，对 Dribbble 设计的研究会让我们看清设计的方向。

阅读文章 >

腾讯出品！2022 设计趋势报告：数字内容营销篇 背景 数字营销是指借助于互联网营销方式，帮助业务方和消费者建立触达渠道，实现业务的商业目标达成。

阅读文章 >

对于动画和动效设计，你更青睐什么样的风格和呈现方式呢？是超写实的 CGI 还是复古低保真的经典动画？在 2022 年正在流行的动画动效设计风格当中，总会有那么几个是你的菜，或者正好能够帮你选择适合当下项目的动效呈现形式。

1、可爱：用心细致的 3D 卡通动画 3D 始终在快速发展，并且拟真的效果也在以各种方式提升。如今的 3D 动画和动效设计很显然越来越注重几何形体的鲜明特征，尽可能用明快清晰的色彩和有趣的动效来抓人眼球，相反不在结构上进行复杂的设置。如果你关注最新的动画电影和动画短片，它们在物理运动规则上的深入探索，已经相当的细致了，你会发现如今的3D 动画越来越有我们童年时期优质 2D 动画中，所具有的那种创意和突出的质感了。

2、逼真：极度写实风格的 CGI 科幻，CGI，想象力，当这些东西和动画结合在一起的时候，就是打破现实和动画界限的超现实主义设计，这种在 3A 游戏大作中常见的艺术风格如今已经下探到 UI 动效、动画以及很多网站和APP的视觉设计中。堪称细腻的动画效果结合符合物理规则的拟真动画，能够给观看者以惊艳的视觉体验。

这类动画和动态效果的呈现形式无疑是成本高昂，但是在特定的产品和领域，这种投入是值得的。

3、迷幻：超现实主义动画 这种源自 60 年代的视觉美学在 80 年代流行过一阵子之后，在如今又重新复活了过来。强大的动态渲染技术之下，完全突破现实和日常的迷幻效果，无疑是令人费解，但是又非常上头的。它和很多反主流的文化一样，从混乱和反常规的设计中汲取力量，完全无法预期的特效所造就的视觉奇观，给人留下深刻的印象。不幸的是，对于普通的用户而言，这种视觉效果可能稍微又些过火了。但是，这种迷幻的视觉风格又一直紧贴着主流视觉趋势的边缘，总在聚光灯光芒勉强能照到的地方闪耀，时不时地吸引着大众的注意力。

这种风格会不定期地成为小范围的趋势，是否要使用它依然是一件值得商榷的事情。

4、营销：扁平风格人物角色 扁平化的人物角色，无论对于插画领域、视觉设计领域还是 UI/UX领域而言，都不是一种陌生的设计元素。动画动效的流行，加持在这种视觉呈现形式上，则赋予了它新的生命力。现在的扁平化的人物动画如同获得第二春了一样，不仅在 UI 和 网页领域重新站稳脚跟，而且因其相对低廉的制作成本，在视频内容领域开疆拓土，它可以呈现复杂的内容，传递丰富的信息而无需过于复杂的制作流程，而且对于企业用户而言，这种视觉风格的动画似乎先天就带有某种「专业」的属性，而大受青睐，所以它也相应地成为了一种热门的营销素材。

5、品牌：吉祥物角色设计 和扁平风格的插画不同，吉祥物角色设计是一个融入了更多品牌元素的设计，越来越多的品牌设计会将吉祥物角色设计以及相应的动态动画设计也纳入进来。虽然这种动态吉祥物设计是实验性的，但是在合适的动画加持之下，会非常的可爱，足够吸引人，强化品牌调性的同时，在视频广告等宣传物料和移动端 APP 当中，能够加分不少，尤其是当它和 UI 动效、交互无缝地结合起来的时候，会让产品的专业性更上一层楼。

如果你对于这类角色 动画设计 感兴趣，Adobe Character Animator 是一个不错的起点，有很多免费的 Puppet 素材可供你进行下载、测试。

6、趣味：描边动画设计的流行 有时候最简单的事物才最容易被玩儿出花来，比如基于描边插画衍生出的描边动画，就因其简单的结构，相反可以更快制作出各种不同风格的动画，呆萌、有趣、优雅、微妙，等等等等。正是因为这种独特性和「低成本」，描边动画开始大量出现在各个场合，成为了一个流行趋势。

7、文字：动态排版设计 大家常说一图胜千言，但是如果文字排版和动效结合起来，其实同样可以保有丰富的信息量，并且可以变得非常有趣。动态的文字排版，是将文本当作视觉元素来处理，也关乎字体设计的创造力，它将原本单纯的阅读转变成为一种令人兴奋的互动体验，它最初是从音乐视频开始流行，如今已经无处不在了。当你缺乏别的视觉元素的时候，可以将最简单的文本标题玩儿出花来。

8、复古：风格老派的动画设计 复古永远流行。而复古动画能够成为趋势也大抵如此，带着跳帧效果和丰富肌理的复古动画是永远的时尚。当它和现代的主题、流行的呈现方式融为一体，复古动画的缺陷变为优势，素质不佳的效果成为加分的「细节」，不平滑的过渡成为视觉效果，还有什么比这种动画效果更加值得投资的呢？

9、实验：独立动画设计 有越来越多的设计师开始将不同的风格混合到一起，试图创造出一些全新的东西。幸运的是，在这个混乱的时代，独立设计和主流设计之间的界限在变得模糊，我们可以看到很多富有创意的实验性的动画效果出现，艺术家和设计师们不再拘泥于原有的框架，夸张的形象和略显怪异的设计开始被摆在台面上，让大家来品评，并逐渐被接纳。

10、低保真：怀旧氛围动效 低保真所追求的失真感，在某种程度上和复古有那么一点相通的。粗粝的肌理和明显带有粗野主义风格的设计，在碎片化的画面、带有嘶拉杂音的复古音乐以及蒙太奇式的剪辑之下，非常容易制造出浪漫和怀旧的氛围，碎片化的动画和可以缺省的细节是这类动画和动效的特质，也是它调性所在。

结语 2022 年依然是艰难的一年，复古、怀旧、迷幻以及回归简约的3D动画与描边动画，都无一例外带着某种保守和逃避的特质，实验性和超现实主义的设计也尚未走出一条全新的道路，但是技术迭代之下，这些动画动效趋势在技术上越来越成熟，其中也酝酿着新的可能性，也许我们能在不久的将来看到一些全新的东西。

编者按：这篇文章出自 著名的设计网站 Graphicmama.com ，是今年上半年的设计趋势预测系列文章之一，这篇文章梳理出了 2022 年主要的10个动画 动效设计 趋势。

从平面设计到 UI、游戏等设计领域，不同的技术发展和风格变化的倾向，最终也同样反映到越来越广泛应用的动效设计领域了。2022 年的这些设计趋势就特别值得关注：

从 Dribbble 高赞的 828 个作品中，总结出 2022 设计趋势 Dribbble 平台对于互联网 UI 界面设计有着举足轻重的定位，对 Dribbble 设计的研究会让我们看清设计的方向。

阅读文章 >

腾讯出品！2022 设计趋势报告：数字内容营销篇 背景 数字营销是指借助于互联网营销方式，帮助业务方和消费者建立触达渠道，实现业务的商业目标达成。

阅读文章 >

对于动画和动效设计，你更青睐什么样的风格和呈现方式呢？是超写实的 CGI 还是复古低保真的经典动画？在 2022 年正在流行的动画动效设计风格当中，总会有那么几个是你的菜，或者正好能够帮你选择适合当下项目的动效呈现形式。

1、可爱：用心细致的 3D 卡通动画 3D 始终在快速发展，并且拟真的效果也在以各种方式提升。如今的 3D 动画和动效设计很显然越来越注重几何形体的鲜明特征，尽可能用明快清晰的色彩和有趣的动效来抓人眼球，相反不在结构上进行复杂的设置。如果你关注最新的动画电影和动画短片，它们在物理运动规则上的深入探索，已经相当的细致了，你会发现如今的3D 动画越来越有我们童年时期优质 2D 动画中，所具有的那种创意和突出的质感了。

2、逼真：极度写实风格的 CGI 科幻，CGI，想象力，当这些东西和动画结合在一起的时候，就是打破现实和动画界限的超现实主义设计，这种在 3A 游戏大作中常见的艺术风格如今已经下探到 UI 动效、动画以及很多网站和APP的视觉设计中。堪称细腻的动画效果结合符合物理规则的拟真动画，能够给观看者以惊艳的视觉体验。

这类动画和动态效果的呈现形式无疑是成本高昂，但是在特定的产品和领域，这种投入是值得的。

3、迷幻：超现实主义动画 这种源自 60 年代的视觉美学在 80 年代流行过一阵子之后，在如今又重新复活了过来。强大的动态渲染技术之下，完全突破现实和日常的迷幻效果，无疑是令人费解，但是又非常上头的。它和很多反主流的文化一样，从混乱和反常规的设计中汲取力量，完全无法预期的特效所造就的视觉奇观，给人留下深刻的印象。不幸的是，对于普通的用户而言，这种视觉效果可能稍微又些过火了。但是，这种迷幻的视觉风格又一直紧贴着主流视觉趋势的边缘，总在聚光灯光芒勉强能照到的地方闪耀，时不时地吸引着大众的注意力。

这种风格会不定期地成为小范围的趋势，是否要使用它依然是一件值得商榷的事情。

4、营销：扁平风格人物角色 扁平化的人物角色，无论对于插画领域、视觉设计领域还是 UI/UX领域而言，都不是一种陌生的设计元素。动画动效的流行，加持在这种视觉呈现形式上，则赋予了它新的生命力。现在的扁平化的人物动画如同获得第二春了一样，不仅在 UI 和 网页领域重新站稳脚跟，而且因其相对低廉的制作成本，在视频内容领域开疆拓土，它可以呈现复杂的内容，传递丰富的信息而无需过于复杂的制作流程，而且对于企业用户而言，这种视觉风格的动画似乎先天就带有某种「专业」的属性，而大受青睐，所以它也相应地成为了一种热门的营销素材。

5、品牌：吉祥物角色设计 和扁平风格的插画不同，吉祥物角色设计是一个融入了更多品牌元素的设计，越来越多的品牌设计会将吉祥物角色设计以及相应的动态动画设计也纳入进来。虽然这种动态吉祥物设计是实验性的，但是在合适的动画加持之下，会非常的可爱，足够吸引人，强化品牌调性的同时，在视频广告等宣传物料和移动端 APP 当中，能够加分不少，尤其是当它和 UI 动效、交互无缝地结合起来的时候，会让产品的专业性更上一层楼。

如果你对于这类角色 动画设计 感兴趣，Adobe Character Animator 是一个不错的起点，有很多免费的 Puppet 素材可供你进行下载、测试。

6、趣味：描边动画设计的流行 有时候最简单的事物才最容易被玩儿出花来，比如基于描边插画衍生出的描边动画，就因其简单的结构，相反可以更快制作出各种不同风格的动画，呆萌、有趣、优雅、微妙，等等等等。正是因为这种独特性和「低成本」，描边动画开始大量出现在各个场合，成为了一个流行趋势。

7、文字：动态排版设计 大家常说一图胜千言，但是如果文字排版和动效结合起来，其实同样可以保有丰富的信息量，并且可以变得非常有趣。动态的文字排版，是将文本当作视觉元素来处理，也关乎字体设计的创造力，它将原本单纯的阅读转变成为一种令人兴奋的互动体验，它最初是从音乐视频开始流行，如今已经无处不在了。当你缺乏别的视觉元素的时候，可以将最简单的文本标题玩儿出花来。

8、复古：风格老派的动画设计 复古永远流行。而复古动画能够成为趋势也大抵如此，带着跳帧效果和丰富肌理的复古动画是永远的时尚。当它和现代的主题、流行的呈现方式融为一体，复古动画的缺陷变为优势，素质不佳的效果成为加分的「细节」，不平滑的过渡成为视觉效果，还有什么比这种动画效果更加值得投资的呢？

9、实验：独立动画设计 有越来越多的设计师开始将不同的风格混合到一起，试图创造出一些全新的东西。幸运的是，在这个混乱的时代，独立设计和主流设计之间的界限在变得模糊，我们可以看到很多富有创意的实验性的动画效果出现，艺术家和设计师们不再拘泥于原有的框架，夸张的形象和略显怪异的设计开始被摆在台面上，让大家来品评，并逐渐被接纳。

10、低保真：怀旧氛围动效 低保真所追求的失真感，在某种程度上和复古有那么一点相通的。粗粝的肌理和明显带有粗野主义风格的设计，在碎片化的画面、带有嘶拉杂音的复古音乐以及蒙太奇式的剪辑之下，非常容易制造出浪漫和怀旧的氛围，碎片化的动画和可以缺省的细节是这类动画和动效的特质，也是它调性所在。

结语 2022 年依然是艰难的一年，复古、怀旧、迷幻以及回归简约的3D动画与描边动画，都无一例外带着某种保守和逃避的特质，实验性和超现实主义的设计也尚未走出一条全新的道路，但是技术迭代之下，这些动画动效趋势在技术上越来越成熟，其中也酝酿着新的可能性，也许我们能在不久的将来看到一些全新的东西。

标题是 平面设计 作品中一个非常重要的部分，所以标题设计也至关重要，优秀的标题设计除了可以把标题中的信息清晰传达之外，还要与画面的风格相符，并且能使画面整体更加美观和更有设计感。为此，葱爷来给大家分享 5 个很不错的 标题设计 技巧，而且还附上了详细的设计步骤。

相关技巧：

4 个文字图形化的高能技巧，让文字海报更吸睛！ 文字图形化，顾名思义就是使文字具备图形的特点，从而使文字变得更加美观、更具视觉冲击力，甚至是可以把文字的意义图像化，使设计更具说服力和打动力，这也是设计师很喜欢的一种设计手法。

阅读文章 >

加椭圆曲线

这个技巧最近可以在很多设计中看到，效果很时尚、很现代，过稿率超高，并且操作起来也非常简单。

① 在AI中输入标题，选择一比较简单、现代的字体，当然，自己设计的也行。

② 用椭圆工具画一个椭圆线框，线的描边不要太粗，然后使其与标题斜交叉。

③ 把椭圆与文字重叠部分的线删除。

也可以把椭圆复制一层，描边颜色填充成白色，然后把描边模式改成“使描边内侧对齐”，做出椭圆把文字进行裁剪的效果，当然，也可以真的做裁剪。

④ 画一个四角星放在椭圆的路径上，并使其左右两边与椭圆路径隔开一点距离。

⑤ 颜色可以根据自己的需求进行更改，做完了。

曲线叠加

这也是很简单的一个技巧，适合用在电商详情页、微信长图、折页等设计中。

① 在AI中输入标题，最好再配一个英文标题作为装饰。

② 选择画笔工具在标题上“随意”画一条曲线，要注意整体的美观性与平衡性，线条描边不要太粗，以免对标题形成过大干扰。

③ 给线条填充一个比较鲜艳的颜色就完成了。

另外，还可以通过描边面板中的选取效果功能，给该描边路径添加一些艺术效果，就能得到不同质感的曲线。

波纹效果

① 在Ai中输入一个标题，然后按快捷键：Ctrl+shift+O将其转曲。

② 用椭圆工具在标题正中央画一个小圆，然后复制一个圆，等比拉大到类似下图的位置。

③ 同时选中两个圆框，并用混合工具依次点击这两个圆的描边位置，再双击混合工具，把指定步数改成5，得到如下效果。

④ 将圆形组扩展描边，使描边变成形状，然后一起选中圆圈和文字，打开路径查找器，选择修边效果。

⑤ 取消群组，单独把圆圈部分群组，并把透明度降低。

⑥ 根据圆圈波纹的路径，用钢笔工具给文字往外增加类似下图的小色块，上、下、中间都要有。

⑦ 删除掉圆圈路径，保留最中间的小圆圈，因为此处的小圆圈没有与文字重叠，最后，再变换一下颜色就完成了。

扭曲效果

这种扭曲效果有点像可口可乐的飘带图案，用作海报标题还不错，做法同样很简单。

①在Ai中输入标题（字数在4-8之间效果比较好），然后将标题转曲，并把文字分为最右两组。

② 选中第一组文字，在顶部菜单栏中选择对象-封套扭曲-用网格建立，然后在弹出的参数面板中把网格行数和列数全部设置为1。

③ 拖动网格框的四个角上的锚点和手柄，将文字扭曲成下图效果。

④ 采用同样的方式将第二组文字扭曲成如下效果。

⑤ 将文字复制到Ps中，并填充成白色，背景色设置成黑色。

⑥ 用画笔工具在文字“转”和“星”的转角处涂一点灰色，再添加一点杂色，做完了。

火焰文字

火焰文字不是啥新鲜的效果，不过搭配上对比很强的渐变色，效果也是很酷的。

① 在PS中新建一个画板，将背景色填充成黑色，然后输入一个标题，任意填充一个颜色，然后栅格化文字，并通过变换扭曲工具将标题扭曲成如下效果。

② 按快捷键Ctrl+J将文字复制一层，并将上面的这一层锁定，选中下面这一层，然后选择涂抹工具，把强度值设置为70左右，沿着文字的上沿用涂抹工具向上呈曲线涂抹。（为了涂抹时每个文字不相互影响，可以以每个文字单独建立一个图层。）

③ 通过调整涂抹工具的画笔大小重复涂抹，火苗的长度大概是文字高度的两倍左右，尽量保证火焰的底端与文字的顶端是对齐的。

另外，整体火焰的形状要尽量自然、饱满，相连文字之间的火焰轮廓要形成互补关系，有瑕疵的地方可以用画笔辅助涂抹一下，得到如下效果。

④ 将文字层和涂抹层分别填充上渐变色，注意文字的顶端与火焰的底端颜色要是相同的，使其有融为一体的感觉。

⑤ 将文字和涂抹图层组合起来，并复制一层进行合并处理，执行高斯模糊效果，选择一个合适的模糊数值，颜色填充为高饱和度的深蓝色，塑造出发光效果，如果觉得不明显可以复制一层。

⑥ 文字下沿的发光可以适当减弱一点，由于火焰图层的颜色受蓝色发光影响比较大，可以把火焰图层再复制一层，到这里火焰标题就做完了。

注：这个效果跟参考中的效果不大一样，因为我觉得 ps 中的涂抹工具做出的效果更像火焰，如果想要参考中的效果可以用液化滤镜中的向前变形工具或 AI 中的变形工具进行涂抹，也可以直接用钢笔工具勾轮廓。

结语 任何技巧都不是万能的，用在合适的地方可以锦上添花，用在错误的地方就是灾难，所以大家对自己的设计需求要有正确的评估，一切以得到好的效果为最终目的。

这么设计标题，客户直夸专业！ 据统计，标题是海报中阅读率最高的文案，所以标题设计至关重要，一个优秀的标题设计不仅要清晰易读，而且需要与画面和主题的调性保持高度统一。

阅读文章 >

欢迎关注作者的微信公众号：「葱爷」

我在阅读曲卉《硅谷增长黑客实战笔记》一书中描述增长模型的时候，读到了一个对我影响很大的例子。

谷歌广告一个新到任的产品总监在刚来到部门的时候，就问团队：“能用一个公式描述我们部门的生意吗？”大家当时都愣住了，因为没有人想过原来部门的生意可以用一个公式来描述。于是他们整个团队开始不断总结、推翻、调整，最终总结出了一个利润增长公式。而这个公式，不仅清晰明了明确了产品增长的关键环节，还成为了他们的决策工具，任何和公式不沾边的想法都会抛弃，最终这个公式帮助他们带来了巨大的增长。

从读到那个例子开始，我就在反复思考，产品设计是否也可以提炼一个设计公式来表达，从而让我们有结构、有标准去设计一个产品。我们过去在产品的设计中，总会遇到这样的情况，不知道设计什么功能，什么功能又可以不做。虽然有大量的文章都在讲 产品设计 ，但并没有建立任何思考和决策的设计标准。

这正是我努力想去做的事情。在过去两个月，我分析了丁香医生、微信读书和知识星球，很多朋友都觉得分析得很详细，很完整，但我越来越感觉到当我把焦点只关注到一个产品身上时，往往会忽略他来自哪片森林，成长土壤又是怎样的，这样的分析会越来越局限，总结也会越来越片面。

上万字分析！6大方面完整分析「丁香医生」的产品设计 一个优秀的产品如何设计，遵循什么原则，有什么策略，是否可以用一个设计公式来描述它，从而让我们全面、结构化的方式去研究学习。

阅读文章 >

拆解100多个产品细节，分析「知识星球」如何帮设计师年入百万！ 全文 7400 字，拆解页面 60 个，100 多个产品设计细节，通过对目标用户群的需求分析，对知识星球产品设计进行分析验证，为你提供一份社群工具的产品设计参考。

阅读文章 >

所以从这期的「设计大侦探」开始，今后的产品分析将会先从行业开始入手，通过分析用户需求，调研行业头部产品，总结他们设计规律，最后再去提炼这个行业的产品设计公式，从而让我们从一个面到一个点，真正理解这个行业产品设计的关键环节，最终形成一个设计标准，帮助我们少走弯路，不走错路，提升产品设计的成功率。

作为一个有了两个孩子的产品 设计师 ，在恰逢第 72 个儿童节之日，我把这期的目标锁定在了在线英语启蒙教育这个细分行业。虽然在线教育行业遭受了国家双减的打击，但如今活跃的在线英语启蒙产品也并不少，像斑马、叽里呱啦、伴鱼启蒙都设计得非常优秀。其次我也是在线英语启蒙教育的一个长期用户，每天都会带着两个孩子学习。所以抛开政策的影响，从产品层出发，为大家带来一个全面的在线英语 启蒙教育 产品设计分析专题。最后考虑到篇幅过长，为了让大家阅读更方便，斑马、叽里呱啦和伴鱼启蒙的产品分析报告将会单独发布。

什么是在线英语启蒙教育？ 1. 在线启蒙教育的定义

根据国外专家的研究报道，0-6 岁之间是儿童建立包括语言、音乐、逻辑推理等能力的核心阶段，《2019 年世界发展报告》中更是提出从三岁开始的社会化和更加正式的早期学习是儿童在小学获得成功的重要准备。所以随着移动互联网的快速发展，人们经济水平和社会认知水平的不断提高，以及每年至少 1000 万新生儿童的出生数量（数据来自亿欧智库），催生了在线启蒙教育这个适龄儿童每年最少 1 亿人，市场空间巨大的赛道。

2. 在线启蒙教育的分类

在线启蒙教育根据软件、硬件、通识和专业可以划分为家庭启蒙、教学启蒙、智能陪伴和智能培养四个一级分类。在线教学启蒙教育主要针对 2-8 岁儿童人群，以具体科目或素养为主要内容，以课件或直播等形式为主要载体，分为语言类、思维类、素质类和科技类 4 个分类，而语言类启蒙教育又主要以英语的学习为主，这就是本期我们要分析的行业——在线英语启蒙教育。

3. 在线英语启蒙教育的用户数

从易观千帆 2022 年 2 月份的数据查询，中小学类教育的活跃人数为 2 亿，日活跃用户人数 3224 万，外语学习活跃人数 5902 万，日均活跃人数 956 万，从这两个数据可粗略推测出在线英语启蒙教育的活跃人数在 1000 万上下，日均活跃人数在 300 万左右。

4. 在线英语启蒙教育的用户画像

在线英语启蒙教育的核心用户人群是一线、新一线城市及二三线城市的 80、90 后年轻父母，年龄在 24-35 岁之间，有 1-2 个孩子，文化水平和消费能力较高，重视孩子的启蒙教育。

用户为什么需要在线英语启蒙教育？ 1. 互联网技术发展促进的动机 随着移动互联网的快速发展，80、90 后的家长们对在线教育的模式已经越来越熟悉，甚至他们就是在线教育的重度消费者。在经历了市场和产品的教育，家长们也越来越感到在线教育的便捷优势，一方面可以跳出地域限制享受顶尖的教育资源，另一方面也可以利用碎片化的时间随时随地上课。

英语课程学习是启蒙教育中最热门的课程，家长们对英语的学习非常重视，舍得花钱，相比过去由于条件受限只有中文英语老师的教学，如今对外教资源的英语课程更加渴望。传统线下英语启蒙教育拥有的外教的资源非常少，有外教资源的机构费用又比较高，而且只分布在一二线发达城市。对于不希望自己的孩子在起跑线就落后的家长们，他们对享有高品质的在线英语启蒙教育产品渴望非常强烈。

2. 传统英语启蒙教育无法解决的痛点 外教资源稀缺

过去由于条件所限，外教资源不是英语教学的刚需，但如今家长对孩子英语教学的外教资源越来越看重，这已经成为购买决策的标准之一。但外教资源还是非常稀缺，而且薪资相比中文老师贵很多，要形成有体系化的外教老师团队非常难，这就很难吸引那些舍得花钱培养儿童英语学习的家长用户群体。

可选择品牌少

因为外教资源团队难以建立，所以国内拥有外教讲师团队的英语启蒙教育就少之又少，这导致了家长们的可选择品牌少。而传统启蒙教育对选址、小区人流量都有很高的要求，这导致城市覆盖率不高，难以满足用户的需求。

传播形式受限

80、90 后的家长们生活节奏都比较快，夫妻双方都需要上班，时间灵活度非常低，他们更希望能充分利用碎片化的时间陪伴孩子学习。而传统英语启蒙教育机构受限于自身的发展模式，无法提供更为灵活的传播形式为家长们解决碎片化时间的痛点。

3. 家长对在线英语启蒙教育产品的需求 讲师需求

80、90 后家长们对外教资源比较看重，他们更关注拥有母语优势的英语老师，这对孩子的发音、学习有实质性的帮助。

课程需求

课程的设计要有趣、丰富，毕竟小朋友专注力和耐力有限，如果课程没有吸引力，对小朋友没有太大的帮助，家长也会放弃。其次最好要能和小学的教材接轨，这样才能让小朋友和家长坚持下去。

金钱需求

80、90 后家长们具有较高的消费力，他们为了孩子舍得花钱，但因为是在线听课形式，也要综合考虑价格和服务是否匹配，其次越来越多的家庭有两个以上的孩子，也会逐渐以性比价高低为决策标准。

时间需求

80、90 后家长们更喜欢时间灵活、可利用碎片化时间学习的课程，这样才能随时随地学习，解决传统传统启蒙教育无法解决的痛点。

体验需求

从软件层面分析，家长们希望产品设计简单、学习成本低，这样方便小朋友可以快速上手，其次在服务层面，他们更关心有温度的服务，对小孩子的学习有实质性的帮助。

娱乐需求

娱乐是一个兴奋性需求，作为互联网产品的深度习惯用户，如果能让孩子们一边学习一边娱乐，通过劳逸结合的形式帮助小朋友成长学习，这会非常棒。

4. 小结 从用户动机、痛点和需求分析不难发现，互联网的高速发展是催生在线英语启蒙教育的关键，其次 80、90 后这个核心用户群是互联网当下的主力军，他们消费力强，决策力果敢，不仅积极拥抱线上教学模式，更是对产品有非常高的要求。

在线英语启蒙教育产品设计图谱 1. 产品图谱 根据学科内容，在线英语启蒙教育可以分为两种类型。第一种，以斑马、伴鱼启蒙为代表的综合学习平台，这类产品除了英语以外，还有阅读、思维、美术、音乐等课程；第二种，以叽里呱啦、瓜瓜龙启蒙、流利少儿英语为代表的专业学科英语平台，只提供英语一门学科的教学。

2. 课程内容 「课程」是在线英语启蒙教育最核心的内容，是品牌实现商业变现最重要的方式，通过适龄人群、课程体系、课程卖点、上课模式、上课形式和收费模式等几个维度的调研，对整个行业的课程内容进行综合分析对比。

适龄人群

多数产品的服务人群在 2-8 岁之间，但也有核心用户群定位在 6-12 周岁的产品，比如流利少儿英语和口语星球。

课程体系

以斑马、叽里呱啦为代表，最普遍的课程设计模式就是根据儿童的年龄划分为一个阶梯式成长的体系，儿童随着年龄的增长学习不同的内容。但像口语星球、Lingumi（世界级品牌，2019 年进入中国市场）这样拥有全外教资源的产品，会根据不同的主题设计课程，比如口语星球的 STEAM 科学实验课。伴鱼启蒙更是剑走偏锋，以创造一个良好的学习环境为卖点，设计出一门亲子英语学习课程。

课程卖点

相比线下英语启蒙教育，在线英语启蒙教育核心的卖点可以归纳为 AI 互动场景课、沉浸式学习体验、动画式互动教学和班主任全程同步辅导。其次和传统英语启蒙教育不同，课程每周一到周五定时更新，让小朋友养成坚持学习的习惯。

上课模式

大多数产品采取学期制，以班为单位，40-60 人居多，每个班设有一个班主任，一个学习群，老师会对学生的学习进度进行跟进。

上课形式

课程均以录播为主，用户可随时播放、回看，但也有直播，比如斑马、口语星球会每周、每月进行直播讲课。

收费模式

一般按学期、季度或年进行收费，购买过的课程可以反复观看。单套系统课程的价格在 1000-4000 元之间，其中斑马的收费是最高的。

小结

相比传统英语启蒙教育而言，在线上课的形式非常灵活。不仅解决了家长们的三大痛点，而且大大降低了人力成本，课程可以不断迭代更新，一劳永逸。不过课程内容、卖点、模式都高度同质化，这对用户来说，并不是好事，像伴鱼启蒙这样创新设计出亲子共同学习英语的课程很少。

3. 功能设计 根据增长模型，我把整个行业的功能分为两类，分别是「内容服务」和「营销服务」。「内容服务」主要帮助产品提高用户留存率和活跃度，而「营销服务」主要帮助产品分享传播，拉新引流。

内容服务

「内容服务」主要是指产品运营的相关功能，主要帮助产品提高用户留存率，活跃度，以及用户使用时长，其次通过生产高质量的内容也是产品拉新引流的主要方式，根据在线英语启蒙教育产品常见的功能设计，把它划分为「绘本」、「视频」、「音频」、「娱乐」和「奖励」五大类。

绘本

①功能价值

「绘本」是非常传统的图文传播形式，但可以一边听一边读，再加上具有故事性质，深受儿童和家长喜爱。「绘本」是所有启蒙产品中必不可少的栏目，成本低、可选择数量多，可以有效提升用户留存率，还能成为商业变现的新增长点。

②设计形式

「绘本」的内容来源主要分为两类，第一种是直接购买国内外出版社的知名儿童图画绘本，时间成本低，但无法避免同质化，比如流利少儿英语、口语星球；第二种是根据国内外经典故事，结合品牌 IP 形象进行二次创作，虽然制作成本高，但具有了品牌基因，比如斑马，叽里呱啦甚至把绘本作为一个单独的产品打造，推出了呱呱阅读。

视频

①功能价值

「视频」作为儿童最喜欢的传播方式，是每个产品必不可少的栏目。「视频」就像课后服务的甜点蛋糕，不仅可以抢夺用户时间，提高用户留存率、品牌忠诚度，更能上传至各大视频平台分享传播，拉新引流，提高品牌知名度。

②设计形式

「视频」的内容可以分为两种类型，第一种是根据国内外知名经典著作、童话故事进行二次创作，比如呱呱龙的《二十节气》、《成语故事》等；第二种是根据品牌的卡通形象、课程角色进行课外的主题拓展，比如斑马的《看世界》，每期一个主题，内容题材包含旅游景点、各地美食等，全英文的解说，让小朋友不仅能学习英语，还能拓展见识。

音频

①功能价值

「音频」是家长们比较喜欢的传播形式，相比视频，还能减少儿童观看电子设备的时间，对儿童的视力有一定保护作用。「音频」就像家长们每晚哄娃睡觉的电子书，可以给小朋友听儿歌、听故事，从而提高用户留存率，养成使用习惯，成为忠实用户。

②设计形式

「音频」制作成本低，内容非常丰富，最常见的有儿歌、有声故事、FM 电台。斑马、伴鱼启蒙的有声故事不仅内容丰富，出品极佳，还是产品变现的增长点，用户只能收听部分内容，精品内容需要用户开通 VIP 后才能收听。

娱乐

①功能价值

「娱乐」主要是指课后的一些小游戏，不仅可以帮助孩子劳逸结合，还可以提高用户活跃度和留存率，让孩子彻底喜欢上产品。

②设计形式

斑马的「斑马拍」非常有代表性，这是一个短视频板块，官方会发布一些儿歌、活动挑战的模板，小朋友和父母可以一起录制，极大增加了产品的趣味性，创造了亲子互动游戏，伴鱼启蒙目前也有短视频板块，不过内容略少。其次像叽里呱啦、流利少儿英语也有「口语交流室」、「每日一词」这样简单的 AI 互动游戏。

奖励

①功能价值

「奖励」主要指儿童在学习中的一些虚拟奖励，比如奖状、勋章等，这可以激励儿童坚持学习，有效提高用户的活跃度和忠诚度。

②设计形式

瓜瓜龙的「勋章」很有代表性，共计 37 个勋章，分为「荣耀时刻」和「里程碑」两类，在儿童学习的不同节点给与不同的奖励，激励儿童坚持努力学习。斑马的奖励很创新，他们设计了「奖状墙」，以 3 个单元为最小节点，给儿童颁发荣誉证书，学期毕业后还颁发毕业证，用户还可以填入收货地址领取实物奖状，给用户非常友好的体验。

⑥小结

作为儿童课后拓展的内容，内容服务不仅仅是品牌的延伸服务，还是产品运营的关键。通过图文、视频、音频等传播形式，结合自身品牌卡通形象、课程角色打造高质量的原创内容，不仅可以抢夺用户的时间，提升用户的忠诚度，更能通过其他平台分享传播，拉新引流，提高品牌知名度。

营销服务

「营销服务」主要是指产品营销推广的相关功能，主要帮助产品分享传播，拉新引流，根据在线英语启蒙教育产品常见的营销功能，把它划分为「体验课」、「分享」、「周边」和「直播」四类。

体验课

①功能价值

体验课购买的用户数量是所有启蒙产品最核心增长的指标之一，因为这是激活新用户最关键的一个步骤，用户购买了体验课，带着孩子上课，这就意味着新用户成为最终购买系统版用户的概率非常大。所以「体验课」是新用户引流激活最重要的方式。

②设计形式

作为一个引流课程产品，充分运用了互惠原则，单价低，福利多，侧重新用户的激活。伴鱼启蒙的体验课新用户只需要支付 1 元钱即可享受 2 周的课程，而最高的斑马也不过 29 元。体验课的课程和系统版课程一样，一般体验周期为一周，班主任全程伴学，还赠送众多精美的周边产品，如点读笔、绘本等。

分享

①功能价值

分享是最普遍的营销方式，主要以邀请好友购买体验课赢取积分、返利为主，吸引用户分享传播、拉新引流。

②设计形式

在线英语启蒙教育产品的营销方式其实比较单一，主要以邀请好友购买体验课、系统课为主，好友如果购买课程以后，用户可以获得诸如钻石、积分、现金的返现。这其中，斑马的营销方式较为丰富，不仅有邀请好友，还有周周分享和组队领礼。其次叽里呱啦还设计了会员推广体系，达到一定条件的用户可升级为推广大使。

周边

①功能价值

「周边」就是根据自身的卡通形象设计生产实物产品，比如点读笔、玩具、绘本、学习机等，依靠精美的设计和用户认可度，不仅可以进行商业变现，还能激发用户的口碑传播，为产品拉新。

②设计形式

通过打造高颜值的周边实物产品，能赢得很多年轻妈妈的喜爱，用户可以选择花费购买，也可以通过积分兑换，而积分又需要孩子每天坚持学习或家长邀请分享等方式才能获得，这就能形成一个小闭环，让家长和孩子都努力坚持。

直播

①功能价值

直播作为当下最流行、最受欢迎的传播方式，可以充分提高用户活跃度和留存率，还能引流拉新。

②设计形式

目前在线英语启蒙教育产品中，只有斑马正在尝试直播运营推广。当新用户下载注册进入以后，直播主要以新用户的体验课程购买为主，而面对系统版用户，斑马结合节假日等主题不定期为孩子提供更有趣的课程形式。

小结

整个行业的营销方式略为传统，更多以口碑营销为主，鼓励老用户推荐新用户。其次作为当下最流行和最受欢迎的传播方式，目前利用直播营销的产品也只有斑马。对整个行业来说，营销方式是否应该尝试创新突破，值得深思。

4. 总结 从生命周期观察，在线英语启蒙教育行业是一个新兴行业，正在进入行业生命周期的增长期，整个行业还在设计探索。但从国家政策来看，这个行业又像提前进入了衰退期，整个行业还在运营的产品并不多，也因为行业有较高的门槛。

其次从商业模式观察，当前行业的变现方式略显单一，主要还是靠课程的销售，而课程的内容同质化严重，需要寻找新的突破点。最后从产品设计观察，内容运营设计很关键，不仅可以抢夺用户的时间，提升用户的忠诚度，探寻新的赢利点，更能通过其他平台分享传播，拉新引流，提高品牌知名度。

在线英语启蒙教育的产品设计公式 1. 产品设计公式 在线英语启蒙教育产品=高质量的课程设计*精细化的社群运营*高颜值的 IP 拓展

高质量的课程设计

课程作为在线英语启蒙教育产品的核心，是真正能决定用户是否购买、使用和续费的关键，所以能否打造一个高品质课程内容的教研团队至关重要。其次外教资源也非常刚需，几乎所有在线英语启蒙教育产品的讲师均来自国外，80、90 后的家长们更关注拥有母语优势的英语老师。最后在课程的设计上，在行业已经高度同质化的情况下，入局较晚的品牌更需要创新。

精细化的社群运营

在用户拓客成本越来越高昂的今天，一个产品的用户生命周期越长，终身消费价值越高，这样的产品才能称为好产品。社群运营是在线启蒙教育产品最普遍的用户运营方式，班主任和助教要努力提供精细化的伴读服务，让孩子学习有提升、家长有动力，这样才能保证课程的续费率，降低用户的流失率。

高颜值的 IP 拓展

从消费者角度分析，年轻妈妈作为最终课程购买决策者，这是一个比较感性的用户群体，对于品牌的认可度需要从多方面感知，所以品牌的 IP 拓展特别重要，这也是为什么启蒙教育产品的周边甚至成为新的商业变现增长点。其次，通过 IP 拓展打造的视频、音频、绘本等内容，不仅可以提升用户忠诚度还可以提高品牌知名度，创造更大的商业想象空间。

2. 如何运用产品设计公式？ 通过思维导图，把每一个部分的内容分解到最小颗粒度，比如绘本，它可以从国外引进也可以二次加工，国外引进又可以根据出版社、故事类型、绘画风格等维度进行划分，你只需要把每一个影响父级内容的子级列出来，最后形成一个具象化的工作或任务，你就对整个产品设计的内容了如指掌。

3. 产品设计竞品分析模型工具 通过《在线英语启蒙教育产品设计竞品分析模型工具》，你只需要把你的产品对应信息填入，就能和其他产品进行综合的对比，从而获取自己产品的优劣势。

写在后面的话 世界上最伟大的广告大师克劳德·霍普金斯在他的《文案神经》里面有这么一段话——广告标题的目的就是挑选出对产品感兴趣的人，故弄玄虚的标题可以吸引来数倍的关注，但这些人并不是对你产品感兴趣的人，而真正需要你产品的用户却会和你插肩而过。

所以如果你读到了这里，我相信一定是这篇分析的内容吸引了你，但是我的分析可能还很浅显，也不够全面，如果你有更好的见解，欢迎你的指正，让我们不断优化这个行业的产品设计公式，形成一个设计标准，从而让这个行业的从业者、未来入局者少走弯路，提升产品设计的成功率。

参考文献

易观千帆 – 儿童教育/中小学类教育/外语学习行业数据分析 2020-2025 年中国在线启蒙教育行业市场细分策略研究报告 斑马 AI：启蒙英语 APP 竞品分析（偏运营）-大象象 zww 欢迎关注作者微信公众号：「设计大侦探」

Depositphotos 是一款免费在线的由 AI 驱动的简易背景移除工具，就算你不是一个熟练的设计师，只要将图片上传，背景就可以自动去除，不管你的照片有多么细致，大约只需要一秒钟都可以完成。该技术是基于神经网络，通过算法分析每一张图片，并识别前景和背景，从而将其分离制作的。

往期 抠图 神器：

又一个抠图神器！完全免费无需注册超好用！ 当前图片去背工具都设计得相当简单易用，只要将图片上传，就能以机器自动辨识主体和背景范围，快速将背景移除，转为透明背景或是套用特定颜色，像是之前介绍过的 FocoClipping、Designify、BackgroundCut、AI Background Remover 等等去背服务都有类

阅读文章 >

又一个在线抠图神器！现在还可以免费用！ 一般来说除非对绘图软件相当熟悉，否则要进行相片去除背景是很耗时的工作，并不是把看到的部分移除而已，也会遇到一些需要处理的细节，这就考验着操作者功力，还好后来有很多开发商专注在机器学习以训练出可自动化在线去背工具，像是 Photoshop Express 或 AI Background R

阅读文章 >

又一个在线抠图神器FocoClipping！三秒出图全自动超方便！ 如果想要将照片里的人物或商品图案裁切下来、贴到其他背景使用，通常会用到去背工具，也可能会受到背景复杂程度影响而有不同的难度，考验着设计师的功力。

阅读文章 >

打开 Depositphotos 网站后直接把图片上传或者拖拽到规定地方，就可以自动去除背景了，虽然并不需要额外的设定，但是在精准度这一块还是很不错的。但是 Depositphotos 是通过定义前景主题的图像来进行抠图的，如果图像中没有明确的焦点，它可能就会错误地处理它们，比如说风中飞舞的头发。所以，如果想抠图的效果特别好，还是需要有明确的焦点。

网站链接： https://cn.depositphotos.com/bgremover.html?ref

使用教学：

进入网站之后，你可以直接上传你的照片或者工作中所需要使用的图片，将它们上传或拖拽到指定区域就可以轻松的抠除背景。

想看原图和去除背景后的对比，直接点击图片上面的操作杆就可查看。

去除前：

去除后：

去除了背景之后，可以直接在右边的操作面板中选择导出图片，如果觉得一键抠图的效果没有很理想，也可以通过编辑，自己手动修改。

如果一时没有需要抠的，但是又想体验的话，网站里也给用户提供了四种照片，可以体验效果。

值得一试的理由：

Depositphotos 是有 AI 驱动的简易背景移除工具，小白也能轻松上手。 如果前景处有清晰主体的图片那么效果会非常好，没有主体的图片，效果会差一点。 支持 JPG、JPEG、PNG 的上传文件格式，去除背景后，可以下载带透明背景的 PNG 文件。

标题是 平面设计 作品中一个非常重要的部分，所以标题设计也至关重要，优秀的标题设计除了可以把标题中的信息清晰传达之外，还要与画面的风格相符，并且能使画面整体更加美观和更有设计感。为此，葱爷来给大家分享 5 个很不错的 标题设计 技巧，而且还附上了详细的设计步骤。

相关技巧：

4 个文字图形化的高能技巧，让文字海报更吸睛！ 文字图形化，顾名思义就是使文字具备图形的特点，从而使文字变得更加美观、更具视觉冲击力，甚至是可以把文字的意义图像化，使设计更具说服力和打动力，这也是设计师很喜欢的一种设计手法。

阅读文章 >

加椭圆曲线

这个技巧最近可以在很多设计中看到，效果很时尚、很现代，过稿率超高，并且操作起来也非常简单。

① 在AI中输入标题，选择一比较简单、现代的字体，当然，自己设计的也行。

② 用椭圆工具画一个椭圆线框，线的描边不要太粗，然后使其与标题斜交叉。

③ 把椭圆与文字重叠部分的线删除。

也可以把椭圆复制一层，描边颜色填充成白色，然后把描边模式改成“使描边内侧对齐”，做出椭圆把文字进行裁剪的效果，当然，也可以真的做裁剪。

④ 画一个四角星放在椭圆的路径上，并使其左右两边与椭圆路径隔开一点距离。

⑤ 颜色可以根据自己的需求进行更改，做完了。

曲线叠加

这也是很简单的一个技巧，适合用在电商详情页、微信长图、折页等设计中。

① 在AI中输入标题，最好再配一个英文标题作为装饰。

② 选择画笔工具在标题上“随意”画一条曲线，要注意整体的美观性与平衡性，线条描边不要太粗，以免对标题形成过大干扰。

③ 给线条填充一个比较鲜艳的颜色就完成了。

另外，还可以通过描边面板中的选取效果功能，给该描边路径添加一些艺术效果，就能得到不同质感的曲线。

波纹效果

① 在Ai中输入一个标题，然后按快捷键：Ctrl+shift+O将其转曲。

② 用椭圆工具在标题正中央画一个小圆，然后复制一个圆，等比拉大到类似下图的位置。

③ 同时选中两个圆框，并用混合工具依次点击这两个圆的描边位置，再双击混合工具，把指定步数改成5，得到如下效果。

④ 将圆形组扩展描边，使描边变成形状，然后一起选中圆圈和文字，打开路径查找器，选择修边效果。

⑤ 取消群组，单独把圆圈部分群组，并把透明度降低。

⑥ 根据圆圈波纹的路径，用钢笔工具给文字往外增加类似下图的小色块，上、下、中间都要有。

⑦ 删除掉圆圈路径，保留最中间的小圆圈，因为此处的小圆圈没有与文字重叠，最后，再变换一下颜色就完成了。

扭曲效果

这种扭曲效果有点像可口可乐的飘带图案，用作海报标题还不错，做法同样很简单。

①在Ai中输入标题（字数在4-8之间效果比较好），然后将标题转曲，并把文字分为最右两组。

② 选中第一组文字，在顶部菜单栏中选择对象-封套扭曲-用网格建立，然后在弹出的参数面板中把网格行数和列数全部设置为1。

③ 拖动网格框的四个角上的锚点和手柄，将文字扭曲成下图效果。

④ 采用同样的方式将第二组文字扭曲成如下效果。

⑤ 将文字复制到Ps中，并填充成白色，背景色设置成黑色。

⑥ 用画笔工具在文字“转”和“星”的转角处涂一点灰色，再添加一点杂色，做完了。

火焰文字

火焰文字不是啥新鲜的效果，不过搭配上对比很强的渐变色，效果也是很酷的。

① 在PS中新建一个画板，将背景色填充成黑色，然后输入一个标题，任意填充一个颜色，然后栅格化文字，并通过变换扭曲工具将标题扭曲成如下效果。

② 按快捷键Ctrl+J将文字复制一层，并将上面的这一层锁定，选中下面这一层，然后选择涂抹工具，把强度值设置为70左右，沿着文字的上沿用涂抹工具向上呈曲线涂抹。（为了涂抹时每个文字不相互影响，可以以每个文字单独建立一个图层。）

③ 通过调整涂抹工具的画笔大小重复涂抹，火苗的长度大概是文字高度的两倍左右，尽量保证火焰的底端与文字的顶端是对齐的。

另外，整体火焰的形状要尽量自然、饱满，相连文字之间的火焰轮廓要形成互补关系，有瑕疵的地方可以用画笔辅助涂抹一下，得到如下效果。

④ 将文字层和涂抹层分别填充上渐变色，注意文字的顶端与火焰的底端颜色要是相同的，使其有融为一体的感觉。

⑤ 将文字和涂抹图层组合起来，并复制一层进行合并处理，执行高斯模糊效果，选择一个合适的模糊数值，颜色填充为高饱和度的深蓝色，塑造出发光效果，如果觉得不明显可以复制一层。

⑥ 文字下沿的发光可以适当减弱一点，由于火焰图层的颜色受蓝色发光影响比较大，可以把火焰图层再复制一层，到这里火焰标题就做完了。

注：这个效果跟参考中的效果不大一样，因为我觉得 ps 中的涂抹工具做出的效果更像火焰，如果想要参考中的效果可以用液化滤镜中的向前变形工具或 AI 中的变形工具进行涂抹，也可以直接用钢笔工具勾轮廓。

结语 任何技巧都不是万能的，用在合适的地方可以锦上添花，用在错误的地方就是灾难，所以大家对自己的设计需求要有正确的评估，一切以得到好的效果为最终目的。

这么设计标题，客户直夸专业！ 据统计，标题是海报中阅读率最高的文案，所以标题设计至关重要，一个优秀的标题设计不仅要清晰易读，而且需要与画面和主题的调性保持高度统一。

阅读文章 >

欢迎关注作者的微信公众号：「葱爷」

我在阅读曲卉《硅谷增长黑客实战笔记》一书中描述增长模型的时候，读到了一个对我影响很大的例子。

谷歌广告一个新到任的产品总监在刚来到部门的时候，就问团队：“能用一个公式描述我们部门的生意吗？”大家当时都愣住了，因为没有人想过原来部门的生意可以用一个公式来描述。于是他们整个团队开始不断总结、推翻、调整，最终总结出了一个利润增长公式。而这个公式，不仅清晰明了明确了产品增长的关键环节，还成为了他们的决策工具，任何和公式不沾边的想法都会抛弃，最终这个公式帮助他们带来了巨大的增长。

从读到那个例子开始，我就在反复思考，产品设计是否也可以提炼一个设计公式来表达，从而让我们有结构、有标准去设计一个产品。我们过去在产品的设计中，总会遇到这样的情况，不知道设计什么功能，什么功能又可以不做。虽然有大量的文章都在讲 产品设计 ，但并没有建立任何思考和决策的设计标准。

这正是我努力想去做的事情。在过去两个月，我分析了丁香医生、微信读书和知识星球，很多朋友都觉得分析得很详细，很完整，但我越来越感觉到当我把焦点只关注到一个产品身上时，往往会忽略他来自哪片森林，成长土壤又是怎样的，这样的分析会越来越局限，总结也会越来越片面。

上万字分析！6大方面完整分析「丁香医生」的产品设计 一个优秀的产品如何设计，遵循什么原则，有什么策略，是否可以用一个设计公式来描述它，从而让我们全面、结构化的方式去研究学习。

阅读文章 >

拆解100多个产品细节，分析「知识星球」如何帮设计师年入百万！ 全文 7400 字，拆解页面 60 个，100 多个产品设计细节，通过对目标用户群的需求分析，对知识星球产品设计进行分析验证，为你提供一份社群工具的产品设计参考。

阅读文章 >

所以从这期的「设计大侦探」开始，今后的产品分析将会先从行业开始入手，通过分析用户需求，调研行业头部产品，总结他们设计规律，最后再去提炼这个行业的产品设计公式，从而让我们从一个面到一个点，真正理解这个行业产品设计的关键环节，最终形成一个设计标准，帮助我们少走弯路，不走错路，提升产品设计的成功率。

作为一个有了两个孩子的产品 设计师 ，在恰逢第 72 个儿童节之日，我把这期的目标锁定在了在线英语启蒙教育这个细分行业。虽然在线教育行业遭受了国家双减的打击，但如今活跃的在线英语启蒙产品也并不少，像斑马、叽里呱啦、伴鱼启蒙都设计得非常优秀。其次我也是在线英语启蒙教育的一个长期用户，每天都会带着两个孩子学习。所以抛开政策的影响，从产品层出发，为大家带来一个全面的在线英语 启蒙教育 产品设计分析专题。最后考虑到篇幅过长，为了让大家阅读更方便，斑马、叽里呱啦和伴鱼启蒙的产品分析报告将会单独发布。

什么是在线英语启蒙教育？ 1. 在线启蒙教育的定义

根据国外专家的研究报道，0-6 岁之间是儿童建立包括语言、音乐、逻辑推理等能力的核心阶段，《2019 年世界发展报告》中更是提出从三岁开始的社会化和更加正式的早期学习是儿童在小学获得成功的重要准备。所以随着移动互联网的快速发展，人们经济水平和社会认知水平的不断提高，以及每年至少 1000 万新生儿童的出生数量（数据来自亿欧智库），催生了在线启蒙教育这个适龄儿童每年最少 1 亿人，市场空间巨大的赛道。

2. 在线启蒙教育的分类

在线启蒙教育根据软件、硬件、通识和专业可以划分为家庭启蒙、教学启蒙、智能陪伴和智能培养四个一级分类。在线教学启蒙教育主要针对 2-8 岁儿童人群，以具体科目或素养为主要内容，以课件或直播等形式为主要载体，分为语言类、思维类、素质类和科技类 4 个分类，而语言类启蒙教育又主要以英语的学习为主，这就是本期我们要分析的行业——在线英语启蒙教育。

3. 在线英语启蒙教育的用户数

从易观千帆 2022 年 2 月份的数据查询，中小学类教育的活跃人数为 2 亿，日活跃用户人数 3224 万，外语学习活跃人数 5902 万，日均活跃人数 956 万，从这两个数据可粗略推测出在线英语启蒙教育的活跃人数在 1000 万上下，日均活跃人数在 300 万左右。

4. 在线英语启蒙教育的用户画像

在线英语启蒙教育的核心用户人群是一线、新一线城市及二三线城市的 80、90 后年轻父母，年龄在 24-35 岁之间，有 1-2 个孩子，文化水平和消费能力较高，重视孩子的启蒙教育。

用户为什么需要在线英语启蒙教育？ 1. 互联网技术发展促进的动机 随着移动互联网的快速发展，80、90 后的家长们对在线教育的模式已经越来越熟悉，甚至他们就是在线教育的重度消费者。在经历了市场和产品的教育，家长们也越来越感到在线教育的便捷优势，一方面可以跳出地域限制享受顶尖的教育资源，另一方面也可以利用碎片化的时间随时随地上课。

英语课程学习是启蒙教育中最热门的课程，家长们对英语的学习非常重视，舍得花钱，相比过去由于条件受限只有中文英语老师的教学，如今对外教资源的英语课程更加渴望。传统线下英语启蒙教育拥有的外教的资源非常少，有外教资源的机构费用又比较高，而且只分布在一二线发达城市。对于不希望自己的孩子在起跑线就落后的家长们，他们对享有高品质的在线英语启蒙教育产品渴望非常强烈。

2. 传统英语启蒙教育无法解决的痛点 外教资源稀缺

过去由于条件所限，外教资源不是英语教学的刚需，但如今家长对孩子英语教学的外教资源越来越看重，这已经成为购买决策的标准之一。但外教资源还是非常稀缺，而且薪资相比中文老师贵很多，要形成有体系化的外教老师团队非常难，这就很难吸引那些舍得花钱培养儿童英语学习的家长用户群体。

可选择品牌少

因为外教资源团队难以建立，所以国内拥有外教讲师团队的英语启蒙教育就少之又少，这导致了家长们的可选择品牌少。而传统启蒙教育对选址、小区人流量都有很高的要求，这导致城市覆盖率不高，难以满足用户的需求。

传播形式受限

80、90 后的家长们生活节奏都比较快，夫妻双方都需要上班，时间灵活度非常低，他们更希望能充分利用碎片化的时间陪伴孩子学习。而传统英语启蒙教育机构受限于自身的发展模式，无法提供更为灵活的传播形式为家长们解决碎片化时间的痛点。

3. 家长对在线英语启蒙教育产品的需求 讲师需求

80、90 后家长们对外教资源比较看重，他们更关注拥有母语优势的英语老师，这对孩子的发音、学习有实质性的帮助。

课程需求

课程的设计要有趣、丰富，毕竟小朋友专注力和耐力有限，如果课程没有吸引力，对小朋友没有太大的帮助，家长也会放弃。其次最好要能和小学的教材接轨，这样才能让小朋友和家长坚持下去。

金钱需求

80、90 后家长们具有较高的消费力，他们为了孩子舍得花钱，但因为是在线听课形式，也要综合考虑价格和服务是否匹配，其次越来越多的家庭有两个以上的孩子，也会逐渐以性比价高低为决策标准。

时间需求

80、90 后家长们更喜欢时间灵活、可利用碎片化时间学习的课程，这样才能随时随地学习，解决传统传统启蒙教育无法解决的痛点。

体验需求

从软件层面分析，家长们希望产品设计简单、学习成本低，这样方便小朋友可以快速上手，其次在服务层面，他们更关心有温度的服务，对小孩子的学习有实质性的帮助。

娱乐需求

娱乐是一个兴奋性需求，作为互联网产品的深度习惯用户，如果能让孩子们一边学习一边娱乐，通过劳逸结合的形式帮助小朋友成长学习，这会非常棒。

4. 小结 从用户动机、痛点和需求分析不难发现，互联网的高速发展是催生在线英语启蒙教育的关键，其次 80、90 后这个核心用户群是互联网当下的主力军，他们消费力强，决策力果敢，不仅积极拥抱线上教学模式，更是对产品有非常高的要求。

在线英语启蒙教育产品设计图谱 1. 产品图谱 根据学科内容，在线英语启蒙教育可以分为两种类型。第一种，以斑马、伴鱼启蒙为代表的综合学习平台，这类产品除了英语以外，还有阅读、思维、美术、音乐等课程；第二种，以叽里呱啦、瓜瓜龙启蒙、流利少儿英语为代表的专业学科英语平台，只提供英语一门学科的教学。

2. 课程内容 「课程」是在线英语启蒙教育最核心的内容，是品牌实现商业变现最重要的方式，通过适龄人群、课程体系、课程卖点、上课模式、上课形式和收费模式等几个维度的调研，对整个行业的课程内容进行综合分析对比。

适龄人群

多数产品的服务人群在 2-8 岁之间，但也有核心用户群定位在 6-12 周岁的产品，比如流利少儿英语和口语星球。

课程体系

以斑马、叽里呱啦为代表，最普遍的课程设计模式就是根据儿童的年龄划分为一个阶梯式成长的体系，儿童随着年龄的增长学习不同的内容。但像口语星球、Lingumi（世界级品牌，2019 年进入中国市场）这样拥有全外教资源的产品，会根据不同的主题设计课程，比如口语星球的 STEAM 科学实验课。伴鱼启蒙更是剑走偏锋，以创造一个良好的学习环境为卖点，设计出一门亲子英语学习课程。

课程卖点

相比线下英语启蒙教育，在线英语启蒙教育核心的卖点可以归纳为 AI 互动场景课、沉浸式学习体验、动画式互动教学和班主任全程同步辅导。其次和传统英语启蒙教育不同，课程每周一到周五定时更新，让小朋友养成坚持学习的习惯。

上课模式

大多数产品采取学期制，以班为单位，40-60 人居多，每个班设有一个班主任，一个学习群，老师会对学生的学习进度进行跟进。

上课形式

课程均以录播为主，用户可随时播放、回看，但也有直播，比如斑马、口语星球会每周、每月进行直播讲课。

收费模式

一般按学期、季度或年进行收费，购买过的课程可以反复观看。单套系统课程的价格在 1000-4000 元之间，其中斑马的收费是最高的。

小结

相比传统英语启蒙教育而言，在线上课的形式非常灵活。不仅解决了家长们的三大痛点，而且大大降低了人力成本，课程可以不断迭代更新，一劳永逸。不过课程内容、卖点、模式都高度同质化，这对用户来说，并不是好事，像伴鱼启蒙这样创新设计出亲子共同学习英语的课程很少。

3. 功能设计 根据增长模型，我把整个行业的功能分为两类，分别是「内容服务」和「营销服务」。「内容服务」主要帮助产品提高用户留存率和活跃度，而「营销服务」主要帮助产品分享传播，拉新引流。

内容服务

「内容服务」主要是指产品运营的相关功能，主要帮助产品提高用户留存率，活跃度，以及用户使用时长，其次通过生产高质量的内容也是产品拉新引流的主要方式，根据在线英语启蒙教育产品常见的功能设计，把它划分为「绘本」、「视频」、「音频」、「娱乐」和「奖励」五大类。

绘本

①功能价值

「绘本」是非常传统的图文传播形式，但可以一边听一边读，再加上具有故事性质，深受儿童和家长喜爱。「绘本」是所有启蒙产品中必不可少的栏目，成本低、可选择数量多，可以有效提升用户留存率，还能成为商业变现的新增长点。

②设计形式

「绘本」的内容来源主要分为两类，第一种是直接购买国内外出版社的知名儿童图画绘本，时间成本低，但无法避免同质化，比如流利少儿英语、口语星球；第二种是根据国内外经典故事，结合品牌 IP 形象进行二次创作，虽然制作成本高，但具有了品牌基因，比如斑马，叽里呱啦甚至把绘本作为一个单独的产品打造，推出了呱呱阅读。

视频

①功能价值

「视频」作为儿童最喜欢的传播方式，是每个产品必不可少的栏目。「视频」就像课后服务的甜点蛋糕，不仅可以抢夺用户时间，提高用户留存率、品牌忠诚度，更能上传至各大视频平台分享传播，拉新引流，提高品牌知名度。

②设计形式

「视频」的内容可以分为两种类型，第一种是根据国内外知名经典著作、童话故事进行二次创作，比如呱呱龙的《二十节气》、《成语故事》等；第二种是根据品牌的卡通形象、课程角色进行课外的主题拓展，比如斑马的《看世界》，每期一个主题，内容题材包含旅游景点、各地美食等，全英文的解说，让小朋友不仅能学习英语，还能拓展见识。

音频

①功能价值

「音频」是家长们比较喜欢的传播形式，相比视频，还能减少儿童观看电子设备的时间，对儿童的视力有一定保护作用。「音频」就像家长们每晚哄娃睡觉的电子书，可以给小朋友听儿歌、听故事，从而提高用户留存率，养成使用习惯，成为忠实用户。

②设计形式

「音频」制作成本低，内容非常丰富，最常见的有儿歌、有声故事、FM 电台。斑马、伴鱼启蒙的有声故事不仅内容丰富，出品极佳，还是产品变现的增长点，用户只能收听部分内容，精品内容需要用户开通 VIP 后才能收听。

娱乐

①功能价值

「娱乐」主要是指课后的一些小游戏，不仅可以帮助孩子劳逸结合，还可以提高用户活跃度和留存率，让孩子彻底喜欢上产品。

②设计形式

斑马的「斑马拍」非常有代表性，这是一个短视频板块，官方会发布一些儿歌、活动挑战的模板，小朋友和父母可以一起录制，极大增加了产品的趣味性，创造了亲子互动游戏，伴鱼启蒙目前也有短视频板块，不过内容略少。其次像叽里呱啦、流利少儿英语也有「口语交流室」、「每日一词」这样简单的 AI 互动游戏。

奖励

①功能价值

「奖励」主要指儿童在学习中的一些虚拟奖励，比如奖状、勋章等，这可以激励儿童坚持学习，有效提高用户的活跃度和忠诚度。

②设计形式

瓜瓜龙的「勋章」很有代表性，共计 37 个勋章，分为「荣耀时刻」和「里程碑」两类，在儿童学习的不同节点给与不同的奖励，激励儿童坚持努力学习。斑马的奖励很创新，他们设计了「奖状墙」，以 3 个单元为最小节点，给儿童颁发荣誉证书，学期毕业后还颁发毕业证，用户还可以填入收货地址领取实物奖状，给用户非常友好的体验。

⑥小结

作为儿童课后拓展的内容，内容服务不仅仅是品牌的延伸服务，还是产品运营的关键。通过图文、视频、音频等传播形式，结合自身品牌卡通形象、课程角色打造高质量的原创内容，不仅可以抢夺用户的时间，提升用户的忠诚度，更能通过其他平台分享传播，拉新引流，提高品牌知名度。

营销服务

「营销服务」主要是指产品营销推广的相关功能，主要帮助产品分享传播，拉新引流，根据在线英语启蒙教育产品常见的营销功能，把它划分为「体验课」、「分享」、「周边」和「直播」四类。

体验课

①功能价值

体验课购买的用户数量是所有启蒙产品最核心增长的指标之一，因为这是激活新用户最关键的一个步骤，用户购买了体验课，带着孩子上课，这就意味着新用户成为最终购买系统版用户的概率非常大。所以「体验课」是新用户引流激活最重要的方式。

②设计形式

作为一个引流课程产品，充分运用了互惠原则，单价低，福利多，侧重新用户的激活。伴鱼启蒙的体验课新用户只需要支付 1 元钱即可享受 2 周的课程，而最高的斑马也不过 29 元。体验课的课程和系统版课程一样，一般体验周期为一周，班主任全程伴学，还赠送众多精美的周边产品，如点读笔、绘本等。

分享

①功能价值

分享是最普遍的营销方式，主要以邀请好友购买体验课赢取积分、返利为主，吸引用户分享传播、拉新引流。

②设计形式

在线英语启蒙教育产品的营销方式其实比较单一，主要以邀请好友购买体验课、系统课为主，好友如果购买课程以后，用户可以获得诸如钻石、积分、现金的返现。这其中，斑马的营销方式较为丰富，不仅有邀请好友，还有周周分享和组队领礼。其次叽里呱啦还设计了会员推广体系，达到一定条件的用户可升级为推广大使。

周边

①功能价值

「周边」就是根据自身的卡通形象设计生产实物产品，比如点读笔、玩具、绘本、学习机等，依靠精美的设计和用户认可度，不仅可以进行商业变现，还能激发用户的口碑传播，为产品拉新。

②设计形式

通过打造高颜值的周边实物产品，能赢得很多年轻妈妈的喜爱，用户可以选择花费购买，也可以通过积分兑换，而积分又需要孩子每天坚持学习或家长邀请分享等方式才能获得，这就能形成一个小闭环，让家长和孩子都努力坚持。

直播

①功能价值

直播作为当下最流行、最受欢迎的传播方式，可以充分提高用户活跃度和留存率，还能引流拉新。

②设计形式

目前在线英语启蒙教育产品中，只有斑马正在尝试直播运营推广。当新用户下载注册进入以后，直播主要以新用户的体验课程购买为主，而面对系统版用户，斑马结合节假日等主题不定期为孩子提供更有趣的课程形式。

小结

整个行业的营销方式略为传统，更多以口碑营销为主，鼓励老用户推荐新用户。其次作为当下最流行和最受欢迎的传播方式，目前利用直播营销的产品也只有斑马。对整个行业来说，营销方式是否应该尝试创新突破，值得深思。

4. 总结 从生命周期观察，在线英语启蒙教育行业是一个新兴行业，正在进入行业生命周期的增长期，整个行业还在设计探索。但从国家政策来看，这个行业又像提前进入了衰退期，整个行业还在运营的产品并不多，也因为行业有较高的门槛。

其次从商业模式观察，当前行业的变现方式略显单一，主要还是靠课程的销售，而课程的内容同质化严重，需要寻找新的突破点。最后从产品设计观察，内容运营设计很关键，不仅可以抢夺用户的时间，提升用户的忠诚度，探寻新的赢利点，更能通过其他平台分享传播，拉新引流，提高品牌知名度。

在线英语启蒙教育的产品设计公式 1. 产品设计公式 在线英语启蒙教育产品=高质量的课程设计*精细化的社群运营*高颜值的 IP 拓展

高质量的课程设计

课程作为在线英语启蒙教育产品的核心，是真正能决定用户是否购买、使用和续费的关键，所以能否打造一个高品质课程内容的教研团队至关重要。其次外教资源也非常刚需，几乎所有在线英语启蒙教育产品的讲师均来自国外，80、90 后的家长们更关注拥有母语优势的英语老师。最后在课程的设计上，在行业已经高度同质化的情况下，入局较晚的品牌更需要创新。

精细化的社群运营

在用户拓客成本越来越高昂的今天，一个产品的用户生命周期越长，终身消费价值越高，这样的产品才能称为好产品。社群运营是在线启蒙教育产品最普遍的用户运营方式，班主任和助教要努力提供精细化的伴读服务，让孩子学习有提升、家长有动力，这样才能保证课程的续费率，降低用户的流失率。

高颜值的 IP 拓展

从消费者角度分析，年轻妈妈作为最终课程购买决策者，这是一个比较感性的用户群体，对于品牌的认可度需要从多方面感知，所以品牌的 IP 拓展特别重要，这也是为什么启蒙教育产品的周边甚至成为新的商业变现增长点。其次，通过 IP 拓展打造的视频、音频、绘本等内容，不仅可以提升用户忠诚度还可以提高品牌知名度，创造更大的商业想象空间。

2. 如何运用产品设计公式？ 通过思维导图，把每一个部分的内容分解到最小颗粒度，比如绘本，它可以从国外引进也可以二次加工，国外引进又可以根据出版社、故事类型、绘画风格等维度进行划分，你只需要把每一个影响父级内容的子级列出来，最后形成一个具象化的工作或任务，你就对整个产品设计的内容了如指掌。

3. 产品设计竞品分析模型工具 通过《在线英语启蒙教育产品设计竞品分析模型工具》，你只需要把你的产品对应信息填入，就能和其他产品进行综合的对比，从而获取自己产品的优劣势。

写在后面的话 世界上最伟大的广告大师克劳德·霍普金斯在他的《文案神经》里面有这么一段话——广告标题的目的就是挑选出对产品感兴趣的人，故弄玄虚的标题可以吸引来数倍的关注，但这些人并不是对你产品感兴趣的人，而真正需要你产品的用户却会和你插肩而过。

所以如果你读到了这里，我相信一定是这篇分析的内容吸引了你，但是我的分析可能还很浅显，也不够全面，如果你有更好的见解，欢迎你的指正，让我们不断优化这个行业的产品设计公式，形成一个设计标准，从而让这个行业的从业者、未来入局者少走弯路，提升产品设计的成功率。

参考文献

易观千帆 – 儿童教育/中小学类教育/外语学习行业数据分析 2020-2025 年中国在线启蒙教育行业市场细分策略研究报告 斑马 AI：启蒙英语 APP 竞品分析（偏运营）-大象象 zww 欢迎关注作者微信公众号：「设计大侦探」