动效设计基本元素归类

这些动效都是我从网上搜集来学习的,仅供学习参考哈,如需使用请联系原作者。

另外,同一个案例可能出现在好几个类别之下,因为这些都是动效元素组合起来的,为了方便看,不用往回翻,我就多贴几次图了,但是看的时候大家可能要多分析。

这些分类是从设计理念、构想去分类的,并不是从软件实现方式去分类的。如果有改进建议欢迎回复~

本人Q327997912,微信christine1991

欢迎加好友,交流学习~:)


通用:运动速率变化 慢-快-慢、位置变化(扭动,浮动、shake、上下左右,或从一边到另一边表示行动)

翻转(不同平面)



旋转(同一平面内)







切割(分割 或一个具体形状被分成好几块)




水动效(波纹、波动、水滴坠落)




惯性(运动命令停止后还会向前一段再停,或者开始运动时要停顿一会儿)





弹性(回弹:坠落后回弹,或有弹性的橡皮质感,缩放,拉扯伸缩)







形变(圆变多边形等,或一个具体形象变另一个)







分身(形状不同,由大的分出无数小的形状或颗粒:打散)(方向不同:飞扬或抛洒)


聚集(重合)




连线(点对点)

http://huaban.com/go/?pin_id=225502658

(这个不支持协议 大家点链接看,是dribbble上的)

闪烁(图像 或连同背景一起,造成炫目效果;或缩放闪烁,造成心跳效果)

http://huaban.com/go/?pin_id=225502658




轨迹(线条路径轨迹)









洗牌(川剧变脸)







折纸(翻折,挂牌(挂历)):


显现





构建(依照画图顺序、逻辑顺序来展现对象出现的动画效果)






后退(侧滑等,移至背后加模糊效果或加透视效果,浮现文字或推现文字)常用来设计菜单





最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容