4000-888-103

资讯动态5款优秀的交互动效设计软件推荐,让你用到爽资讯详情

5款优秀的交互动效设计软件推荐,让你用到爽

2019-07-09 17:26:23

  当我们在看到一些漂亮的APP动效设计的时候,大家就会问,这些动效到底是用哪些动效设计软件制作的 呢?

  第一款动效设计软件: Adobe After Effects

  AE这个软件我想大家都知道,火得一塌糊涂,如果没猜错的话,它目前属于设计师学动效的首选。h5首页设计目前市场上出现了很多AE培训的课程。也特别的多。报名人数也很多。

  

Adobe-After-Effects-动效设计软件


  它的特点就是强大且牛逼,基本上要的功能都有。UI动效制作其实只是用到了这个软件很小的一部分功能而已,要知道很多美国大片都是通过它来进行后期合成制作的,配合PS和AI等自家软件来说,更是得心应手。dribbble上炒鸡多的大神都是用这个软件在show哦,毕竟这个软件做demo那是牛牪犇逼的~

  

APP UI动效为什么那么受欢迎3


  但是有些效果程序猿不见得能够帮你实现出来, 因为实际的项目产品受太多的制约,木有那么多程序猿会没事给你做动效的!

  

动效设计创新欣赏


  第二款动效设计制作软件: Adobe Photoshop

  看到它,我想各位设计师小伙伴们不陌生,可以用ps来制作一些gif逐帧动画。

  比如很多牛逼的设计大师就喜欢用ps来制作简单的表情动画,逐帧动画用得居多,什么事h5如下图的表情~

  

0 (1)


  

0


  

0 (2)


  

0 (3)


  第三款动效设计制作软件:principle

  之前25学堂分享了一篇Mac平台交互动效设计神器—Principle演示

  这是需要跟sketch配合使用才能发挥出最大动效设计魅力的。

  它主要是做2个页面间过渡专场特效,元素切换,细节动效的工具。优点很明显,效率高,质感好,缺点就是不能做整套原型。

  这类有一篇详细的介绍:http://www.zcool.com.cn/article/ZNDE0NDM2.html

  有兴趣的小伙伴可以看下principle的动画演示视频:

  第四款动效设计制作软件:Hype 3

  hype 3也算是火了一小段时间的,号称无代码动效神器,像AE一样使用时间轴就做可互动的动画。PC、手机、pad端都可以直接访问(以web的形式),也可以导出视频或者GIF。3.0版还有物理特性和弹性曲线,可以发挥更强大的动画效果。

  对中国人来讲,它原生支持中文这一点也非常棒!配合sketch效果也是杠杠的!

  我们先来看看Hype 3制作的一些动效设计作品:

  

Hype 3


  在这里,学堂君跟大家分享一个Hype3 教程 切换跟随效果视频

  Hype3 也是最近比较火的一个工具,无论是设计师还是H5前端工程师,都又在学习该软件。

  第五款动效设计软件:keynote

  keynote相当于windows的powerpoint,是个幻灯片软件。也是一款跟SKETCH软件绝配的交互动效软件,

  但是!但是!但是!或许你并不知道,据说苹果的交互设计师都是用keynote做交互演示的......只要能够熟练掌握这个软件,目前app里的绝大多数动效都是可以做出来的~但是相对复杂一点的动效实现起来就有点不够.......但是已经很屌了好吧~~笔者经常为了省事直接都是用它做个简单demo给程序猿看的,快捷方便啊~要知道时间就是金钱啊!

  

keynote-如何做交互动画


  Keynote的主要优点体现在:

  1. 它真的很快。在拿到相关视觉切图资源的情况下,一个基本动效的制作可以在15分钟内搞定。即使动效需要调整也很容易,可以很方便的进行创意表达和设计沟通。

  2. 它很容易上手。Keynote是绝大多数用户体验设计师必备的工具,你不需要花时间来熟悉它。在扁平化大行其道的今天,更适合使用Keynote作为productivity工具。

  3. 它不需要编程。即使不懂代码,也可以做出以假乱真的动效。

  当然,Keynote也有其不足之处,比如:

  1. 预览原型有些麻烦,你无法像AE那样逐帧调整每个细节。

  2. 不支持分层,当元素较多时不容易管理。

  3. 分享不太方便,需要将影响录制下来并转成gif图片,相对繁琐。

  keynote官网:http://www.keynote.com/

  如果你想要让你的APP界面动起来,不妨也可以自学这些软件哦~


上一页 下一页

0
↑ 回到顶部

热门推荐

发送
//www.weibenh5.com/newhome/images/manman.png