2020追波Dribbble动效流行趋势

2019年正式过去，我们将迎接全新的2020年，下面我也将讲讲2020年或将流行的追波动效设计流行趋势。

为什么叫流行趋势呢？不是我想这么叫，是你们都如此写这么叫。或者我们可以尝试用一种新的理解方法是对过去的小结和为将来的展望。

回归正题和以往一样我从追波中挑选了2019年中最流行的Shots，由于去年追波支持上传视频作品，今年挑选的600件设计作品中动效（包括GIF和MP4）246件作品，我算了下就光动效就占到数量的41%，差不多半壁江山了，或许2020年就是动效元年，动效本身就是一种设计趋势。

为什么我猜2020年虽然就是动效元年？

首先追波平台现在正式支持了视频格式展现作品，包括中国的短视频系统的迅速发展尚未产生了N个大佬企业。

今年5G时代的到来，到时候我们的相机、电脑等软件设施将迎来一个大的迭代，速度效益会更快，如果动效的制作成本增加，同样是设计一幅绘画或制作一个片段来运营用户你会更偏爱那种方式呢，在更重视用户体验的现在短片会从视觉、听觉、触觉等多维度给用户带来极致体验。

在这种的大环境下我们也期望能有一款动效工具出现像Sketch、Figma颠覆Ps去改变Ae（此处也是从互联网产业协作实现层的重塑，Adobe软件而是很强大的），从界面的简洁易学和代码实现层面出来创新。现在我们来认识下追波平台的主流动效有什么呢？

品牌动效篇

品牌动效Logo作为一种升级颖的彰显方式，动态品牌图形会更易于让用户理解其涵义，当然也会带有更高的品牌辨识度。一个好的有趣的动态Logo能够让人感受到不同的心灵。我们可以设计打造一个美丽的独白情节，让用户更易于记住并表现我们品牌专业性。

品牌升级

UNFOLD是追波一个很老牌的设计队伍了，他们来自中国佛罗里达州的萨拉索塔，他们将自己的设计作品作出动效作为自己的品牌来宣传，更好的彰显了人们设计的专业、用心和前卫。

Firefox新品牌VI升级设计，在新的品牌架构中，Firefox浏览器与FirefoxSend，FirefoxMonitor和FirefoxLockwise产品相当。

新构建的产品系列由伞品牌Firefox领导。作为伞形商标的商标，Firefox的用途是基于浏览器的标识螺旋图形。你可以将徽章标志想象为浏览器的界面，因为作为应用程序界面和菜单按钮，狐狸和地球仪只剩下橙黄色黄球。漩涡是动态的，开放的而且在视觉上吸引人。

品牌IP篇动效

品牌IP化是联通互联网创新下形成的，品牌IP就是品牌的“人格化”，目的是为了顺应品牌的主流人群用的一种营销方式。品牌IP主体可以是一个拟物的形象，可以抒发用户情感在精神层面与用户达成共鸣。

品牌IP可以解决品牌的周期性衰退问题，给品牌再次带给生命力，所以品牌IP化逐渐的流行起来。当品牌IP赋予了动效会变得真实形象，更好的传达寓意。

界面动效篇

界面动效可以让界面更活泼生动，还可以更好传达用户与界面之间的交互情感，好的界面动效设计可以缓解界面中的用途问题，让产品更易于被客户接受，能让你的应用更快、更流畅。

微交互动效

界面微交互动效会让顾客体验非常精美到位。想要成为优秀的产品设计，微交互和动效设计是绕不开的，UI界面设计通过微交互反馈告知客户当前正在出现的事情，所处的状况。细微的动效更能激发用户情绪，取悦用户。

图标动效

在短视频领域中界面动效利用更为广泛，在直播广场中涮礼物时有炫酷的界面动效会变得用户的炫耀感和喜悦感。当然我们在产品设计中也可以设计微动效来传达用户点击或触摸的行为动效，可以非常用户理解界面之间的转场和交互关系。

界面动效

界面动效没什么好说的，依然是动效占比最重的个别，对比初学者界面动效首先抓住时间的长短，关于动效时间的学习可以学习Materialdesign界面动效，里面都有细致的时间规范。

难点在于缓动函数贝塞尔曲线Linear、Ease、Ease-in、Ease-out、Ease-in-out，转场时采用了长期的缓动函数效果都很棒。

Mg动画篇Mg动画

Mg动画应该很高的节奏感、韵律，每一个画面动画都必须其中的元素进行联结变化，让转场动画变得自然，MG人物动画通过点线面的动效变化让场面十分有趣、自然，通过粒子效果让特定场景无限循环会让人非常印象深刻。

行走动效

行走动效是Mg动效学习的必修课，大体分为动物人物的穿行、奔跑、跳跃等形态，如果简单的行走动画只要参考动物或人的行走分步图插上关键帧就可以制作完成。

针对一些弹性的行走动画，我们那应该使用软件可以使用PuppetTools插件利用图钉来制做骨架的工具，但由于图钉工具原本的弊端，容易破图。DUIK插件现在普遍用在AE制作角色动画（角色动画相当硬），RubberHose插件角色动画相当软，相对变得自然。为了更好的做好人物角色漫画还必须经常对人物形态更细腻的观察。

Q弹动画

Q弹动画中的Q弹效果会让场面十分有趣，会让人重复欣赏不回觉得腻。使用AE弹性表达式Bounce和Overshoot！利用这个两个表达式你可以轻而易举地推动诸多弹性动画，也可以使用Ae脚本：物体弹簧弹性预设脚本AescriptsRubberizeIt，可以将你的物体图形层中的元素模拟成带有弹簧弹性效果，更符合力学！

循环动效

循环动效是为了更好的展现一个作品的自然收尾衔接，没有显著的停顿感会让欣赏者乐此不疲。所以我们在设计动效时应尽可能使用循环动效。

动效创意篇伪3D旋转动效

伪3D旋转动效渐渐的变成一种态势，360度无死角旋转对角色外形有更高的要求。伪3D旋转动效也逐渐被更多的设计爱好者所偏爱，伪3D旋转动效主要使用了ae表达式进行制作对360不同翻转角度进行定型，这种动效非常独特、很有意思百看不厌。

抖音风（鬼畜）

抖音风就是一种加上魔性的音乐，可以让用户无限循环进行观看。抖音风动效也是这么，光看动效画面就很酷炫可以无限循环看这些篇，越看越有趣。

形变动效

形变动效的活力就在于都是围绕主题进行展开，并且借助一定的创意性来把握用户的眼球，通过一些不规律的形变会让人反思它是怎样实现的，是不是用了很大深的技术等，会给人留下深刻印象并尝试去探讨。

跟随动效

早期的跟随动画多为网站上的鼠标跟随形变动效，现在跟随动画可以加入三维动画或使用软件Joysticks’nSliders可以在一个小的框框内即时反应画面的动态。

酷炫科技风

AETrapcode插件最常见的是particular和form了，这两款粒子插件可以制做出这些酷炫的动态效果，随着技术进步上面的动态炫酷风格可适用于多媒体大屏展示或用于公司企业官方，通过粒子插件来突出企业技术感，多客户互联网公司。

三维动效（C4D）

c4d三维画面动画通过形成实物和画面模拟生活中的现实情景，会让用户体验真实感，三维硬件制作动效的最大优势是借助动力学和表达式会模拟真实感，未来在AR/VR领域会有更好的发展。相对于界面动效学习成本难度也相对较大。

动效应用篇字体篇

小米MIUI11推出了“动态字体系统”，可以无级调节字体长短，每个人都能找到自己觉得舒适的阅读字重，同时平台会按照内容不同，给予不同程度的加粗，交互细节也受到了全面提高。字体也逐渐加入动效的市场里来了。

2019年11月7日，我们将在阿姆斯特丹中央车站接管一般用于24小时广告的所有80个屏幕，以展现来自全球各国的设计师的动画设计。该网站从而导致公众参观展览的兴趣，并引导设计师，工作室和戏剧学校提交他们的作品。

技术原本在巨大程度上依赖于我们使用Processing和AfterEffects创建的动画。我们使用了p5.js的Javascript来设置网页上的交互元素。可以借助鼠标输入，也可以使用电脑中的陀螺仪。

插画动效

绘画描绘一般都带有戏剧感，插画传达的信息能否明确就变得更加重要。适当添加简单的动效，会降低插画的画面性给用户带入感。插画和动效结合上去更易于引导顾客，吸引人的眼睛。插画漫画可以帮助客户更好的知道内容，会让客户在图标插画中寻求可交互的感受乐趣。

Ipad插画动效

Ipad插画之所以能流行还是由于苹果公司出的ApplePencil，用过的都说好。ApplePencil能帮你尽情表达创意。无论你是在画插画，进行室内设计，还是润色照片，ApplePencil总能帮你把创想变成现实。

追波大佬GalShir上传的新作都是拍摄自己使用Ipad插画的整个过程，从构图起形加光阴加颜色，最后产生一幅美好的绘画。想学习Ipad插画技巧更多请到GalShir的追波主页观看。

游戏动效

游戏动效可以很高的鼓励玩家操作，帮助新手引导，让玩家知道游戏规则和操作使用，好的游戏动效可以降低客户粘性。游戏动态、场景特效、角色漫画对动漫运动规律都有很大的要求，游戏动态demo也可以节省开发人员的时间成本和沟通效率。

Priciple高保真

Principle是一款做原型的硬件。很多公司也用Principle做高保真原型，这样就可以成为最小可行性产品（mvp）,在即将开发前就进行用户调查、可用性检测。

阿里大佬Dimest的作品最具备代表性，视觉冲击力强有美感，加上时尚的微交互让Priciple高保真作品独特一格。更多的高保真动效作品可以去Dimest追波主页欣赏。

代码动效篇

GitHub是一个面向开源及私有软件工程的托管系统，GitHub是基于代码已然实现了可用的代码动效，如果工作中有类似的动效效果可用直接使用，对于设计以及产品来说公司中有这种的前端此乃大幸。愿意推动更好的客户体验中的微交互微动效花时间花精力。

最终还是要感谢程序员帮我们守住产品实现的最终一道防线，可能我们设计时会发生思考不周的状况以及梦想与实践之间的矛盾问题之类，程序员会用更理智的反思形式帮我们找到产品界面中的漏洞，及时调整确保产品的合理上线。