从去年年底开始，鸡爷炫技发的动效教程视频，就逐个出圈了，全网播放量大到惊人，超过了5K多万，直到现在，这个曝光数字还在攀升。

没错！就是上面那些可爱的教程，无数人被鸡爷的头像和视频开头牢牢吸引，评论经常会有热情的同学一键三连。

这些动效作品更是吸引来了很多甲方过来谈合作， 出书、企业内训、Adobe座上宾、商单这些一个不漏。

甚至还上过CCTV！

瞧瞧！评论区里都是这样的美誉，身材好是必须的！因为咱么的鸡爷还有一个职业——健身教练！

万万想不到吧。大家记得第一时间来约老师的公开课。更多宝藏等你挖掘！

注：免费公开课里送的优惠劵可以用来购买老师大课堂的课程。

说了这么多，你是否会经常被吐槽画面设计不突出、角色塑造不生动？产品操作太繁琐，用户使用体验差的情况？ 作为有数10年超一线项目经验、培养出众多大厂offer收割机的鸡爷告诉你：动效设计可以解决所有问题。

无论是UI设计、电商页面，还是影视动画、产品营销，掌握这3大类吸金动效，就能轻松解锁多场景爆款动画！

学员作品：78-榴莲

学员作品：10-阿波

学员作品：46-白白白日梦

学员作品：51-艾玛

学员作品：106-汤圆

学员作品：11-梦游ing

①功能型动效：通过动态图形向用户传递信息，帮助用户理解和使用产品。

当用户需要下载数据，或者进行某项计算时，动效设计就可以有效告知用户，软件正在进行的进程状态。

学员作品：76-扶摇

学员作品：48-左左

学员作品：65-炒粉

加载时间无法避免，但充满创意的加载提示可以减少用户对时间的感知，让用户的“等待”不用那么难受。

学员作品：19-nonnon

学员作品：24-秋秋

学员作品：41-七愧

学员作品：49-P

学员作品：73-min

②交互型动效：帮助用户理解界面的层级逻辑关系，从而降低使用成本，提升产品体验。

动效设计帮助用户在当前页面的各导航之间平滑切换，清楚阐明页面上元素布局的变化。比如tab切换、左滑删除等等。

学员作品：44-陈同学

学员作品：46-白白白日梦

在不同页面之间的跳转中，会根据不同的场景会使用到不同的跳转样式，好的跳转动画能够帮助用户理解前后页面的逻辑关系。

学员作品：50-hjw

学员作品：76-颠仙生

学员作品：96-大彪妹妹

③展示型动效：给用户制造视觉上的愉悦，营造活动氛围，让用户觉得有趣生动。

通过动效设计，将有趣的动态图形与品牌相结合，让原本生硬的产品形象变得有趣生动，拉近用户与产品之间的距离。

学员作品：88-Nic

在运营活动中，醒目吸睛的设计是提升业务数据转化的重要一环，而动效设计可以极大的吸引用户的注意力，让活动要点更突出。

学员作品：106-汤圆

学员作品：46-白白白日梦

学员作品：46-白白白日梦

学员作品：46-多多

学员作品：25-闪电

而目前大热的大屏数据动画集功能、交互和展示于一身，结合了实用美观的设计和契合数据表现形式的动态效果，清晰有效地传达了信息，方便用户快速找到内在规律，挖掘数据背后的潜在价值。

学员作品：48-大墨

学员作品：77-二七

学员作品：77-二七

UI设计中的交互数据动画在增加产品趣味性的同时，也帮助用户更好的理解了产品逻辑，让用户得到了更加愉悦的使用体验。

（此处插入UI设计中数据可视化的动效作品）

学员作品：73-min

学员作品：96-大彪妹妹

优设粉丝专属福利来咯！

7月5日晚20:30起连续两天，优设大课堂资深讲师——鸡爷将带你解锁爆款动画创作秘诀！片头、网页banner、H5营销，动态表情包、游戏UI…多场景动画设计，2节课带你轻松入门。

注：免费公开课里送的优惠劵可以用来购买老师大课堂的课程。

转发此活动海报至朋友圈，扫码截图给“小黄鸡”还可免费领取「热门交互组件动效」和「HUD视觉动画技巧」视频教程一套哦！

本文来自微信公众号“优秀网页设计”（ID：youshege）。大作社经授权转载，该文观点仅代表作者本人，大作社平台仅提供信息存储空间服务。