UI设计师是近几年火爆的职业,岗位越火爆,面对的竞争压力就会越来越大,要想脱颖而出,就必须获得更多技能,而动效设计已经成了现在UI设计的必备技能,所以今天特意找了三套动效设计教程。
Principle交互动效软件+视频教程
+
Flinto交互动效软件+视频教程
+
Origami交互动效软件+视频教程
一:principle
交互动效设计软件——principle
如果你还没有尝试Adobe XD,如果你正想学习Adobe AE,走过路过不要错过哦。
图标就是长下面这样了。
这是一款在2015年1月由前Apple工程师Daniel Hopper(我也觉得他可以靠脸吃饭,然而人家靠了才华)
基于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交接效率,完美融入。
二、Origami
Origami的意思是折纸(听起来是由日文翻译过来的)。它是Facebook的设计团队花费了9个月时间开发的工具,Origami是一款基于Quartz Composer的插件,安装Origami之后,Quartz Composer的界面会变得更加友好,更适合于交互设计师操作。
在2013年4月份的时候,Facebook在推出Facebook Home的时候,曾力推Quartz Composer,希望它能够成为一款设计师们都喜欢的高保真动态原型制作工具。然而因为QC的门槛依然很高,推广没有成功。
这一次,Facebook设计团队免费公开Origami,这款插件让QC的使用更加方便,希望能够借此再度推广QC。
三、Flinto
Flinto是一款轻量、高效的综合性交互原型设计工具,你可以使用它创建任何原型,从最简单的页面跳转到令人印象深刻的精美交互动效,无需任何代码也没有复杂的时间轴,Flinto的可操作性几乎是所有原型工具中最简单快捷的,五分钟制作高保真交互原型,我认为这正是所有交互设计师所期待的。
要获取该套资源的同学,关注公众号:设计胡说。回复“三套”获取下载方式!