與Sketch結合的Prototype工具測評推薦

本文章轉載自：What to Choose: Flinto, Principle or Kite Compositor?

有幾年時間我一直使用After Effect來將我的設計做成動效。我想幾乎所有人都知道AE是一個超好用做動效的應用，但不是用來作Prototype的。如果你有用Sketch，你會需要一些額外的工作來實現交互動效。

所以我決定使用額外的動效及原型製作的軟件，不過依然有個問題，要如何選擇工具—  Flinto, Principle or Kite Compositor?

去找出什麼工具最適合我，我決定使用這三個軟件來建立相同的動效。我在Sketch中設計三個App的畫面，然後下載了這三個App的試用版本。

我的Sketch檔案

Principle

第一個測試的軟件是Principle。他是知名且熱門的原型製作工具，而坊間也有很多相關的教程以及範例來激發你的靈感。

首先，我看了幾個關於Principle’s website的短視頻教學。接著，在我準備好之後，我將我的Sketch檔案導入Principle開始建立我的第一個原型。Principle是一個用起來非常直覺的軟件，易懂且可以立刻看到結果。

這就是結果啦：

Principle

總結
完成專案耗時：約4小時
是否實現我要的功能：YES

我喜歡的

• 非常方便使用且容易學習
• 可以導入及更新你的Sketch檔案
• 你可以導出動畫成影片(.mov)或者.gif(給Dribbble的設定,喔耶 )

我不喜歡的

• 你需要非常小心關於圖層的命名，我遇到一些問題是因為Sketch symbols跟圖層的名字衝突導致的
• 你需要建立分開的artboard給每一個動效狀態。導致的結果是，你可能會有一堆artboard和動效的箭頭會讓你混亂且花費時間去檢查。

我的Principle檔案

Flinto

下一個是Flinto。他也是非常熱門且被廣泛使用的軟件。為了熟悉使用方式，我看了一個很棒的教程Flinto Crash Course由 Pablo Stanley製作。這個教程非常有用，讓我一下就學會如何建立我的第二個原型。

對我來說，Principle與Flinto有著相似的介面以及相似的功能，所以當我用Flinto的時候，我花了較少的時間來完成我的專案。我沒有遇到任何問題來建立一樣的動效。

總結
完成專案耗時：約3小時
是否實現我要的功能：YES

我喜歡的

• 這個軟件用起來非常直覺也很容易學
• 可以用Flinto插件來導入Sketch檔案
• 你可以導出動畫成影片(.mov)
• 你不需要建立很多的artboard給每個動效狀態

我不太喜歡的

• 當所有的動效在轉換以及動作中被隱藏起來，你可能會需要花時間去辨識動效的結構以及找到需要的轉換。

我的Flinto檔案

Kite Compositor

接著最後是Kite Compositor ，一個相對新的原型製作軟件，由Joe Rhodes開發的。由於他很新，所以還沒有很多相關的教學可以觀看。Kite Compositor使用不同的動效製作原則。你建立動效的時間軸並增加觸發器來跑動效，像是手勢、事件等等。相較之下，他更像是After Effect，你可以自由調整元件屬性的參數。

一開始，Kite Compositor不是那麼容易使用，我花了不少時間去暸解他的基本操作原則。不過，他直得去學習，而我也做得越來越快。我相信Kite Compositor很有機會成長並有很好的進展。最終，我建立了這個動效。

總結
完成專案耗時：約6~8小時
是否實現我要的功能：YES(幾乎)

我喜歡的

• 這個軟件的功能非常強大，你可以將任何東西做動效
• 你可以導入Sketch檔案
• 你可以導出動畫成影片(.mov)以及.gif

我不太喜歡的

• 你需要花很多時間和努力去學習動畫製作原則
• 沒有太多教程
• 我最終沒能建立完整的動效(我相信如果花更多時間我可以)

我的Kite Compositor檔案

結論

在這三天裡，我學習了三個製作互動動效原型的軟件。所以哪一個最好呢？我的意見是，哪一個最能達到你的目標的就是最好的(好無趣的答案啊，兄弟 )。主要是找到客戶的解決方案以及用戶的需求，而這三個應用都可以幫助你完成。他們每個都有很強的功能，所以你要自己決定哪個是對你的團隊最好的，最後感謝你們的閱讀。

原作者：Vitaly Dulenko
原部落格：Prototypr

我們是微豆TV，致力於讓最好的國外內容，讓國內的人也能存取。

關注我們的微信公眾號，獲得最新消息。