Mac交互原型制作神器(Flinto)

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

功能特色：

转场动画

动效设计全新突破：无需编程无需时间轴，所有简单或复杂的转场动画，都可以快速制作，甚至可通过弹性函数和贝塞尔曲线微调每处细节。

手势交互

通过创建系统原生的手势滑动交互操作，来自然流畅地过渡您的转场动画或屏幕导航，一切都是丝丝顺滑，不会有丝毫的瑕疵或不适之处。

灵活滚动

最简单添加屏幕区域滚动的方式，一键快捷设置多个图层组竖向或横向滚动，支持滚动定位、弹性、进度条颜色等各选项调整。

Sketch导入

与Sketch无缝结合，Flinto For Sketch插件支持一键快速将设计稿导入Flinto画板，生成Flinto文件，供您专注交互原型创作。

实时预览

Mac和iOS同步实时预览，所有原型改动可直接在Mac预览窗口演示，或Wi-Fi连接iPhone/iPad上的Flinto应用，即可真机操作模拟演示。

分享原型

Flinto在iOS App Store中是免费下载的，所以你可以将原型作品分享给任何人的设备，在他们的iPhone上预览您的原型设计。

使用方法：

首先在sketch中绘制静态效果图：

2. 利用Flinto插件一键导出到Flinto，点击相应图片添加触发交互的行为，这里是Tap，即单击，新建变化（New transition）

3. 把背景层透明度调整为0，调整整个图层位置，链接放大图片到小图片，调节运动参数。

4. 保存动作，选择四张图片成组制作滚动Scroll，添加返回行为，预览效果。

以上的效果我制作原型其实只用了不到20秒。