设为首页 - 加入收藏 ASP站长网(Aspzz.Cn)- 科技、建站、经验、云计算、5G、大数据,站长网!
热搜: 手机 数据 公司
当前位置: 首页 > 运营中心 > 产品 > 正文

全方位科普手册:产品的动效设计(4)

发布时间:2017-12-26 00:38 所属栏目:30 来源:人人都是产品经理
导读:动效有那些类别? 我们可以把现在的动效设计粗略的分为两个大类: 1. 功能性动效(如下图) 此种动效设计多适用于产品设计,也是本文中主要陈述的内容。 功能性动效(此图来自网络采集非作者原创) 2. 展示型动效果

动效有那些类别?

我们可以把现在的动效设计粗略的分为两个大类:

1. 功能性动效(如下图)

此种动效设计多适用于产品设计,也是本文中主要陈述的内容。

功能性动效(此图来自网络采集非作者原创)

2. 展示型动效果(如下图)

这些动效设计,相对来说复杂,实际应用中比较少。基本用于一些展示性的动效设计,也不能用我们哪些基本运动规律去很好的嵌套(不是不能嵌套,是太复杂),他们实现一般是通过AE插件进行实现的,插件也不是很难,有专门的插件网站,大家有兴趣可以去研究,一般插件都是英文的。

展示型动效(此图来自网络采集非作者原创)

用什么软件做动效设计?

动效设计所用软件

简单给大家介绍几个常用个制作软件,制作动效,比较头疼的就是时间成本问题。这几个软件各有特点:

  • AE:全能选手,几乎可以制作任何你想要的效果,但是操作相对复杂时间成本较高。

  • Principle:操作简单,效率高。适合制作快速展示用的demo或一些简单的动效设计。

  • Hype3:介于AE 与 Principle之间。是近年来新兴起的动画设计软件,可以直接生成代码,配合sketch使用效率极高。

大家可以在工作中根据实际情况酌情使用。

动效设计如何落地?

前面讲了为什么做,什么是好的,怎么做。接下来就要说说我们如何将我们费尽心机的设计最终完美落地。

基本上就是你和开发怎么在动效设计这块,高效配合。普遍做法就是口述+例子。基本相当于我们用中文与一个日本人用日语在一起手舞足蹈的交流,只能传达大意,绝大多数是有偏差,而且成本比较大,很多时候彼此都不懂。

我们需要告别通信基本靠吼,如何才能让开发爱上动效设计呢?

(编辑:ASP站长网)

网友评论
推荐文章
    热点阅读