转载

試用:Flinto for Mac

試用: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 檔打不開,可能我弄錯什麼,不過丟了 PNG 進去就沒問題了。

試用

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

試用:Flinto for Mac

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

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

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

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

Screen Transitions

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

起始

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

試用:Flinto for Mac

最終

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

試用:Flinto for Mac

數值

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

試用:Flinto for Mac

實際效果

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

結論

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

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

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

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

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

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

正文到此结束
Loading...