设计之路交互设计手册关于设计那点事

动效设计基本元素归类

2016-01-05  本文已影响630人  青釉Alice

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

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

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

本人Q327997912,微信christine1991

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


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

翻转(不同平面)

旋转(同一平面内)

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

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

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

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

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

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

聚集(重合)

连线(点对点)

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

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

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

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

轨迹(线条路径轨迹)

洗牌(川剧变脸)

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

显现

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

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

上一篇下一篇

猜你喜欢

热点阅读