随着UI设计的不断发展,UI动效越来越多地应用于现实生活中。手机,iPad、计算机、网页和其他设备被广泛使用,所以问题来了,为什么UI动态效果越来越被广泛使用?它的优点是什么?哪些软件可以设计UI动态效果?
想学动态设计吗?不要以为只有复杂的AE才能做到。今天严格推荐给你的11个软件可以做一个很酷的动态设计,每个软件在功能上都有自己的优势,但效果并不比AE差(有很多教程)。
看到这里,也许你最想知道哪些软件可以做动效?
目前业内UI动效软件相当多,但99%只支持Mac,只有1%支持windows。没有Mac真的是一个严重的伤害。
即时设计
系统支持:Windows、Mac
即时设计是一款免费的在线 UI 设计工具,无系统限制,浏览器打开即可使用,更有丰富的在线素材、云端字体、交互动画等功能满足多种需求,轻松应付移动端、Web端、可视化大屏等设计场景,还可和产品、开发轻松协作,实时在线评审、交付切图、查看代码标注,大幅提高团队工作效率。
丰富的交互事件配合智能动画,让设计师能够非常快速地实现各种超棒的交互动效,模拟真实效果~
不管是用来测试自己的 idea,还是用来给客户演示,让开发了解实现效果,一份可交互的高保真设计稿都比语言和想象来的更加直观有力!
即时设计 - 可实时协作的专业 UI 设计工具即时设计是一款支持在线协作的专业级 UI 设计工具,支持 Sketch、Figma、XD 格式导入,海量优质设计资源即拿即用。支持创建交互原型、获取设计标注,为产设研团队提供一站式协同办公体验。https://ad.js.design/special/ui/?source=csdn&plan=yscsdn1101
AdobeAfterEffects
系统支持:Windows、Mac
AE这个软件我想大家都应该知道,火得一塌糊涂,如果U姐没猜错的话,它目前是设计师学习动效的首选。
它的特点是强大和强大。基本上有所有需要的功能,UI动态效果制作实际上只是该软件功能的一小部分,知道许多美国大片是通过它进行后期合成制作的,与PS和人工智能等自己的软件,更方便,Dribbble、Behance上很多大神都用这个软件在show。
但有些效果工程师可能无法帮助你实现,因为实际的项目产品受到太多的限制。
AdobePhotoshop
系统支持:WindowsMac
很多人可能认为PS只用于绘图和处理图像,但他们不知道PS可以制作gif。然而,当AE不流行时,我们的老UI设计师用PS制作gif,用Flash制作demo(过去我们只需要制作PC桌面的动态效果)。如果我没记错的话,PS从CS6开始进一步加强了动态效果模块,现在的版本可以实现许多相对复杂的动态效果。
AdobeFlash
系统支持:WindowsMac
Flash可以说是过去的王者,也是因为时代的发展,现在基本上被淘汰了,这里就不多解释了,具体可以百度了。
Adobe开发的取代Flash的软件叫做:AdobeAnimateCC,为了适应h5和css3设计的趋势,Adobe在flash的基础上增加了h5动画的新功能和新属性,是flash的升级版。
Pixate
系统支持:Windows、Mac
该软件被大牛谷歌收购,但谷歌收购一年后,PixateStudio宣布于10月31日停止更新(这对windows用户来说是一个巨大的损失)。简单说一下它的优缺点:
Pixate是图层交互原型软件。优点:可交互性强,共享性强,与Sketch结合相对较高。同时,它更好地支持Googlematerialdesign,并且有许多与MD相关的预设。Pixate的缺点是没有时间线,层次管理不是很清楚,层次会很复杂。
Origami
系统支持:Mac
交互式动画原型设计工具
Facebook生产,必须属于精品。
Origamistudio自诞生以来,就受到交互设计师的广泛青睐。这正是Origamistudio使用的Facebook开源项目组件。
类似于可视化编程模式显示,几乎所有操作都只需要拖动连接,大大提高了工作效率,操作非常方便快捷,因此也被设计师成为“动态神器”。
如果没有代码知识做压惊,建议远处观望。
Hype3
系统支持:Mac
Hype3也火了一小段时间,被称为无代码动效神器,像AE一样使用时间轴制作互动动画。PC、手机和Pad端可以直接访问(以web的形式),也可以导出视频或GIF。3.0版还具有物理特性和弹性曲线,可以发挥更强的动画效果。对于中国人来说,它本地支持中文也是很棒的!sketch效果也很棒。
Flinto
系统支持:Mac
界面与Sketch非常相似。如果你能使用Sketch,你可以很快开始。它可以快速实现各种滚动、过渡和点击反馈效果。手机和电脑的预览非常流畅。看来现在用的人很多,下图是demo:
Principle
系统支持:Mac
该软件与上面的flinto有点相似,界面与sketch相似,与sketch相匹配也非常方便。主要用于两页之间过渡特效、元素切换和细节动态效果的工具。优点明显,效率高,质地好,缺点是不能做一整套原型。
CINEMA4D
系统支持:WindowsMac
说到C4D,或者每个人的第一反应都是它是一个三维软件,是的!但它的动态效果也很英俊,以下是一些C4D在互联网上制作的演示。
proto.io
系统支持:Mac
Proto.io是一个特殊的手机原型开发平台——可以构建和部署全交互式移动程序的原型,并可以模拟类似的成品。它可以在大多数浏览器中运行,并提供三个重要的界面:dashboard、编辑器和播放器。
dashboard可以用来管理项目。编辑器是一个构建原型的环境,由一组设计和开发原型的工具组成,也可以构建交互。播放器用于观看原型,与原型交互,并提供相关工具来标记和保留反馈信息。您可以直接在真实的移动设备上测试原型。并且可以使用iOS或Android上的浏览器以全屏模式运行原型。
protopie
Protopie(菠萝头派)是一种交互式原型设计工具,支持Mac和windows双平台(我们都知道99%的动效设计软件只支持Mac,windows平台目前只有两个,pixate和protopie无疑是win用户设计师的福利,但pixate被谷歌收购后2-3年再也没有更新过)、orgami、与AE相比,AE更轻,集成功能更吸引人。可以调用陀螺仪、麦克风、罗盘、3DTouch、各种智能传感器等。iphone系统,这绝对是windows用户设计师的福利。