UI设计的动态动画效果是用什么软件做?

用户头像
郑州/网页设计师/10年前/18317浏览
UI设计的动态动画效果是用什么软件做?
用户头像
cplvfx

UI设计的动态动画效是用什么软件做?

【第一】:ae动效demo纯展示用,使用灵活,能做一些纯概念类的展示稿;
【AE:这个不用多说,什么效果都能做,但能不能实现是另一回事】


【第二】:flash可制作含有交互的高保真动效demo,不过想要制作符合实际项目的动效交互体验demo需要掌握as脚本语言,还有一个缺点时flash在Mac端的兼容性不是很友好,可酌情选择;


【第三】再来说说QC,Quartz Composer是强大的动画合成软件,在Apple10.4的开发软件包中自带,最近很多国内UI设计师也在对它进行尝试,很多国内设计师理解为不需要任何程序基础以及编码能力就可以做出非常复杂的动画,当然,这点我不否定,但是QC其实际意义是制作出界面UI工程给开发人员直接使用,如果没有一点代码基础经过一番折腾确实可以实现一些有趣的效果,但是输出产物杂乱,开发人员根本无法使用,这就完全失去了它的意义,目前看到国内大部分使用QC的设计师都是为了炫技而已,并无多大意义,因为QC相对于前两者的学习成本是较高的,如果你只是想去炫技,那么不做推荐;

Apple自己的QC结合FB出的Origami模板很不错:sketch有插件输出到QC里,但QC学起来不是很容易,有代码基础的还好一点,不太适合设计使用,而且可以输出代码


【第四】Keynote:非常容易上手,但一些精细的效果可能做不出来,适合快速展示


【第五】Form:和QC类似,据说更容易,稍微试了下还是喜欢QC+Origami


【第六】Framer:纯代码编辑,更不适合设计了,效果还是不错的


【第七】Principle:和sketch一样的界面,友好清晰,更适合设计师,目前在研究这个,有时间轴和快速布局等,未来估计和sketch很好搭


【其他】Flinto、 processing(这2个没太理解  不说了 又喜欢的可以了解了解)


【惊喜一】再来说两个比较实用的无代码实现交互动效的工具,一个就是hype3,是一个有时间轴操作的HTML5生成工具,可以通过简单的动画设置然后配合工具自带的交互事件制作出可交互的实用demo;


【惊喜二】最后一个就是强烈需要推荐的,最近刚被谷歌收购的还热乎的pixate,这是一个专门只做交互原型的工具,经过不断的更新与创新,现在已经被谷歌收为旗下,这个工具操作简单,内含一些常用的交互事件,用户只需要通过简单的拖拽与设置,便可配合移动端APP实现动效demo实时预览;


还有其他的一些工具不做过多推荐,最后真诚的提醒广大设计师朋友们,我们应该尽量保持平静,在这个浮躁的设计氛围下,尽量保持清醒,放弃一些炫技的个人想法,多去考虑用户,回归设计本身。

(以上不是本人原创,都是在互联网搜集提供!)


以下是一些交互的APP界面,大家可以欣赏下!


145
阅读原文
|
举报
|
145
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
平面插画情侣/矢量
牛奶乳液层次平面平铺平面
平面男孩喝咖啡插画设计
金色颗粒质地的平面
金色颗粒质地的平面
活动,优惠,平面,海报,特惠
平面书法字手写
中国传统纹样创新图案设计
海底世界插画
平面设计 吊牌设计
金色颗粒质地的平面
倒计时,海报,平面
城市园林平面布局航拍
古风平面仕女与瓷器
“知识宅急送”外卖,快递,平面,海报,素材,教育
城市园林平面布局航拍
金色颗粒质地的平面
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
空的平台平面和自然景观
金色颗粒质地的平面
城市园林平面布局航拍
平面风格黄绿色系花朵装饰
牛奶乳液层次梯田平铺平面
城阙凡花
空的平台平面和自然景观
你可能喜欢
大家都在看
登录注册