關於交互原型軟體，Flinto和Principle的優劣，哪種適合長期工作使用？

如題，flinto是前段時間一直在學的，有些經驗了，principle還沒有用過，這段使勁也一直聽到關於它的好評消息，因為實在沒有時間去做嘗試抉擇，先來諮詢下各路大神

用過一圈Framer、Principle、Pixate、Form之後，Flinto是我目前用著最順手的原型軟體，已經融入了我的工作流程。尤其在 Flinto for Mac 2.0 發布之後，補全了老版本的短板，實用性又有了大幅提升。這裡和Principle簡單做下對比，介紹一下這款軟體。

Flinto比Principle的優勢：

1、界面精緻、友好
Flinto的團隊一看就配備了專職的界面設計師，界面布局考究，圖標繪製精緻，打開軟體後給人的第一印象這肯定是個專業的產品團隊。這裡有一篇Flinto團隊介紹自己軟體圖標規範體系的官網博文，大家可以自行感受一下（傳送門：Flinto』s Meticulous Icon System）。

反觀Principle，一直讓我提不起興趣的重要原因就是受不了它那粗糙的界面，既然是主要面向設計人員的工具，咱還是趕緊先請個設計師設計一下吧...

2、Transition Designer的形式在製作動效時更方便管理
Flinto和Principle有個最大的不同，即Flinto沒有時間軸的概念。他在製作交互效果時會進入一個單獨的界面，及Transition Designer（2.0版本新加入了Behavior Designer，類似Principle的Drivers+Create Components，一定程度上彌補了Flinto之前不能做聯動效果的短板，例如：划動列表時隱藏工具欄）。

這種形式看似使軟體增加了一個層級，不如Principle直接在一個面板中操作控制直觀。但我在實用中的感受是，在製作動效和參數調整時，在一個獨立的空間內操作會更有心理安全感，不用擔心不小心誤拖拽了畫板上的哪個元素而破壞了效果。並且每一個元素和動效參數的對應關係會更加清晰，起始與結束的狀態也可以隨時切換預覽，方便畫板或動效很多時的記憶和管理。

再看下圖的Principle，所有操作均在一個主面板里進行。注意圖中我圈出的三個紅框，製作時需要在三個紅框區域內（主畫板、圖層、時間軸）不停的切換操作，並且牢記每個元素的對應關係，這交互就有點兒反人類了...

這種方式製作1、2個頁面的動效場景還好，一旦頁面多於3個，複雜程度就指數級增長。

3、基於事件操作的動效製作方式更接近真實程序開發的邏輯
前一點說到Flinto並沒有時間軸的概念，可能很多從AE製作動畫轉過來的同學會覺得不太適應，覺得是一大槽點：「沒有時間軸的軟體也能叫做動效的？」誠然，沒有時間軸確實增加了一定的理解成本，參數管理起來也沒有在時間軸上那麼直觀。

但現實往往比較殘酷，在開發的世界中，其實是沒有時間軸這個概念的。在開發實現的過程中，一切的交互和操作，都是基於事件和參數來觸發的，並不會以時間軸的維度來控制響應順序。而Flinto恰恰順應了這一點，一切控制都基於手勢操作和參數，便於後期與開發人員的溝通和輸出。從這點上說，作為一款交互原型設計軟體，Flinto的定位很準確。大家應該盡量適應。

4、製作好的原型可以直接Wifi同步到手機設備，無需接線。
並且同步好第一次後原型就存放在手機的本地目錄了。注意，是本地目錄哦！以後再打開預覽也無需聯網或者靠近電腦，可以隨時隨地給人演示。Principle則還需要USB連接電腦，試想一下抱著台Mac去找開發看效果的場景…

5、有官方中文版
Flinto從1.5版本開始，中國區的用戶下載正版軟體安裝後，默認顯示全中文界面，對於看不慣英文的同學來說，絕對是喜從天降...

Flinto比Principle的劣勢：

1、無法單獨控制同一個元素的不同參數的動畫時間
這句話有點兒拗口，舉個例子簡單說明：
「假如有某個元素，我想讓它移動的同時也發生旋轉，並且這個旋轉動畫我不希望它和位移同時進行，而是希望在位移開始後200ms時旋轉再開始。」

那麼不好意思了，Flinto暫時還做不到這個效果，對於同一個元素，它只能做出位移和旋轉同時開始的效果...

2、Behavior Designer還無法替代Principle的Drivers功能
Drivers功能算是Principle的一大亮點了，對於製作不同參數聯動的效果基本可以說是沒有死角。
Flinto在更新2.0後，引入了Behavior Designer功能，可以解決一些常見的基於Scroll的聯動效果。但理論上講還有死角，還不能完全像Drivers那麼自由控制。

3、預覽時無法直接錄Gif，錄製時無法隱藏手勢Cursor
這點其實是個小細節了，Flinto預覽時只能錄mov格式的視頻，無法直接錄Gif，並且無法像Principle那樣隱藏掉手勢Cursor，在錄製一些自動觸發的效果時稍微有一點點麻煩

4、破解沒那麼及時
不多說了，你懂的。我感覺這也是為什麼目前國內Principle貌似更加流行的原因...

總結：

1、除了上述我列舉的幾點外，Flinto和Principle的其他功能大致相當，兩者都是目前市面上交互原型設計軟體的佼佼者，值得好好研究一番。

2、以我個人的感受來說：Flinto更適合做多頁面、複雜場景流程的模擬，Principle則適合做少量頁面間細節動效的設計和微調。

3、如果你是一個像素眼、視覺控，請毫不猶豫的選擇Flinto吧...

我現在一直在用Principle。界面和sketch很像，導入也很方便，我之前也有在比較很多原型工具，最後還是選擇Principle，上手也不是很難。本來想等到界面設計完成再進行模擬交互測試的，但公司這邊想更直觀看到效果，我就用了一些時間學習下Principle，效果還是蠻理想的，現在一邊進行UI設計一邊快速進行模擬，也能更快的得到反饋。我個人認為工具適合自己就OK，畢竟能選擇的太多了，希望能幫到你。

支持flinto

目前的principle是不是還不能實現滾動條的即時聯動？還是我沒做出來？就是當滾動條在任意位置上滑或者下滑觸發對應的動效，只能是在特定的xy位置做元素的聯動。但還是可以滿足大部分的交互效果了，最近用著很順手。