除了Adobe XD和AE,这几款交互神器你也应该了解一下!

除了Adobe XD和AE,这几款交互神器你也应该了解一下!_第1张图片

UI设计师是近几年火爆的职业,岗位越火爆,面对的竞争压力就会越来越大,要想脱颖而出,就必须获得更多技能,而动效设计已经成了现在UI设计的必备技能,所以今天特意找了三套动效设计教程。

除了Adobe XD和AE,这几款交互神器你也应该了解一下!_第2张图片
除了Adobe XD和AE,这几款交互神器你也应该了解一下!_第3张图片
除了Adobe XD和AE,这几款交互神器你也应该了解一下!_第4张图片

Principle交互动效软件+视频教程

+

Flinto交互动效软件+视频教程

+

Origami交互动效软件+视频教程

一:principle

交互动效设计软件——principle

如果你还没有尝试Adobe XD,如果你正想学习Adobe AE,走过路过不要错过哦。

图标就是长下面这样了。

除了Adobe XD和AE,这几款交互神器你也应该了解一下!_第5张图片

这是一款在2015年1月由前Apple工程师Daniel Hopper(我也觉得他可以靠脸吃饭,然而人家靠了才华)

除了Adobe XD和AE,这几款交互神器你也应该了解一下!_第6张图片

基于core Animation(core Animation 是iOS开发中的一个框架,用于构建动画效果)

Principle可以在5分钟内制作出一个具有完整交互动画的原型,并且可以将交互动画生成mov或者gif,

gif真的非常适合设计师上传站酷或者Dribbble!

为什么我要在这里跟大家推荐做交互效果的软件呢?

大家来看两个情景。

情景1:

你做完了一套你自己觉得又帅气又霸气的网页或者是一套App,你跟老板或者你的PM跟客户汇报的时候,他们却表示他们很难想象这个设计上线之后的样子,因为他们拿到的只是一套图片而已。

情景2:

好不容易老板或者客户拍板了你的设计,你正旋转跳跃闭着眼,正等待你的设计落实开发。然而你又陷入了与程序员的拉锯战,你用语言描述出的动态和交互效果他们不能理解,你找到的案例又觉得和你想要的效果不太一样。

此时你有没有很想能自己敲一段代码完成自己一整套的设计,曾几何时你是不是也想学着用AE去解决一些动效,然而你却因为AE的复杂而一拖再拖。是不是你还在等在Adobe XD,是不是你还没尝试XD,现在XD能做到的动效还非常的少,基本上只可以跳转,而且Adobe的软件你们都知道的非常的大。

但是现在你有了Principle就可以很快的解决这些问题了。

principle是高保真交互DEMO制作工具,能大大降低设计师与开发沟通成本,提高设计提案、demo交接效率,完美融入。

除了Adobe XD和AE,这几款交互神器你也应该了解一下!_第7张图片

二、Origami

Origami的意思是折纸(听起来是由日文翻译过来的)。它是Facebook的设计团队花费了9个月时间开发的工具,Origami是一款基于Quartz Composer的插件,安装Origami之后,Quartz Composer的界面会变得更加友好,更适合于交互设计师操作。

在2013年4月份的时候,Facebook在推出Facebook Home的时候,曾力推Quartz Composer,希望它能够成为一款设计师们都喜欢的高保真动态原型制作工具。然而因为QC的门槛依然很高,推广没有成功。

这一次,Facebook设计团队免费公开Origami,这款插件让QC的使用更加方便,希望能够借此再度推广QC。

除了Adobe XD和AE,这几款交互神器你也应该了解一下!_第8张图片

三、Flinto

Flinto是一款轻量、高效的综合性交互原型设计工具,你可以使用它创建任何原型,从最简单的页面跳转到令人印象深刻的精美交互动效,无需任何代码也没有复杂的时间轴,Flinto的可操作性几乎是所有原型工具中最简单快捷的,五分钟制作高保真交互原型,我认为这正是所有交互设计师所期待的。

除了Adobe XD和AE,这几款交互神器你也应该了解一下!_第9张图片
除了Adobe XD和AE,这几款交互神器你也应该了解一下!_第10张图片
除了Adobe XD和AE,这几款交互神器你也应该了解一下!_第11张图片

要获取该套资源的同学,关注公众号:设计胡说。回复“三套”获取下载方式!

你可能感兴趣的:(除了Adobe XD和AE,这几款交互神器你也应该了解一下!)