8.Principle
系统支持:Mac
这个软件的和上面的flinto有点类似,界面和sketch类似,同时配合sketch也是非常方便。它主要是做2个页面间过渡专场特效,元素切换,细节动效的工具。优点很明显,效率高,质感好,缺点就是不能做整套原型。
9.CINEMA 4D
系统支持:Windows Mac
说到C4D或者大家第一反应是它是三维软件啊,没错!但是它做起动效来也是帅破天际的,下面是网络上用C4d做的一些demo。
10. keynote
系统支持:Mac
keynote相当于windows的powerpoint,是个幻灯片软件。但是!或许你并不知道,据说苹果的交互设计师都是用keynote做交互演示的。只要能够熟练掌握这个软件,目前App里的绝大多数动效都是可以做出来的,但是相对复杂一点的动效实现起来就有点不够。
U妹经常为了省事直接都是用它做个简单demo给程序猿看的。快捷方便,要知道时间就是金钱啊!
由于U妹也并不是全部了解目前市面上的动效软件,按自己的理解相对主流的动效制作软件就是上面这些,错漏地方还请见谅,由于篇幅有限,PS 制作动效简单演示推后到下一篇吧,
11. proto.io
系统支持:Mac
Proto.io是一个专用的手机原型开发平台——可以构建和部署全交互式的移动程序的原型,并且可以模拟出相似的成品。它可以运行在大多数的浏览器中,并提供了3个重要的接口:dashboard、编辑器以及播放器。
dashboard可以用来管理项目。编辑器是构建原型的环境,由一组设计和开发原型的工具组成,另外还可以构建交互。播放器用来观看原型,并与原型进行交互,并提供了相关工具来标注和保留反馈信息。你可以直接在真实的移动设备上对原型进行测试。并且可以使用iOS或Android上的浏览器以全屏模式运行原型。
12. Atomic.io
系统支持:Mac
无论是在简单的交互上,或是贯穿在整个产品的研发中,Atomic 都可以帮助你快速创建切实的原型。
13. Framer
系统支持:Mac
Framer是一个设计可交互动效的软件,可快速导入Photoshop、Sketch中的图像并模拟图层分层,支持手势,可在手机或平板中预览。
Framer是一个开源项目,一个基于Javas cript的原型工具,专为设计师打造。现在的应用更注重交互设计,它可以让你效率更高。
14. protopie——windows用户设计师的福利
系统支持:Windows Mac
Protopie(菠萝头派)是一款交互原型设计工具,支持Mac和windows双平台(我们都知道99%的动效设计软件都只支持Mac,windows平台目前只有2款,pixate和protopie无疑是win用户设计师的福利,但pixate被谷歌收购后2-3年再也没更新了),与principle、orgami、AE等相比,它更加轻量级,集成的功能更吸引人,可以调用iphone系统的陀螺仪、麦克风、罗盘、3D Touch, 多种智能传感器等等,这绝对是windows用户设计师的福利。
官方网站http://www.protopie.cn里面已经提供简单的介绍和教程,在这里不进行赘述,在之后更新的文章中会通过我自己的使用和体验对其中的各个小功能进行尝试和介绍。
对于UI/UE设计师来说:
在 ProtoPie 上使用时不需要编写代码,通过后者可视化的设计即可完成相应功能的增减。比如,在一款软件设计时,设计师无需记住具体的数据, 通过时间轴拖动相应版块就能完成操作。在完成软件设计后,设计师可以将其导出到 ProtoPie 的应用中供开发者直接查看。
对于移动开发者和APP产品经理来说:
可以直接在“设计师版”的应用中看到设计师的功能设计、交互逻辑等,还会获得一份由 ProtoPie 提供的具体参数数据,并按照这份数据进行开发。如此一来不仅减少了设计师和开发者的沟通成本,也为设计师探索新的交互设计提供了平台。
二、UI动效的优势
1. 展示产品功能
动效设计可以展示产品的功能、界面、交互操作等细节,让用户更直观的了解一款产品的核心特征、用途、使用方法等细节。
2. 更有利于品牌建设
比较恰当的例子如最近优酷更新了Logo:
3. 利于展示交互原型(设计细节)
很多时候设计不能光靠嘴去解释你的想法,静态的设计图设计出来后也不见得能让观者一目了然。因为很多时候交互形式和一些动效真的很难用嘴来形容,所以才会有高保真Demo,这样就节约了很多沟通成本。
4. 增加亲和力和趣味性
有时候加个动效,能立马拉进与观者的距离,要是再加些趣味性在里面,用”爱不释手“这词也毫不夸张。
三、总结
以上U妹说的这些都是做交互动效原型的工具:AE,Principle、Keynote,Flash(已经退出了历史舞台),Hype3,Flinto,Proto.io,Pixate,Origami,Framer,protopie,Atomic.io,粗略的给大家介绍了一下,如果你想学习动效设计,在具体了解这些软件的情况下,选择其中一个适合自己的就好,有任何疑问大家都可以给我留言,我们下期再见。