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

Flinto for mac是一款非常強(qiáng)大的交互原型制作神器，你可以使用它創(chuàng)建任何原型，從最簡(jiǎn)單的頁(yè)面跳轉(zhuǎn)到令人印象深刻的精美交互動(dòng)效，無(wú)需任何代碼也沒(méi)有復(fù)雜的時(shí)間軸，F(xiàn)linto的可操作性幾乎是所有原型工具中最簡(jiǎn)單快捷的，五分鐘制作高保真交互原型，我認(rèn)為這正是所有交互設(shè)計(jì)師所期待的。

功能特色：

轉(zhuǎn)場(chǎng)動(dòng)畫

動(dòng)效設(shè)計(jì)全新突破：無(wú)需編程無(wú)需時(shí)間軸，所有簡(jiǎn)單或復(fù)雜的轉(zhuǎn)場(chǎng)動(dòng)畫，都可以快速制作，甚至可通過(guò)彈性函數(shù)和貝塞爾曲線微調(diào)每處細(xì)節(jié)。

手勢(shì)交互

通過(guò)創(chuàng)建系統(tǒng)原生的手勢(shì)滑動(dòng)交互操作，來(lái)自然流暢地過(guò)渡您的轉(zhuǎn)場(chǎng)動(dòng)畫或屏幕導(dǎo)航，一切都是絲絲順滑，不會(huì)有絲毫的瑕疵或不適之處。

靈活滾動(dòng)

最簡(jiǎn)單添加屏幕區(qū)域滾動(dòng)的方式，一鍵快捷設(shè)置多個(gè)圖層組豎向或橫向滾動(dòng)，支持滾動(dòng)定位、彈性、進(jìn)度條顏色等各選項(xiàng)調(diào)整。

Sketch導(dǎo)入

與Sketch無(wú)縫結(jié)合，F(xiàn)linto For Sketch插件支持一鍵快速將設(shè)計(jì)稿導(dǎo)入Flinto畫板，生成Flinto文件，供您專注交互原型創(chuàng)作。

實(shí)時(shí)預(yù)覽

Mac和iOS同步實(shí)時(shí)預(yù)覽，所有原型改動(dòng)可直接在Mac預(yù)覽窗口演示，或Wi-Fi連接iPhone/iPad上的Flinto應(yīng)用，即可真機(jī)操作模擬演示。

分享原型

Flinto在iOS App Store中是免費(fèi)下載的，所以你可以將原型作品分享給任何人的設(shè)備，在他們的iPhone上預(yù)覽您的原型設(shè)計(jì)。

使用方法：

首先在sketch中繪制靜態(tài)效果圖：

2. 利用Flinto插件一鍵導(dǎo)出到Flinto，點(diǎn)擊相應(yīng)圖片添加觸發(fā)交互的行為，這里是Tap，即單擊，新建變化（New transition）

3. 把背景層透明度調(diào)整為0，調(diào)整整個(gè)圖層位置，鏈接放大圖片到小圖片，調(diào)節(jié)運(yùn)動(dòng)參數(shù)。

4. 保存動(dòng)作，選擇四張圖片成組制作滾動(dòng)Scroll，添加返回行為，預(yù)覽效果。

以上的效果我制作原型其實(shí)只用了不到20秒。