设计师就业衔接班！45天 PS、AI、AE 从入门到入行 详情戳>>>
用一篇文章带你一起关注下，2020 年最有可能会影响我们日常设计体验的三大设计趋势，快来收藏。
2020 年最热门的7大动画和动态图形趋势全在这里了！
原创的动画视频能够积极地影响产品的用户体验，也能在营销过程中发挥重要的作用。在数字产品竞争如此之激烈的今天，有效地将自家的数字产品推广出去，从来都不是一件简单省心的事情。
看完本文，前端能快速开发一些 H5动画，设计师也能高效地制作出合自己心意的动画来让别人高保真还原，希望能给大家带来一点帮助。前言说起动画H5，作为一个前端，可谓是「又爱又恨」。
动画效果是用户体验设计中绕不开的环节，而在移动端交互当中，动效是作为转场的润滑剂，承上启下的重要环节而存在。无论是发送信息，打开设置，选中元素，导航到下一个页面，这些变化发生的时候，动效让这一切不那么突兀，自然地过渡，呈现状态变化，帮助用户更清晰的明白当前的状态，这是绝佳的方式。
动效设计是2018年的热门趋势之一。当然，创造动效并没有必要从0开始，有大把的设计项目可以供你快速上手，纳入到设计项目当中去。
@HE毛蛋 ：当我们建好一个人物的3D模型后，如果要为这个人物模型做动画还是需要花费一定时间精力的，不过这次我就来推荐一个能够快速做出3D人物动画的网站——Mixamo。快速体验神器→ www.mixamo.comMixamo是一个3D人物动画演示的网站，用户能够直接使用网站自带的多个模型来制作角色动画。
编者按：@魔力大熊 老师的第二篇PPT 进阶教程来咯。PPT 中那么多的动效可以选，该用哪个？
@阿随向前冲 ：今天这篇好文通过两个简单的案例（小动画+动态表情包制作），带同学们一起来详细认识下PS做逐帧动画的工作流程和基础技能。从理论上来说，PS的帧动画属于“逐帧动画”的范畴，利用的依然是人眼的“视觉暂留”现象，首先来“高大上”地Look一眼它的定义：简单说，就是在每一帧上“绘制”动画的分解动作，然后把所有帧按序列排列播放，就能看到完整的动作了，最后在保存的时候选择gif格式，这就是一个完整的作品了。
练小习：初学SVG的时候，感觉那一坨一坨的代码难读难懂，现在回过头仔细想想，是因为那时候看文档缺少一些具体的实例，导致学习起来很枯燥。如今SVG已经在前端各个领域都有所作为，无论是项目里的应用还是demo都所处可见，这里我就用一个实例的写法带新同学轻松的打开SVG动画的大门。
@正越升 ：MG全称是Motion Graphic运动图形，现在非常流行，经常可以看到，然而并非所有MG视频都能把图形运动做到尽善尽美，我稍微总结了一下，在MG动画中如何把图形运动做得舒服而不别扭，有错漏之处，还请见谅补充。一、重要的加速度在MG动画中，通常要拒绝匀速运动。
@UC优视RED设计中心 ：进入2016年，随着各种类型网络技术的快速发展，动画库能为我们的网页设计增添很多视觉趣味。作为前/后端的开发人员来说，熟悉及掌握好各种动画库（甚至抽取搭建成自己优化的动画库）代码，便能轻松省时省力地完成各种工作需求。
@万物CHINA ：因为太喜欢电影了，所以这个问题一定要呕血推荐！！以下，我就单纯从影片的形式感、色彩、画面、风格等等方面来推荐了！
Tdstone：在设计开发的过程中，当设计师做好了一套静态页面而且设想出N种有趣的交互动画，再交付重构还原页面的时候，由于无法提供精确的动态参数，导致沟通和制作的成本增加，而且最终的测试demo也差强人意。因此，我们通过研究当下的动态设计趋势以及PC端的交互特征，在QQ空间V8新版中做了动态创新探索，同时总结归纳出一套适于设计师表达设计概念的设计方法和流程。
如何吸引用户注意力： 1.人性化：尽量不要传达系统消息感，可以考虑用人物对话等更有温度的形式来包装 2.个人IP：头像在互联网世界中，如同现实世界的名字一样，都是属于个人形象IP的一个标志，更容易被用户关注到
讲的非常好，很感谢，但是文章中有一点点小问题，比如说文章中有一处是长边完全显示，写成了短边完全显示，会加长阅读的时间。不过也无伤大雅，总之很感谢！
思路非常好，点个赞，现实很多设计师在设计中更多是在参考需求原型，而没有跳出原型去思考设计策略，所以当面试官问到这个问题的时候不知道怎么说。 文章最后给出的设计策略个人觉得还是并不能解决问题。对于商品交易，除非复购或者对此商品非常了解，缩短交易路径是可用的，但是这只能复盖很小一部分场景，缩短交易路径的方法并不是单纯地缩短操作路径，这是很多新手都会走的误区...
特意登录感谢无私的大神
受益匪浅，感谢作者分享，期待后续文章
如何吸引用户注意力： 1.人性化：尽量不要传达系统消息感，可以考虑用人物对话等更有温度的形式来包装 2.个人IP：头像在互联网世界中，如同现实世界的名字一样，都是属于个人形象IP的一个标志，更容易被用户关注到