試用:Flinto for Mac

Prototype 工具滿山滿谷一直生,昨天 App Store 新上架一款叫做「Flinto 」的 Prototype 工具。抱持著 你花錢買這工具是想解決什麼問題?沒有?你買它幹嘛? 的心情,本來想裝死,但應台灣設計師 Teresa 要求,我試玩了下寫心得分享,要不要掏 NT2,990 元出來見人見智了。

官網 www.flinto.com/mac

APP STORE itunes.apple.com/tw/app/flinto/id1021880828?l=zh&mt=12

官網提供試用版 14 天可以玩很久,先去下載玩看看吧~

特點

官網內容我不多提,首頁影片就大大的字寫著「沒有時間軸」,和我喜歡的 Hype3 不同。很好奇在沒有時間軸的情況下怎麼做動態效果。

主打 Sketch 可直接輸入…雖說我還是 PSD 派的,剛去網路抓了免費的 UI KIT sketch 檔打不開,可能我弄錯什麼,不過丟了 jpg 進去就沒問題了。

試用

隨手抓了之前自己做的 RainFont 字級表 ScreenShot 當測試。

Prototype 最重要的就是串 Flow,這點在 Flinto 上可以讓使用者非常快速,大概是我測過 10 種以上 prototype 工具裡最快最直覺的一款,前提是版面要夠整齊。

拉個方塊, Flinto 會自動從方塊中心延伸一條線,再點一下要前網的頁面就好了,不用 3 秒鐘。

預覽也很簡單,右上角 Preview 點下去就可以實際操作看看了。

做這個影片不需要 5 分鐘,大概有 4 分鐘我在找圖檔放哪…操作真的很簡單,串 Flow 靠 Crate Link 和 Draw Link 就解決。

Screen Transitions

Flinto 最大的賣點,也是「為什麼可以不用時間軸做動畫」的設計,使用起始最終的概念。可是沒有關鍵影格= =

起始

4 條參考線集中的就是起點,注意畫面中央上方的藍色「Start」,代表動態效果的起始畫面。

最終

紅色「End」是動態效果結束後的最終畫面。

數值

為了測試效果明顯一點,我調了「曲線」,也把起始的頁面壓扁,營造彈跳感。

實際效果

最後測試效果可以看這段影片。有 ㄉㄨㄞ ㄉㄨㄞ 的感覺。

結論

我直接講結論…不值這個價

我爬了半天介面、也翻爛官網,找不到「輸出」,介面右上角的 Share 傳送的是「原始檔」,沒辦法輸出成影片或 !@#$%^& 任一格式,就只有原始檔。這就代表 RD 要看用 Flinto 做出來的特效長什麼樣子,他也得裝 Flinto ,不然就是要全螢幕錄影或跟我一樣拿 iphone 拍,這哪裡怪怪的。

而且影片檔=RD 要通靈,要花快 3000 台幣得到個要讓 RD 通靈的工具?同樣價錢都可以買 Pro 版的 Hype3 了,還能輸出 JS 檔給 RD 看曲線數值。一般使用者用普版的 Hype3 也夠用,還只要 1,490 元。

不需要寫 Code 做動畫的宣傳詞感覺很炫,但現在多的是這類型 Prototype 工具。沒有時間軸、沒辦法微調,我覺得有點像 威力導演 和 After Effects 的差別。Flinto 是給入門的人簡單輕鬆快速上手做個什麼出來展示的工具。但真的要深入微調做得更精緻就不行了,而且對 RD 寫 Code 非常不友善…

這版本看起來就是先推出來試水溫的,不用時間軸的概念很有趣,但就以需要複雜動效的設計師和 RD 的配合度來講絕對不夠用。期待下一個版本會更好。

老話一句:你花錢買這工具是想解決什麼問題?沒有?你買它幹嘛?

Akane Lee

Akane Lee

如果設計師能和工程師順利合作,那麼老公也就能準時下班了吧!因此努力分享 UI 和 UX 方面的知識、技術、各種踩過的坑與心得。

Comments

wave
comments powered by Disqus

Press ESC to close