动效设计基本元素归类

作者: 青釉Alice | 来源:发表于2016-01-05 16:51 被阅读630次

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

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

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

本人Q327997912,微信christine1991

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


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

翻转(不同平面)

旋转(同一平面内)

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

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

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

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

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

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

聚集(重合)

连线(点对点)

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

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

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

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

轨迹(线条路径轨迹)

洗牌(川剧变脸)

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

显现

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

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

相关文章

  • 动效设计基本元素归类

    这些动效都是我从网上搜集来学习的,仅供学习参考哈,如需使用请联系原作者。 另外,同一个案例可能出现在好几个类别之下...

  • 怎么让自己显得是一个设计老鸟

    风格定义 设计定位 规范执行 理论技巧 锦上添花_动效、手绘 所用到元素的依据

  • 近两年的设计趋势

    1.1 动效设计和动画设计 我认为动效设计会是主要趋势,因为在几乎所有的设计领域都能用到动效,从微动效到Logo和...

  • 手机动效设计分析

    使用动效的目的: 常见的交互动效: 交互动效设计基本原则 创新交互动效设计 优秀手机动效应用 我们的产品可以借鉴地...

  • 动效设计-交互设计的最后一公里(三)

    在《动效设计-交互设计的最后一公里(一)》中,作者已经将动效的类型划分为四种:品牌类动效、引导类动效、转场类动效、...

  • 近日动效设计

    最近的一些动效工作和练习作品 信商产品App动效设计 动效设计练习作品

  • 动效设计

    我的动效设计,sketch绘图,principle制作动效。

  • 动效设计之我见

    在这个动效设计元年,动效设计似乎也变成了设计师必备的技能之一,那么笔者就来分享一下自己对于动效设计的见解吧。 工具...

  • Principle: 做动效,选对软件很重要

    你有多久没做动效了?平时的工作主要是终端视觉设计,功能需求加运营需求,静态稿件加动效设计,从比例来看,动效设计其实...

  • UI动效的原则总结

    高度总结动效设计的基本原则,有大量的案例分析。动效设计在用户体验的提升中到底有没有用呢? 我们在下面讨论的是为什么...

网友评论

本文标题:动效设计基本元素归类

本文链接:https://www.haomeiwen.com/subject/zurzhttx.html