提起UI,必不可少的就会想到动效,动效设计作为UI设计当中必不可少的一环,已经由最初的美观酷炫发展到提升用户体验和产品需求的重要作用。
很多时候设计不能光靠嘴去跟产品经理逼逼你的想法,静态的设计图设计出来后也不见得能让老板和甲方爸爸一目了然。
因为很多时候交互形式和一些动效真的很难用嘴来形容,所以才会有高保真demo产出。这样就节约了太多的沟通成本。
那么我们今天就来讲讲真正便于UI动效制作的工具软件你知道几个?
1.AE
主要用途:制作预设的效果和动画
特点:学习首选,强大牛逼,基本上要的功能都有。
推荐理由:Adobe After Effects简称“AE”是Adobe公司推出的一款图形视频处理软件,适用于从事设计和视频特技的机构,包括电视台、动画制作公司、个人后期制作工作室以及多媒体工作室,属于层类型后期合成软件。
UI动效制作其实只是用到了这个软件很小的一部分功能而已~要知道很多美国大片都是通过它来进行后期合成制作的~ 学习UI设计,配合PS和AI等自家软件来说,更是得心应手啊~
2.Tumult Hype
Tumult Hype是一款HTML5动画开发工具,可以创建丰富的网页交互动画,支持层、时间轴等编辑方式,并支持导出HTML5、CSS3、JavaScript等网页格式文件,在ios或Android平台上表现流畅。
Hype3 让你无须代码就可以完成简单的页面动画效果
主要用途:制作动态可交互原型
特点:对于网页和HTML5的支持度比较好,可直接生成HTML5格式的文件,但是仅支持Mac设备使用。
另外Hype3自己的图形绘画形状很少,只有3个形状,而且不能对曲线进行编辑,所以对于复杂的效果的实现能力有限!
推荐理由:使用者无须编程基础也可以做动效;对于网页和HTML5的支持度比较好,可直接生成HTML5格式的文件。
温馨提示:太过效果程序猿不见得能够帮你实现出来哦~ 因为实际的项目产品受太多的制约啦~木有那么多程序猿会没事给你做动效的!
3.Autodesk 3ds Max
提起Autodesk 3ds Max,大家第一反应是它是三维软件啊~没错!但是它做起动效来也是毫不逊色!
用3dMax/C4d做的一些demo
主要用途:制作动态可交互原型。
优势特点:对于3ds Max而言,该软件是三维数字艺术领域插件兼容维度中最广的一个,且几乎所有的渲染、动画和特效脚本都有专门针对3ds Max的插件可供使用,并且许多插件现在仍在持续更新中。
推荐理由:上手很难,对电脑的要求配置非常高!
4.C4D
Cinema 4D以极高的运算速度和强大的渲染插件备受广大设计师的青睐,很多模块的功能在同类软件中代表着科技进步的成果,并且在用其描绘的各类电影中表现突出,随着技术越来越成熟,Cinema 4D也被越来越多的电影公司所重视。
MAXON Cinema 4D制作的UI
主要用途:制作动态可交互原型
推荐理由:说完3ds Max,自然要说C4D
优势特点:这么说吧,你去面试直接说劳资精通C4D基本上是第二天就会打电话求你入职!
需要说明一点的是,动效之所以越来越吃香不是最近才流行的,而完完全全就是因为过去硬件设备承受不住啊~
过去要是在手机里搞个动效,那你手机就等着卡出翔,要知道过去的内存和cpu都是多么多么的弱小可怜无助,而现在嘛,小编的手机配置反正是已经超过了电脑
所以不搞点动画出来实在对不起这些设备,再说这个年代是个强调个性的年代~一成不变和乏味的设计是很难让消费者买单的~
另外,像是Photoshop、Principle、Sketch、Flinto、 Animate也都可以实现常见的动效,但是百艺通不如一艺精!各位新手村的小白还是学好最基础那个就够了(此处@AE)
0基础学设计能不能学会?学历低可以学设计吗?设计多久能学会?学会能赚多少钱?这些入行常见的问题,20年技术积累的徐州北大青鸟,引领行业的技术,一线技术专家,20万家就业合作企业。技术,求职,高薪,你的所有问题都能一站式解决!
(责任编辑:代码如诗) |