前言

易喵作为网易邮箱团队的一员，想要让用户记住，需要我们尽可能多得丰富其应用场景。表情包作为人们网络沟通中不可或缺的工具，将其与之结合，可以有效地融入到用户的生活场景中。借此我们设计了一套以易喵形象为基础的微信表情包，并根据其情绪表现增加了相关动效表达。

易喵动态表情一览

一、提升动效表现力的关键动画12律

1978年，迪士尼动画艺术家弗兰克·托马斯和奥利·约翰斯顿退休后，开始写一本叫做《The Illusion of Life》（生命的幻象-迪斯尼动画造型设计）的书。这本书中就总结出了动画的12条原则。

1. 善用挤压和变形

借用挤压来强调动作的物理变化，强化物体的拉伸或者压扁的效果，其目的是给予对象以重量和弹性的感觉。当一个物体落在地上会产生拉伸和压扁的变化，这样才会有Q弹的效果。

双手挤压脸部，为了让脸部有被挤压的感觉需要产生一定程度的缩放变化。

2. 缓入缓出

现实世界中的大多数物体都遵循缓和的运动，极少会有匀速运行的状态，所以在动效的表现上也应该遵循次原则。

一般来讲，所有动作开始是缓慢的方式-逐渐加速-缓慢完成，没有这个过程是接近于机械运动的方式。

3. 预备动作

物体开始正式动作前展示其准备动作，让用户能预知下个动作，使得整个流程更加生动合理。

在正式运动开始前，先完成一段相反方向的蓄力动作，正式动作结束后因为惯性会产生轻微回弹。

4. 次要动作

利用次要动作突出主要动作，来帮助主要动作传达其意义，丰富细节，使其不那么生硬呆板。

主要动作是通过脸上的红晕从无到有表现出害羞情绪，在此之前增加手的揉搓，使红晕的出现变得合理。

手完成摸鱼动作后，通过位置控点工具固定鱼身，给鱼尾增加轻微的弯曲摆动，完成整个摸鱼的动作。

5. 跟随动作、重叠动作

物体的运动是一个部分接着一个部分的。如人身体的动作，会带动身体其他部位跟着运动，这里其他部分的运动即为跟随动作。另外物体与物体的运动也会有重叠的部分，这些跟随和重叠动作可以增加动作的真实性和趣味性。

手甩动荧光棒的同时让五官跟随脸部向上移动：

眼睛跟随脑袋摇晃的同时也在做360度旋转：

鼻孔的大小和位置会跟随旁边鼻孔的变化发生相应的变化：

通过提升表情细节，来强化表情对情绪的表达能力，让情感传递更加生动。

6. 弧线运动

生活中的大多数动作轨迹并不是直来直去的，而是呈现出弧形轨迹，很多运动轨迹肉眼看不到，但也的确存在，所以制作弧形轨迹动作时会显得更加灵活真实。

幽灵以弧形轨迹飞入与飞出：

7. 构图布局

在画面中，要突出呈现我们需要呈现的对象，通过位置、大小、光影等手段来引导视觉中心，吸引用户的注意力，这也是12项原则中最定义最广泛的原则。好的构图布局就是能清楚明确地传达画面里的信息。

8. 关键动作与连续动作

即逐帧动画与关键帧动画。详细来说，逐帧动画就是从头开始一张接着一张画下去，而关键帧动画则是先绘出表演中的关键动作，再用中割的方式把关键动作串联起来。两种方式各有其优缺点，最理想的是两种方式的综合。

9. 夸张感

所有动作效果并非一定要接近现实，这样反而会无趣死板，适当添加一些夸张成分，可以获得用户更多的注意。

10. 时间节奏

动作的节奏就是速度的快慢，不同的速度会表现不同的情绪，过快或者过慢都会让该动作看起来不自然，好的节奏控制就会看起来生动自然。

此外，所有的物体都是有质量的，节奏可以表现出物体的质量。

11. 立体造型

对于二维动画来说，要用平面来展现一个3D的空间或物体，需要画出物体的体积、重量、阴影等，3D会比扁平的物体更加生动有趣。

12. 吸引力

吸引力原则是最难界定的，它没有固定的模式，而是前面一系列原则的综合体，任何画面，任何动作，你都需要问“这个对用户有吸引力吗？”这个原则对于动画来说是非常高，甚至高到难以企及的境界。

我们的动画是否会让用户留下深刻的印象，取决于在设计上是否有独特之处，表现上是否富于变化，是否有活力以及一切可以抓住用户目光的元素。

二、结语

易喵表情最初以静态的形式上线后，情绪表现不足，无法满足大家的使用需求，使用频率低。

而动效能够呈现变化的过程，通过赋予表情动态，可以增加情绪的表现力，强化表达，提升趣味性，使得表情包更加生动形象，以此来提高大家的使用热情。

但如今用户表情使用场景和情绪表达方式均发生了很大变化，目前的这套表情总体上还是略显保守，动效表现也不够生动有趣。往后除了正确表达出微妙的情绪外，我们也应该思考如何紧跟潮流，创作出更符合当代用户使用场景的表情内容。

*注：文章部分图片素材来源网络

作者：徐源

来源公众号：网易UEDC，网易用户体验设计中心

本文来源于人人都是产品经理合作媒体@网易UEDC，未经许可，禁止转载。

题图来自 Unsplash，基于CC0协议。

该文观点仅代表作者本人，人人都是产品经理平台仅提供信息存储空间服务。

","force_purephv":"0","gnid":"93eb81c8651bdaa87","img_data":[{"flag":2,"img":[{"desc":"","height":"420","title":"","url":"https://p0.ssl.img.360kuai.com/t0105f6bf356442789e.jpg","width":"900"},{"desc":"","height":"500","s_url":"https://p0.ssl.img.360kuai.com/t01255369661dd4a274_1.gif","title":"","url":"https://p0.ssl.img.360kuai.com/t01255369661dd4a274.gif","width":"1000"},{"desc":"","height":"1800","s_url":"https://p0.ssl.img.360kuai.com/t013990e7f7e562f83e_1.gif","title":"","url":"https://p0.ssl.img.360kuai.com/t013990e7f7e562f83e.gif","width":"1000"},{"desc":"","height":"359","s_url":"https://p0.ssl.img.360kuai.com/t016dbefd4a770fca05_1.gif","title":"","url":"https://p0.ssl.img.360kuai.com/t016dbefd4a770fca05.gif","width":"640"},{"desc":"","height":"500","s_url":"https://p0.ssl.img.360kuai.com/t019ff4bae832233a56_1.gif","title":"","url":"https://p0.ssl.img.360kuai.com/t019ff4bae832233a56.gif","width":"1000"},{"desc":"","height":"359","s_url":"https://p0.ssl.img.360kuai.com/t019b820481a02000d4_1.gif","title":"","url":"https://p0.ssl.img.360kuai.com/t019b820481a02000d4.gif","width":"640"},{"desc":"","height":"500","s_url":"https://p0.ssl.img.360kuai.com/t0136e8ad07b3d306be_1.gif","title":"","url":"https://p0.ssl.img.360kuai.com/t0136e8ad07b3d306be.gif","width":"1000"},{"desc":"","height":"500","s_url":"https://p0.ssl.img.360kuai.com/t016e8bd3c294780293_1.gif","title":"","url":"https://p0.ssl.img.360kuai.com/t016e8bd3c294780293.gif","width":"1000"},{"desc":"","height":"588","s_url":"https://p0.ssl.img.360kuai.com/t01db88e8dd5ad6356e_1.gif","title":"","url":"https://p0.ssl.img.360kuai.com/t01db88e8dd5ad6356e.gif","width":"1000"},{"desc":"","height":"500","s_url":"https://p0.ssl.img.360kuai.com/t012c3c3fcea3e4f461_1.gif","title":"","url":"https://p0.ssl.img.360kuai.com/t012c3c3fcea3e4f461.gif","width":"1000"},{"desc":"","height":"500","s_url":"https://p0.ssl.img.360kuai.com/t013ad5209ad648c8c9_1.gif","title":"","url":"https://p0.ssl.img.360kuai.com/t013ad5209ad648c8c9.gif","width":"1000"},{"desc":"","height":"500","s_url":"https://p0.ssl.img.360kuai.com/t0195c2566c06fe61b9_1.gif","title":"","url":"https://p0.ssl.img.360kuai.com/t0195c2566c06fe61b9.gif","width":"1000"},{"desc":"","height":"500","s_url":"https://p0.ssl.img.360kuai.com/t01ab50511de14e6586_1.gif","title":"","url":"https://p0.ssl.img.360kuai.com/t01ab50511de14e6586.gif","width":"1000"},{"desc":"","height":"359","s_url":"https://p0.ssl.img.360kuai.com/t01dc780b953e3d3a0a_1.gif","title":"","url":"https://p0.ssl.img.360kuai.com/t01dc780b953e3d3a0a.gif","width":"640"},{"desc":"","height":"359","s_url":"https://p0.ssl.img.360kuai.com/t0188be584784a13ae0_1.gif","title":"","url":"https://p0.ssl.img.360kuai.com/t0188be584784a13ae0.gif","width":"640"},{"desc":"","height":"359","s_url":"https://p0.ssl.img.360kuai.com/t01459e4d9397283d6b_1.gif","title":"","url":"https://p0.ssl.img.360kuai.com/t01459e4d9397283d6b.gif","width":"640"},{"desc":"","height":"500","s_url":"https://p0.ssl.img.360kuai.com/t01c50bd1d250ecfe98_1.gif","title":"","url":"https://p0.ssl.img.360kuai.com/t01c50bd1d250ecfe98.gif","width":"1000"},{"desc":"","height":"278","s_url":"https://p0.ssl.img.360kuai.com/t01f38576aeee683c1d_1.gif","title":"","url":"https://p0.ssl.img.360kuai.com/t01f38576aeee683c1d.gif","width":"600"},{"desc":"","height":"359","s_url":"https://p0.ssl.img.360kuai.com/t01ab26c060d3a94c65_1.gif","title":"","url":"https://p0.ssl.img.360kuai.com/t01ab26c060d3a94c65.gif","width":"640"}]}],"original":0,"pat":"art_src_3,fts0,sts0","powerby":"hbase","pub_time":1666684200000,"pure":"","rawurl":"http://zm.news.so.com/d5371706d0aec99308671f8cbbf835da","redirect":0,"rptid":"2fcdb234b20cbd34","s":"t","src":"人人都是产品经理","tag":[],"title":"以网易邮箱易喵动态表情包为例，浅谈迪士尼动画十二原则

辕虞元2433谁知道这表情叫什么?
霍宋念13752904462 ______ 是【大话神仙】系列表情 搜名“大话神仙表情”即可找到表情包链接

辕虞元2433我对女朋友说我想你,女朋友发了个害羞的表情是怎么回事 -
霍宋念13752904462 ______ 你这情商也太低了吧,女生这样回复你很正常的啦!她发害羞的表情说明她很高兴但是也是真的很害羞

辕虞元2433征求魔兽表情动作
霍宋念13752904462 ______ /Nosepick 挖鼻子 Agree 同意,赞成 Amaze 惊奇,吃惊 Angry 生气,愤怒 Apologize 道歉,也可以理解为辩解 Applaud 赞成,拍手欢迎 Applause 热烈鼓掌,鼓掌欢呼 Beckon 招手 Beg 请求,乞求 Belch 打嗝(我晕~什么DD嘛~) Bite 咬你一口...

辕虞元2433一个女生和一个男生聊天时总是很热情,男生对她某些事情不满意时,她总是不生气而是回复一个害羞的表情. -
霍宋念13752904462 ______ 至少说明挺喜欢的,要不然谁会理这些呢,愿意改变,说明是很放在心上的.

辕虞元2433有个刚认识的女孩子,聊了几次,有一天我问她你有对象没?她说,才问你不觉得有点晚吗?然后一个害羞的表 -
霍宋念13752904462 ______ 这意味着她一直是喜欢你的,只是你没有及时行动有男的捷足先登了,如果你不嫌麻烦可以去挖墙角,成功的可能性很大噢.

辕虞元2433怎么委婉的告诉对象聊天表情图太幼稚 -
霍宋念13752904462 ______ 这要看你对象发的是啥了,不要以你的标准去要求对方,女生稍微幼稚点也蛮可爱的啊!还有你可以给她找些可爱的比较适合女生的表情包,比如倩女幽魂游戏的表情包,我觉得就很适合小女生,哈哈

辕虞元2433监狱兔和越狱兔有什么分别 -
霍宋念13752904462 ______ 《越狱兔》(《ウサビッチ》)英文名称为《Usavich》这个日文命名满有意思的,ウサビッチ是由“ウサギ”中文是兔子的意思和“ビッチ”音同英文的“BITCH”婊子所组成,所以可以翻成《婊子兔》.一般根据故事义译为《监狱兔》或《...

辕虞元2433怎么逗女孩子
霍宋念13752904462 ______ 女孩子么 其实脆弱或无厘头只是保护膜而已吧 要想逗女生开心呢 就 多和她在一起 让她感觉到你在乎她 然后慢慢和她一起东拉西扯 必要的时候 买一些小的娃娃 很小那种 不经意间送她 别让她感觉到 你有什么目标什么的 然后 一定要无时无刻的关照她 让她感觉自己不孤单 她朋友少的话 就多找一些人陪她 千万别对她发火 要不然所有努力都功亏一费 让她感觉到有你 如果有一天你不在她身边 她会感觉少了点什么

辕虞元2433男友当兵问我吃的什么.我说酷爱甜品,他说回去让你吃个够,吃啥买啥.我该怎么回?回什么表情🐷 -
霍宋念13752904462 ______ 这样说明你比较在乎你的男朋友,愿意去哪里都要告诉他一声,怕他看不到你会担心.不过,他两个小时还没有回你,也不能说明有什么问题,可能是他工作忙,没有时间看手机,所以才没有回你.但是如果过了一天,他还是没有回你信息的话,那就说明他心里没有那么在乎你了,那你就有必要在从新考虑一下你们的关系了.一个小时两个小时,甚至半天没回消息可以理解忙,如果一天两天就证明这人心里没对方不在乎对方了.他这么说是想让你知道他很在意你,你对他来说很重要,只要你喜欢的她会尽量满足你!这么好的男朋友你是不是很喜欢呢!既然喜欢那就回个能表达你现在心里感受的表情,可爱一点害羞一点温情一点的表情,只要能让他感觉到你很喜欢就好!