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秒。