加入收藏 | 设为首页 | 会员中心 | 我要投稿 衡阳站长网 (https://www.0734zz.cn/)- 数据集成、设备管理、备份、数据加密、智能搜索!
当前位置: 首页 > 运营中心 > 产品 > 正文

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

发布时间:2018-01-02 16:32:40 所属栏目:产品 来源:人人都是产品经理
导读:副标题#e# 看完本文你会学到: 1. 为什么需要动效设计? 什么是动效设计? 动效在产品设计的作用 动效设计的好标准 2. 如何设计动效? 6 个构思动效的方法 6 个实现动效的方法 3. 动效的类别 4. 常用的动效软件 5. 让动效落地的 4 个方法 为什么需要设计动

动效有那些类别?

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

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

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

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

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

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

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

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

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

用什么软件做动效设计?

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

动效设计所用软件

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

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

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

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

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

动效设计如何落地?

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

(编辑:衡阳站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

热点阅读