d. 夏普曲线,夏普曲线与标准曲线类似,也称Ease In Out,元素的加速和减速变化较快,主要用在已有元素离开屏幕后在次返回的情况。
八、微交互设计常用工具目前设计微交互动效的工具有很多,下面罗列一些作为设计师能够上手使用的工具:Framer X、Principle、AE、Origami Studio、Protopie、Figma等等。至于哪一款工具好用并没有一个相对的评判标准,选择也只是就个人的需要和难易程度而言的,如果你熟悉代码推荐使用Framer X,可控性非常高并且能够真机体验实际效果,如果追求简单易上手那就可以选择Principle,一款简单而又能出效果的交互制作工具,如果想要制作充满细节的交互动画可以选择使用 After Effects。
下面是对这些交互动画设计工具的介绍:
8.1 Figma
这款工具能够实现一些简单的交互效果,能够轻松的表达页面之间的逻辑操作关系,对于产品和交互设计师来说是非常便捷的,并且云同步功能也不必在各种备份了。
8.2 After Effects
这款工具对于设计来讲可能都不会陌生,通过AE能够制作出很多充满细节的交互效果与动画作品,就算基础的位置、旋转、透明度与缩放属性也能够制作出众多的动画效果,软件的高度可控性对设计人员的要求更高,最终效果如何全屏设计师的经验与软件熟练度,使用AE制作交互效果更多的是需要耐心与创意。唯一不好的地方可能就是无法对效果进行真机体验了。
8.3 Principle
一个轻量的交互动画制作工具,简单易上手被众多设计师所青睐,但是这款工具只能在Mac电脑上使用,对于一些简单交互效果,比如:缩放,位移和界面跳转等等,能够连接移动设备进行效果体验。如果配合AE制作交互动画,简直是完美的组合,弥补了AE无法直接体验效果的缺陷和Principle无法制作复杂效果的缺点。
8.4 Protopie
界面看起来有点类似Principe的一款工具,但功能相对Princple来说功能更加齐全,内置了众多的触发动作和反应动作足以满足你想做的绝大部分交互效果,而且还支持移动设备传感器,比如:陀螺仪、罗盘、声音等等,通过传感器的触发实现视差效果、指南针和语音交互等动能效果,可以说是非常强大。
8.5 Framer X
利用Framer可以轻松搭建一个网站,无需输入任何代码而且还能够实现自适应布局,目前已经与Figma打通,通过插件可以轻松实现将Figma的文件导入Framer中来制作交互效果。目前有一些设计师已经开源了部分网站模板供大家熟悉使用,而且如果你对React代码非常熟悉的话,对于网站的搭建就更加如虎添翼了,能够实现很多好玩且有趣的交互效果。
作为设计师完全可以利用这个工具来搭建属于自己的个人网站,不需要代码知识一键发布上线,只不过访问速度可能有些慢,但效果还是非常不错的,对于找工作来讲是非常有帮助的。